@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Info Boxes
7. Call To Action
8. Services
9. Departments
10. FAQ
11. Latest News
12. Footer


******************************/

/***********
1. Fonts
***********/

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,900");

/*********************************
2. Body and some general stuff
*********************************/

* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #ffffff;
  color: #666;
}

div {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul {
  list-style: none;
  margin-bottom: 0px;
}
/* botão acesse */
p {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  color: #555;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

p a {
  display: inline;
  position: relative;
  color: inherit;
  border-bottom: solid 1px #44579f;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

p:last-of-type {
  margin-bottom: 0;
}

a,
a:hover,
a:visited,
a:active,
a:link {
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

p a:active {
  position: relative;
  color: #ff6347;
}

p a:hover {
  color: #ffffff;
  background: #44579f;
}

p a:hover::after {
  opacity: 0.2;
}

::selection {
  background: #44579f;
  color: #ffffff;
}

p::selection {
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
}

.form-control {
  color: #db5246;
}

section {
  display: block;
  position: relative;
  box-sizing: border-box;
}

.clear {
  clear: both;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.trans_200 {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.trans_300 {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.trans_400 {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.trans_500 {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fill_height {
  height: 100%;
}

.super_container {
  width: 100%;
  overflow: hidden;
}

.prlx_parent {
  overflow: hidden;
}

.prlx {
  height: 130% !important;
}

.parallax-window {
  min-height: 400px;
  background: transparent;
}

.parallax_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.background_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.nopadding {
  padding: 0px !important;
}

.button {
  width: 137px;
  height: 54px;
  background: #44579f;
  overflow: hidden;
}

.button a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.button a span {
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  line-height: 54px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.button a span:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button a span:last-child {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 100%;
  font-size: 9px;
  opacity: 0;
}

.button:hover a span:first-child {
  top: -10%;
  font-size: 9px;
  opacity: 0;
}

.button:hover a span:last-child {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 11px;
  opacity: 1;
}

.section_title {
  font-size: 36px;
  font-weight: 600;
  color: #404040;
  line-height: 0.75;
}

.section_subtitle {
  font-size: 11px;
  font-weight: 600;
  color: #838383;
  line-height: 0.75;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-top: 23px;
}

.acc_sidebar {
  margin-top: 10px;
  margin-bottom: 10px;
}

a.verde {
  color: #666666;
}

a.verde:hover {
  color: #44579f;
}

div.espaco {
  padding-top: 50px;
}

div.space {
  margin: 15px 0;
}

/*********************************
3. Topo
*********************************/

.super_container {
  background: #e5ecf1;
}

div.footer_phone a {
  margin: 0 0 0 5px;
}

/*********************************
3. Header
*********************************/

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 100;
}

.header.scrolled {
  position: fixed;
  top: -145px;
  left: 0;
}

.header_top {
  width: 100%;
  z-index: 2;
  /* padding: 25px 0; */
}

.topo_logo {
  padding: 0 0;
}

.header_top_content {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  padding: 0 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.logo a {
  line-height: 0.75;
  color: #404040;
  font-size: 24px;
  font-weight: 700;
  padding: 20px 0;
}

.logo a span {
  font-size: 36px;
  color: #44579f;
  line-height: 0.75;
  vertical-align: text-top;
}

.header_top_nav ul li {
  position: relative;
}

.header_top_nav ul li:not(:last-child)::after {
  content: "|";
  margin-left: 12px;
  margin-right: 12px;
}

.header_top_nav ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #838383;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.header_top_nav ul li a:hover {
  color: #44579f;
}

.header_top_phone {
  margin-left: 44px;
}

.header_top_phone i {
  font-size: 22px;
  color: #44579f;
  vertical-align: middle;
  transform: translateY(-1px);
}

.header_top_phone span {
  font-size: 16px;
  font-weight: 600;
  color: #404040;
  margin-left: 3px;
  vertical-align: middle;
}

.hamburger {
  display: none;
  cursor: pointer;
}

.hamburger i {
  font-size: 18px;
  color: #4c4c4c;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.hamburger i:hover {
  color: #329fec;
}

.header_nav {
  z-index: 2;
}

.header_nav_inner {
  width: 100%;
}

.header_nav_container {
  z-index: 1;
  background: #44579f;
}

.header_nav_content {
  height: 65px;
}

.main_nav {
  height: 100%;
}

.main_nav ul {
  height: 100%;
}

.main_nav ul li {
  position: relative;
}

.main_nav ul li:not(:last-child) {
  margin-right: 20px;
}

.main_nav ul li a {
  display: block;
  position: relative;
  height: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  z-index: 1;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.main_nav ul li a.dropdown-item {
  display: block;
  position: relative;
  height: 100%;
  font-size: 13px;
  color: #666;
  z-index: 1;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.main_nav ul li a.dropdown-item:hover {
  color: #999;
}

.main_nav ul li a:hover,
.main_nav ul li.active a {
  color: rgba(255, 255, 255, 0.75);
}

.search_content {
  height: 60px;
}

.search_container_form {
  position: relative;
  width: 337px;
}

.search_container_input {
  width: 100%;
  height: 37px;
  border: none;
  outline: none;
  padding-left: 20px;
  background: #e5ecf1;
}

.search_container_input::-webkit-input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.search_container_input:-moz-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.search_container_input::-moz-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.search_container_input:-ms-input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.search_container_input::input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.search_container_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 37px;
  height: 37px;
  border: none;
  outline: none;
  cursor: pointer;
  background: #ffffff;
}

.header_search {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  cursor: pointer;
}

.header_search i {
  color: #4c4c4c;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.header_search:hover i {
  color: #329fec;
}

/*********************************
4. Menu 2
*********************************/

/* .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff !important;} */

/*********************************
4. Menu 
*********************************/

.menu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(50, 198, 154, 0.95);
  z-index: 101;
  opacity: 0;
  visibility: hidden;
}

.menu.active {
  opacity: 0.98;
  visibility: visible;
}

.menu_content {
  width: 100%;
  height: 100%;
}

.menu_content ul {
  margin-top: 40px;
}

.menu_item {
  position: relative;
  margin-bottom: 3px;
}

.menu_item:last-child {
  margin-bottom: 0px;
}

.menu_item a {
  display: inline-block;
  position: relative;
  font-size: 36px;
  color: #ffffff;
  font-weight: 600;
}

.menu_item a::after {
  display: block;
  position: absolute;
  top: 52%;
  left: 0;
  width: 0;
  height: 4px;
  background: #ffffff;
  letter-spacing: 2px;
  content: "";
  z-index: 10;
  pointer-events: none;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 400ms ease;
}

.menu_item:hover a::after {
  width: 100%;
}

.menu_close_container {
  position: absolute;
  top: 94px;
  right: 122px;
  width: 21px;
  height: 21px;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu_close {
  top: 9px;
  width: 21px;
  height: 3px;
  background: #ffffff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.menu_close::after {
  display: block;
  position: absolute;
  top: -9px;
  left: 9px;
  content: "";
  width: 3px;
  height: 21px;
  background: #ffffff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after {
  background: rgba(255, 255, 255, 0.7);
}

.menu_search_form {
  position: relative;
  width: 200px;
}

.menu_search_input {
  width: 100%;
  height: 40px;
  background: #e5ecf1;
  border: none;
  outline: none;
  padding-left: 20px;
}

.menu_search_input::-webkit-input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #666 !important;
}

.menu_search_input:-moz-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.menu_search_input::-moz-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.menu_search_input:-ms-input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.menu_search_input::input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ababab !important;
}

.menu_search_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  outline: none;
}

.menu_social {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 15px;
}

.menu_social ul {
  display: inline-block;
  margin-left: 25px;
  white-space: nowrap;
}

.menu_social ul li {
  display: inline-block;
}

.menu_social ul li:not(:last-child) {
  margin-right: 15px;
}

.menu_social ul li a i {
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  padding: 5px;
}

.menu_social ul li a i:hover {
  color: rgba(255, 255, 255, 1);
}

/*********************************
5. Home
*********************************/

.home {
  width: 100%;
  background: #fff;
}

.home_title {
  font-size: 60px;
  font-weight: 600;
  color: #ffffff;
  max-width: 570px;
  line-height: 1.2;
}

.home_text {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.875;
  max-width: 480px;
  margin-top: 25px;
}

.home_button {
  margin-top: 36px;
}

/*********************************
6. Info Boxes
*********************************/

.info {
  width: 100%;
  background: #fff;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  width: auto;
  /*min-height: 650px;*/
}

.info P {
  text-align: justify;
}

.info img {
  max-width: 100%;
  height: auto;
}

.info_notcias {
  width: 100%;
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
  position: relative;
}

.info_box {
  width: 100%;

  margin-bottom: 20px;
}

.info_image {
  width: 100%;
}

.info_image img {
  max-width: 100%;
}

.info_content {
  padding-left: 38px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 31px;
  background-color: #e5ecf1;
}

.info_title {
  font-size: 20px;
  font-weight: 600;
  color: #404040;
}

.info_text {
  font-size: 14px;
  font-weight: 500;
  color: #838383;
  line-height: 1.95;
  margin-top: 14px;
}

.info_button {
  margin-top: 26px;
}

.info_form_container {
  width: 100%;
  background: #e5ecf1;
  height: 100%;
  padding-left: 43px;
  padding-top: 25px;
}

.info_form_title {
  font-size: 20px;
  font-weight: 600;
  color: #44579f;
  line-height: 1.2;
}

@media screen and (min-width: 601px) {
  h1.title {
    font-size: 30px;
    /*font-weight: 650;
	margin-bottom:25px;
	color: #44579f;
	line-height: 1.2;*/
    margin-bottom: 25px;
    color: #44579f;
  }
}

@media screen and (max-width: 600px) {
  h1.title {
    font-size: 18px;
    /*font-weight: 650;
	margin-bottom:25px;
	color: #44579f;
	line-height: 1.2;*/
    margin-bottom: 25px;
    color: #44579f;
  }
}

.cinza {
  color: #666;
}

.info_form {
  width: 100%;
  padding-right: 44px;
  margin-top: 43px;
}

.info_form select {
  margin-bottom: 26px;
}

.info_form input:not(:last-child) {
  margin-bottom: 23px;
}

.info_input {
  display: block;
  position: relative;
  width: 100%;
  height: 47px;
  background: #ffffff;
  padding-left: 20px;
  border: none;
  outline: none;
}

.info_input::-webkit-input-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #828282 !important;
}

.info_input:-moz-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #828282 !important;
}

.info_input::-moz-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #828282 !important;
}

.info_input:-ms-input-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #828282 !important;
}

.info_input::input-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #828282 !important;
}

.info_select {
  display: block;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  background-image: url(../images/down.png);
  background-position: center right;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #828282 !important;
  cursor: pointer;
}

.info_form_button {
  width: 100%;
  height: 54px;
  background: #44579f;
  border: none;
  outline: none;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  margin-top: 4px;
  cursor: pointer;
}

/*********************************
7. Call To Action
*********************************/

.cta {
  width: 100%;
  padding-top: 77px;
  padding-bottom: 74px;
}

.cta_content {
  width: 100%;
}

.cta_title {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
}

.cta_subtitle {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.5;
  margin-top: 14px;
}

.cta_button {
  width: 141px;
  margin-top: 7px;
}

/*********************************
8. Services
*********************************/

.services {
  width: 100%;
  background: #f4f8fb;
  padding-top: 99px;
  padding-bottom: 0px;
}

.icon_boxes_row {
  margin-top: 100px;
}

.icon_box {
  margin-bottom: 85px;
}

.icon_box_icon {
  width: 49px;
  height: 49px;
}

.icon_box_icon img {
  max-width: 100%;
}

.icon_box_title {
  font-size: 20px;
  font-weight: 600;
  color: #404040;
  padding-left: 25px;
}

.icon_box_text {
  font-size: 14px;
  font-weight: 500;
  color: #838383;
  line-height: 2.14;
  margin-top: 21px;
}

.services_button {
  margin-top: 4px;
}

/*********************************
9. Departments
*********************************/

.departments {
  width: 100%;
  background: #ffffff;
  padding-top: 99px;
  padding-bottom: 52px;
}

.dept_row {
  margin-top: 100px;
}

.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.dept_slider_container {
  overflow: hidden;
  width: calc(100% + 60px);
  left: -30px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
}

.dept_item {
  background: #ffffff;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.dept_item:hover {
  box-shadow: 0px 20px 46px rgba(0, 0, 0, 0.1);
  background: #f4f8fb;
}

.dept_image::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.dept_item:hover .dept_image::after {
  background: rgba(0, 0, 0, 0.49);
}

.dept_content {
  padding-left: 28px;
  padding-top: 21px;
  padding-bottom: 23px;
}

.dept_content::after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #44579f;
  content: "";
}

.dept_title {
  font-size: 20px;
  font-weight: 600;
  color: #404040;
}

.dept_link {
  margin-top: 4px;
}

.dept_link a {
  font-size: 12px;
  font-weight: 500;
  color: #838383;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.dept_link a:hover {
  color: #44579f;
}

.dept_slider_nav-item {
  position: absolute;
  top: calc(50% - 25px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -106px;
  width: 30px;
  height: 42px;
  background: #44579f;
  text-align: center;
  cursor: pointer;
}

.dept_slider_nav i {
  font-size: 16px;
  color: #ffffff;
  line-height: 42px;
}

/*********************************
10. FAQ
*********************************/
/* 
.stuff {
	width: 100%;
	background: #f4f8fb;
	padding-top: 99px;
	padding-bottom: 104px;
}

.faq_title {
	font-size: 36px;
	font-weight: 600;
	color: #404040;
	line-height: 0.75;
}

.faq_subtitle {
	font-size: 11px;
	font-weight: 600;
	color: #838383;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 0.75;
	margin-top: 23px;
}

.elements_accordions_tabs {
	margin-top: 115px;
}

.elements_accordions {
	width: 100%;
}

.accordions_tabs {
	width: 100%;
	background: #FFFFFF;
	margin-top: 100px;
}

.accordions {
	margin-top: 50px;
}

.accordion_container:not(:last-child) {
	margin-bottom: 14px;
}

.accordion {
	height: 49px;
	width: 100%;
	background: #FFFFFF;
	padding-left: 70px;
	cursor: pointer;
	color: #404040;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.accordion div {
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
}

.accordion::after {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 50px;
	height: 100%;
	content: '+';
	background: #44579f;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.accordion.active {
	background: #44579f;
	color: #FFFFFF;
}

.accordion.active::after {
	content: '-';
	color: #FFFFFF;
	background: #404040;
}

.accordion_panel {
	padding-right: 8px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.accordion_panel>div {
	padding-bottom: 11px;
}

.accordion_panel p {
	font-size: 14px;
	font-weight: 500;
	padding-top: 10px;
	color: #838383;
	line-height: 1.5;

}

.accordion_panel a {
	text-decoration: none;
	color: #666;

}

.accordion_panel a:hover {
	text-decoration: none;
	background: #44579f;

} */

/*********************************
11. Latest News
*********************************/

.bloco_noticias p {
  text-align: justify;
}

.news_title {
  font-size: 36px;
  font-weight: 600;
  color: #404040;
  line-height: 0.75;
}

.news_subtitle {
  font-size: 11px;
  font-weight: 600;
  color: #838383;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 0.75;
  margin-top: 23px;
}

.news_container {
  margin-top: 100px;
}

.latest:not(:last-child) {
  margin-bottom: 23px;
}

.latest_image {
  width: 73px;
  height: 73px;
}

.latest_image img {
  max-width: 100%;
}

.latest_content {
  padding-left: 25px;
}

.latest_title {
  margin-top: -3px;
}

.latest_title a {
  font-size: 16px;
  font-weight: 500;
  color: #666;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.latest_title a:hover {
  color: #666;
}

.latest_info {
  margin-top: 1px;
}

.latest_info ul li {
  position: relative;
}

.latest_info ul li:not(:last-child)::after {
  content: "/";
  margin-left: 3px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #838383;
}

.latest_info ul li a {
  font-size: 12px;
  font-weight: 500;
  color: #838383;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.latest_comments {
  margin-bottom: 6px;
}

.latest_comments a {
  font-size: 10px;
  font-weight: 500;
  color: #44579f;
}

span.info-noticias spam {
  font-size: 9px;
}

/*********************************
12. Videos
*********************************/
owl-item {
}

/*********************************
12. Footer
*********************************/

.footer {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 64px;
  background: #44579f;
}

.footer_content {
  padding-bottom: 100px;
}

.footer_about {
  padding-top: 34px;
}

.footer .logo a {
  color: #ffffff;
}

.footer_about_text {
  font-size: 14px;
  font-weight: 500;
  color: #d3d3d3;
  line-height: 2.14;
  margin-top: 39px;
}

.footer_social {
  margin-top: 30px;
}

.footer_social ul li:not(:last-child) {
  margin-right: 30px;
}

.footer_social ul li a i {
  color: #ffffff;
}

.copyright {
  font-size: 12px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.48);
  margin-top: 54px;
}

.footer_contact {
  padding-top: 35px;
}

.footer_contact_title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

.footer_contact_form_container {
  margin-top: 43px;
}

.footer_contact_form div input {
  width: calc((100% - 12px) / 2);
}

.footer_contact_input {
  width: 100%;
  height: 47px;
  background: #6a6d72;
  border: none;
  outline: none;
  padding-left: 20px;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: 500;
}

.footer_contact_input::-webkit-input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ffffff !important;
}

.footer_contact_input:-moz-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ffffff !important;
}

.footer_contact_input::-moz-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ffffff !important;
}

.footer_contact_input:-ms-input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ffffff !important;
}

.footer_contact_input::input-placeholder {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: italic;
  color: #ffffff !important;
}

.footer_contact_textarea {
  height: 98px;
  padding-top: 15px;
}

.footer_contact_button {
  width: 275px;
  height: 54px;
  background: #44579f;
  border: none;
  outline: none;
  cursor: pointer;
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-top: -5px;
}

.footer_hours {
  background: rgba(22, 22, 23, 0.61);
  padding-left: 27px;
  padding-top: 35px;
  padding-bottom: 60px;
  padding-right: 30px;
}

.footer_hours_title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

.hours_list {
  margin-top: 47px;
}

.hours_list li div {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.hours_list li:not(:last-child) {
  margin-bottom: 27px;
}

.footer_bar {
  width: 100%;
  background: rgba(18, 17, 17, 0.66);
}

.footer_bar_content {
  width: 100%;
  height: 51px;
}

.footer_nav ul li:not(:last-child) {
  margin-right: 64px;
}

.footer_nav ul li a {
  font-size: 11px;
  font-weight: 500;
  color: #a0a1a1;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.footer_nav ul li a:hover {
  color: #44579f;
}

.footer_links {
  margin-left: 84px;
}

.footer_links ul li {
  position: relative;
}

.footer_links ul li:not(:last-child)::after {
  content: "|";
  margin-left: 9px;
  margin-right: 9px;
}

.footer_links ul li a {
  font-size: 11px;
  font-weight: 500;
  color: #a0a1a1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.footer_links ul li a:hover {
  color: #44579f;
}

.footer_phone span {
  font-size: 14px;
  font-weight: 600;
  color: #44579f;
}

.footer_phone i {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #44579f !important;
}

.cinza {
  color: #666666 !important;
}

/*RAFAEL CARVALHO 20/11 - INCLUSÃO PARA CORRIGIR OVERLOAD DA IMAGEM EM GALERIAS LIGHT BOX*/
.sl-wrapper {
  position: inherit;
}

/* 11/12/2018 RAFAEL CARVALHO -  ALTERAÇÃO DA COR DO MENU PARA BRANCO E CINZA NO EFEITO*/
/* .navbar-light .navbar-brand {
	color: #FFFFFF !important;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: #FFFFFF !important;
}

.navbar-light .navbar-nav .nav-link {
	color: #FFFFFF !important;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: rgb(24, 46, 109) !important;
} */

/*FIM 11/12/2018 RAFAEL CARVALHO -  ALTERAÇÃO DA COR DO MENU PARA BRANCO E CINZA NO EFEITO*/

/* 12/12/2018 RAFAEL CARVALHO -  ALTERAÇÃO DA COR DO MENU MOBILE*/
/* .navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
} */

/* 12/12/2018 RAFAEL CARVALHO -  Ocultando texto na paginação*/
.body > div.super_container > div.info > div > div > div > nav > h2 {
  visibility: hidden;
}

.post-navigation {
  display: none;
}

/* 12/12/2018 RAFAEL CARVALHO -  Ocultando legenda das fotos da galeria NEXT*/
.body > div.sl-wrapper.simple-lightbox > div.sl-image > div {
}

.sl-caption .pos-bottom {
  visibility: hidden !important;
}

#collapse2019 > div > nav > h2 {
  visibility: hidden !important;
}

/* MODAL PÁGINA TV*/

.jumbotron {
  margin: 100px auto;
}

iframe {
  width: 100%;
  min-height: 300px;
}

nav.navigation .pagination .screen-reader-text {
  visibility: hidden !important;
}

/* INICIO - rafael carvalho - 09/07/19  provisório para ajustar cards de noticias */
div.info_image img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

div.info_image {
  background-color: #e5ecf1;
}

/* FIM - rafael carvalho - 09/07/19  provisório para ajustar cards de noticias */

footer {
  background: #44579f;
  color: #ffffff;
}

#footercontent.pmsl {
  color: #44579f !important;
}

figure.aligncenter {
  text-align: center;
}

/* footer  icons color  - RAFAEL CARVALHO */
#footercontent {
  color: white;
}

.icsociallk {
  color: inherit;
}

.icsociallk:hover {
  color: white !important;
}

/* fim footer  icons color  - RAFAEL CARVALHO */

.epyt-gallery-title {
  font-size: 120%;
  line-height: 120%;
  padding: 10px;
  color: #44579f;
}

.epyt-next,
.epyt-prev,
.epyt-pagenumbers {
  font-size: 120%;
  line-height: 120%;
  padding: 10px;
  color: #44579f;
}

/* ajustes paginas secretarias */
.tdcentervalign {
  vertical-align: middle !important;
}

#titulo_cus_sec {
  font-size: 20px;
  font-weight: 600;
  color: #44579f;
  line-height: 1.2;
}

#info_sec_cust {
  font-size: 18px;
  font-weight: 600;
  color: #44579f;
  line-height: 1.2;
}

#tdfotosec {
  width: 30%;
}

/* fim,  ajustes paginas secretarias */

.sup1 {
  background-color: darkred;
  color: ghostwhite;
}

.info_form_title > a {
  font-size: 20px;
  font-weight: 600;
  color: #44579f !important;
  line-height: 1.2;
}

/* JORNAIS CULTURA */
#title_jornais {
  font-size: 30px;
  margin-bottom: 25px;
  color: #44579f;
}

/* RF - 04/03/20 - abas da licitação para destacar titulos de informações relacionadas */
.title_abas {
  font-size: 20px;
  font-weight: 600;
  color: #44579f !important;
  line-height: 1.2;
}

/* HOTSITES ADEQ    RAFAEL CARVALHO - 31/03/2020 */

.text_justify {
  text-align: justify;
}

#txt_justi {
  text-align: justify;
}

body > div > div.info > div > div > div > div.bloco_noticias > ul > li {
  list-style-type: square;
  padding-left: 5px;
  margin-left: 25px;
  padding-bottom: 3px;
}

body
  > div.super_container
  > div.info
  > div.container
  > div
  > div
  > div.bloco_noticias
  > h6 {
  font-family: "Montserrat", sans-serif;
  font-size: x-small;
}

/* FRAME DA gct multas em transito */
iframe.custom_post {
  min-height: 600px;
}

@media screen and (min-width: 768px) {
  /* ESPAÇO DA DIV E RODAPÉ DO SINGLE-CUSTOMPOSTS*/
  #container_sg {
    min-height: 600px;
  }

  /* ESPAÇO DA DIV E RODAPÉ DO ARCHIVE/ LEGISLACAO*/
  .col-lg-12.info_box_col {
    min-height: 600px;
  }
}

/*
.card-img-bottom {
    max-width: 408px;
    max-height: 408px;
    min-width: auto;
    min-height: auto;
}*/

.logo_pmsl_h {
  width: 100%;
  height: auto;
}

.containerbox {
  margin: 20px auto;
  width: 400px;
  height: 400px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 200px 200px;
  grid-row: auto auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;

  .boxcontainer {
    background-color: #333;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-family: sans-serif;
  }
}

/* Create two equal columns that floats next to each other */
.column_icon {
  float: left;
  width: 33%;
  padding: 10px;
  height: 300px;
  /* Should be removed. Only for demonstration */
}

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

.destaque {
  color: red !important;
  font-variant-caps: petite-caps;
}

div.link_cat > a {
  background-color: #44579f !important;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}

div.link_cat > a:hover {
  background-color: #52a2a5 !important;
}

div.link_cat > a:active {
  background-color: #44579f !important;
}

div.link_cat > a:visited {
  background-color: #44579f !important;
}

hr.transp {
  opacity: 0.3;
}

.md-content_26007 {
  background: #44579f !important;
}

.imghover:hover .overlay {
  opacity: 1;
}

/****ACESSO Rápido 2025 *****/
.service-box-container {
  height: 100%;
}

.service-box {
  background-color: #97bb3a;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  transition: 0.3s;
  cursor: pointer;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.service-box:hover {
  background-color: #95b349;
}

.service-box i {
  font-size: 40px;
  color: #fff;
  margin-bottom: 10px;
}

.service-box p {
  color: #fff;
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ajustes responsivos */
@media (max-width: 575.98px) {
  /* Celulares - 2 colunas */
  .service-box {
    min-height: 120px;
    padding: 15px;
  }

  .service-box i {
    font-size: 30px;
  }

  .service-box p {
    font-size: 12px;
  }
}

/* .tab-content {
	display: none;
}

.tab-content.active {
	display: grid;
} */

.tab-content-v3 {
  display: none;
}

.tab-content-v3.active {
  display: grid;
}

.btn-acces-rapido {
  /* background-color: #81c341; */
  color: #1b598c;
}

/* 
@media(max-width: 1264px) {
	.tab-content {
		grid-template-columns: auto auto auto auto auto auto auto;
	}
}

@media(max-width: 970px) {
	.tab-content {
		grid-template-columns: auto auto auto auto auto auto;
	}
}

@media(max-width: 830px) {
	.tab-content {
		grid-template-columns: auto auto auto auto auto;
	}
}

@media(max-width: 690px) {
	.tab-content {
		grid-template-columns: auto auto auto auto;
	}
}

@media(max-width: 560px) {
	.tab-content {
		grid-template-columns: auto auto auto;
	}
}

@media(max-width: 408px) {
	.tab-content {
		grid-template-columns: auto auto;
	}
} */

/* SLIDE NEW */
.slider-container-new {
  display: flex;
  max-width: 1200px;
  /* margin: 20px auto; */
  gap: 20px;
}

.slider-new {
  position: relative;
  width: 140%;
  overflow: hidden;
  border-radius: 0px !important;
}

.slides-new {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide-new {
  min-width: 100%;
  position: relative;
}

.slide-new img {
  width: 100%;
  border-radius: 0px;
}

.slide-new-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px;
  text-align: center;
}

.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

.thumbnails-new {
  /* width: 30%; */
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.thumb {
  display: flex;
  gap: 10px;
  cursor: pointer;
  border-top: 1px solid #c1c1c1;
  padding-top: 10px;
}

.thumb img {
  width: 130px;
  height: 100px;
  object-fit: cover !important;
  border-radius: 0px;
}

.thumb-text {
  flex: 1;
  font-size: 14px;
}

.thumb-text a {
  text-decoration: none;
  font-weight: bold;
  color: #0056b3;
}

/* .slide-new img,
.thumb img {
	width: 100%;
	border-radius: 0;
	
}
*/

/**ESPAÇAMENTO **/

.mb-espace {
  margin-bottom: 0%;
  line-height: 1.5;
}

/*<p class="noticias-thumb-date mb-espace"> data</p>
<p class="noticias-thumb-titulo mb-espace">Prefeitura inicia discussões para revisão do
	Plano de
	Arborização
	Urbana</p>
<p class="noticias-thumb-resumo mb-espace"> Resumo</p>*/

.thumb-text a figcaption p {
  margin-bottom: 5px !important;
  /* line-height: 1; */
}

.noticias-thumb-date {
  font-size: 13px;
  font-weight: 600 !important;
  color: #44579f;
  /* line-height: 1.3; */
  /* margin-bottom: 0px; */
  font-style: bold !important;
}

.noticias-thumb-titulo {
  font-size: 12px;
  /* font-weight: 600; */
  color: #97bb3a;
  /* font-style: bold; */
  line-height: 1.3 !important;
}

.noticias-thumb-resumo {
  font-size: 12px;
  font-weight: 600;
  /* line-height: 1; */
}

.descricao-titulo {
  text-align: left;
  font: 700 28px/34px Roboto;
  letter-spacing: 0px;
  color: #97bb3a;
  opacity: 1;
  margin-bottom: 20px;
}

.descricao-titulo-amarelo {
  text-align: left;
  font: 700 20px/24px Roboto;
  letter-spacing: 0px;
  color: #f4c300;
  opacity: 1;
  margin-bottom: 20px;
}

.descricao-titulo-vermelho {
  text-align: left;
  font: 700 20px/24px Roboto;
  letter-spacing: 0px;
  color: #c96620 !important;
  opacity: 1;
  margin-bottom: 20px;
}

/* .transparent-bg {
	position: relative;

	background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url('https://www.santaluzia.mg.gov.br/v2/wp-content/themes/pmsl/images/cidade.jpeg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
} */

.transparent-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.3); */
}

.content {
  position: relative;
  z-index: 1;
}

/* Estiliza o menu lateral */
.sidebar-lateral {
  position: fixed;
  top: 0;
  left: -280px;
  width: 280px;
  height: 100%;
  background-color: #44579f;
  color: white;
  transition: 0.3s;
  padding-top: 20px;
  overflow-y: auto;
  z-index: 1050;
}

.sidebar-lateral.show {
  left: 0;
}

.sidebar-lateral a {
  color: #fff !important;
  font-size: 18px;
  padding: 10px 20px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.sidebar-lateral a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 25px;
  cursor: pointer;
  color: white;
}

.menu-btn {
  font-size: 24px;
  cursor: pointer;
  border: none;
  background: none;
  outline: none;
}

/* Estilos para o dropdown lateral */
.dropdown-menu-lateral {
  position: relative;
  display: block;
}

.dropdown-toggle-lateral {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  color: inherit;
}

.dropdown-toggle-lateral i {
  transition: transform 0.3s;
}

.dropdown-toggle-lateral:hover i {
  transform: rotate(180deg);
}

.dropdown-content-lateral {
  display: none;
  /* background-color: #e9ecef; */
  padding-left: 20px;
}

.dropdown-content-lateral a {
  display: block;
  padding: 8px 15px;
  /* color: #495057; */
  text-decoration: none;
}

/* .dropdown-content-lateral a:hover {
    background-color: #dee2e6;
  } */

/* Mostrar dropdown quando ativo */
.dropdown-menu-lateral.active .dropdown-content-lateral {
  display: block;
}

.dropdown-menu-lateral.active .dropdown-toggle-lateral i {
  transform: rotate(180deg);
}

/* fim Estiliza o menu lateral */

/* Esconde o menu padrão do Bootstrap quando o menu lateral estiver aberto */
.hide-navbar {
  display: none !important;
}

/* Oculta o menu lateral em telas maiores */
@media (min-width: 768px) {
  .sidebar {
    display: none;
  }
}

/* Oculta o menu lateral em telas maiores */
@media (min-width: 768px) {
  #mobileMenu {
    display: none;
  }
}

/* Oculta o  menu padrão em telas menores */
@media (max-width: 768px) {
  #navbarNav {
    display: none !important;
  }
}

/* Oculta o  menu padrão em telas menores */
@media (max-width: 600px) {
  .img-brasao {
    width: 57% !important;
  }

  .logo_pmsl_h {
    width: 133% !important;
  }
}

.menu-btn {
  font-size: 3em;
  color: #fff;
  background: none;
}

.content-bg {
  /* padding-top: 3%; */
}

#navbar-container {
  background-color: #44579f !important;
}

#navbar-container .navbar-nav .nav-link {
  color: #fff !important;
}

#navbar-container a.navbar-brand {
  color: #fff !important;
}

#navbarStart {
  padding-left: 10px;
}

hr.grad {
  background: linear-gradient(to left, #97bb3a, #c96620);
  height: 2px;
  border: 0;
}

p.destaque-1 {
  font-size: 20px;
  font-weight: 600;
  color: #97bb3a !important;
  line-height: 1.2;
  /* 
	font: 500 20px/30px Roboto;
  letter-spacing: 0px; */
}

#vermelho-tea {
  color: #c96620 !important;
}

/* Estilo das abas */
.nav-tabs {
  border-bottom: 2px solid #e0e0e0;
  /* Linha inferior mais suave */
  padding-bottom: 2px;
  /* Espaço para a linha ativa */
}

.nav-tabs .nav-item {
  margin-bottom: -2px;
  /* Alinhamento perfeito com a borda */
}

/* Abas inativas */
.nav-tabs .nav-link {
  color: #0057b8;
  /* Azul corporativo */
  background-color: rgba(255, 255, 255, 0.7);
  /* Fundo semi-transparente */
  border: none;
  border-radius: 6px 6px 0 0;
  padding: 12px 24px;
  font-weight: 600;
  margin-right: 4px;
  transition: all 0.3s ease;
  position: relative;
  border-bottom: 3px solid transparent;
}

/* Aba ativa */
.nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-color: #97bb3a;
  /* Azul corporativo */
  border-bottom: 3px solid #f4c300;
  /* Destaque em amarelo */
}

/* Hover nas abas */
.nav-tabs .nav-link:not(.active):hover {
  color: #e95821;
  /* Laranja ao passar o mouse */
  background-color: rgba(233, 88, 33, 0.1);
  /* Fundo laranja muito suave */
  border-bottom: 3px solid rgba(233, 88, 33, 0.3);
}

/* Indicador de aba ativa (opcional) */
.nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #0057b8;
}

/* Adaptação para mobile */
@media (max-width: 768px) {
  .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .nav-tabs .nav-link {
    padding: 10px 16px;
    font-size: 14px;
  }
}

.text-info-v3 {
  color: #44579f !important;
}

.btn-outline-info-v3 {
  color: #44579f !important;
  border-color: #44579f !important;
}

.btn-v3 {
  border: 1px solid #44579f !important;
}

.btn-outline-info-v3:hover {
  background-color: #44579f !important;
  color: #fff !important;
  border-color: #44579f !important;
}

.icsociallk {
  color: #fff;
}

a:hover.new-link-hover {
  background: #c96620 !important;
}

#accordion_transparencia {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  width: -moz-available;
  /* Para Firefox */
  width: -webkit-fill-available;
  /* Para Chrome/Safari */
  width: stretch;
  /* Padrão moderno */
}

#accordion_transparencia .card {
  border: none;
  border-radius: 0;
  margin-bottom: 8px;
  background: transparent;
}

/* Fundo dos botões de titulo */
#accordion_transparencia .card-header {
  background-color: #f8f9fa;
  border: none;
  border-radius: 12px !important;
  padding: 0;
  margin-bottom: 5px;
}

#accordion_transparencia .card-header h2 {
  margin: 0;
}

/* Titulo dos botoões do accordion */
#accordion_transparencia .btn.btn-link {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  color: #2c3e50;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: all 0.3s ease;
}

#accordion_transparencia .btn.btn-link::before {
  /* Ícone de seta para direita do Font Awesome 4.7 */
  content: "\f0ae";
  /* Note a barra invertida e letra minúscula */
  font-family: "FontAwesome";
  /* Nome correto para v4.7 */
  font-weight: normal;
  /* Em v4.7, muitos ícones usam weight normal */
  margin-right: 12px;
  color: #445cc9;
  transition: all 0.3s ease;
}

#accordion_transparencia .btn.btn-link.collapsed::before {
  /* Ícone de seta para baixo do Font Awesome 4.7 */
  content: "\f078";
  /* Ícone diferente para estado recolhido */
}

/* cor do titulo ao passar mouse */
#accordion_transparencia .btn.btn-link:hover {
  background-color: #e9ecef;
  text-decoration: none;
}
/* conteúdo do fundo do accordion, onde está os botões */
#accordion_transparencia .card-body {
  border: none;
  padding: 20px 20px 20px 50px;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  margin-top: -8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

#accordion_transparencia .collapse {
  border: none;
}

.borda_verde {
  border-color: #97bb3a;
  border-width: 2px;
}

.icone_transparencia {
  font-size: 50px;
  /* font-weight: 600 !important; */
  color: #44579f;
  font-style: bold !important;
}

.titulo_card_transp {
  font-size: 20px;
  font-weight: 600;
  color: #97bb3a;
  font-style: bold;
  /* line-height: 1.3 !important; */
}

.accordion_menu{

  background-color: none;

}

.btn-styleOne{

  padding: 20px 85px;
  border: none;
  border-radius: 35px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 5px 7px rgba(41, 52, 156, 0.3);
  background-color: #ffffffea;
  margin-right: -5px;

}