@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,800");
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  font-family: 'Open Sans', Helvetica, Arial, "sans-serif";
  font-weight: 300;
  color: #8a8a8a;
  box-sizing: border-box; }

ul li {
  list-style: none; }

a {
  text-decoration: none; }

p {
  line-height: 20px;
  margin-bottom: 10px; }

p:last-child {
  margin-bottom: 0; }

img {
  vertical-align: middle; }

em, em * {
  font-style: italic; }

strong, strong * {
  font-weight: 600; }

u, u * {
  text-decoration: underline; }

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * {
  font-weight: 600;
  color: #1d1d1d; }

h1 {
  margin-bottom: 20px; }

h1, h1 * {
  font-size: 42px;
  line-height: 45px; }

h2 {
  margin-bottom: 10px; }

h2, h2 * {
  font-size: 24px;
  line-height: 30px; }

h3 {
  margin-bottom: 10px; }

h3, h3 * {
  font-size: 18px;
  line-height: 21px;
  color: #85bb41; }

h4 {
  margin-bottom: 10px; }

h4, h4 * {
  font-size: 18px;
  line-height: 21px; }

h5 {
  margin-bottom: 5px; }

h5, h5 * {
  font-size: 14px;
  line-height: 17px;
  color: #85bb41; }

h6 {
  margin-bottom: 5px; }

h6, h6 * {
  font-size: 14px;
  line-height: 17px; }

input[type="text"], input[type="password"], input[type="email"], input[type="date"] {
  border: solid 1px #ccc;
  height: 40px;
  padding: 0 15px;
  width: 100%; }

input[type="submit"], input[type="button"] {
  background-color: #ccc;
  height: 40px;
  padding: 0 15px;
  cursor: pointer;
  -webkit-appearance: none; }

textarea {
  border: solid 1px #ccc;
  padding: 10px 14px;
  width: 100%;
  height: 150px;
  resize: none; }

select {
  background: url(../images/select-arrow-pink.svg) no-repeat right 0;
  background-size: 40px 40px;
  border: solid 1px #ccc;
  height: 38px;
  padding: 0 14px;
  width: 268px; }

select {
  background: url(../images/arrow-dropbox.svg) no-repeat right 0;
  background-size: 38px 38px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

option {
  padding: 10px; }

.wrapper {
  width: 1020px;
  margin: 0 auto; }

.cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

h2.withline {
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 30px; }

h2.withline .line {
  background-color: #5d9417;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-top: solid 1px #85bb41;
  border-bottom: solid 1px #85bb41;
  display: block; }

h4.withline {
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 30px; }

h4.withline .line {
  background-color: #5d9417;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-top: solid 1px #85bb41;
  border-bottom: solid 1px #85bb41;
  display: block; }

.btn {
  display: inline-flex;
  line-height: 38px;
  height: 40px;
  padding: 0 20px;
  border: solid 2px #fff;
  border-radius: 5px;
  text-transform: uppercase;
  transition: all 0.3s ease; }

.btn-green {
  border-color: #85bb41;
  color: #85bb41; }

.btn-icon {
  background-color: #85bb41;
  display: inline-flex;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all 0.3s ease; }

.btn-icon:hover {
  background-color: #5d9417; }

.btn-website {
  border-radius: 30px; }

.btn-social {
  background: #85bb41 url(../images/icons.svg) no-repeat 0 0;
  border-radius: 15px;
  background-size: 600px;
  transition: all 0.3s ease; }

.btn-social:hover {
  background-color: #5d9417; }

.btn-social.facebook {
  background-position: -60px -30px; }

.btn-doc {
  height: auto;
  line-height: 20px;
  padding: 0; }

.btn-doc .icon {
  background: url(../images/icons.svg) no-repeat -266px 0;
  background-size: 760px;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-right: 10px; }

.btn-doc .text {
  font-size: 16px;
  font-weight: 600;
  color: #85bb41;
  text-transform: none;
  align-self: center; }

.box-video {
  margin-bottom: 20px; }

.btn-video {
  background-color: rgba(133, 187, 65, 0.3);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 168px; }

.btn-video .icon {
  background-color: #85bb41;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  opacity: 0.7;
  transition: all 0.3s ease; }

.btn-video:hover .icon {
  opacity: 1; }

.btn-video .arrow {
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff; }

.btn-website {
  background: url(../images/icons.svg) no-repeat -30px -30px;
  background-size: 600px; }

.highlight-horiz {
  position: relative;
  padding: 50px 0; }

.highlight-horiz * {
  color: #fff; }

.highlight-horiz .wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 50px; }

.highlight-horiz .mask {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.highlight-horiz .left {
  width: 70%;
  padding-right: 50px; }

.highlight-horiz .right .btn:hover {
  background: #85bb41;
  border-color: #85bb41;
  color: #fff; }

.info-with-swiper {
  display: flex;
  justify-content: space-between; }

.info-with-swiper .left {
  width: 630px;
  /*height: 430px;*/
  flex-shrink: 0;
  margin-right: 40px; }

.info-with-swiper .left .swiper-container {
  height: inherit;
  margin-bottom: 20px; }

.info-with-swiper .social {
  padding-top: 30px; }

.info-with-swiper .social a {
  margin-right: 5px; }

.info-with-swiper.invert {
  flex-direction: row-reverse; }

.info-with-swiper.invert .right {
  padding-left: 0;
  padding-right: 40px; }

.general-section {
  padding: 50px 0; }

.general-section-header {
  margin-bottom: 50px; }

.db-content h5 {
  margin-bottom: 20px; }

.db-content ol,
.db-content ul {
  margin-bottom: 10px; }

.db-content ul li,
.db-content ol li {
  margin-left: 15px; }

.db-content ul li {
  list-style-image: url(../images/list-mark.svg) !important; }

.db-content ol li {
  list-style: decimal; }

.db-content ol.lower-alpha li {
  list-style: lower-alpha; }

/*.db-content ol ol li {list-style: lower-alpha!important}*/
.db-content table {
  border-collapse: collapse; }

.db-content table,
.db-content th,
.db-content td {
  border: solid 1px #8a8a8a; }

.db-content td {
  padding: 3px 5px; }

#privacypolicy-detail .description h5 {
  margin-top: 30px; }

/*############################################################################
								MAGNIFIC POPUP
#############################################################################*/
.mfp-content {
  text-align: center; }

#mfp-w2c {
  position: relative;
  background: #fff;
  display: inline-block;
  text-align: left;
  padding: 30px;
  width: auto;
  max-width: 960px;
  min-width: 240px;
  margin: 20px auto; }

#mfp-w2c h1 {
  text-align: center; }

/*############################################################################
								SWIPER
#############################################################################*/
.swiper-container {
  height: 100%; }

.swiper-slide {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.swiper-slide img {
  width: 100%; }

.swiper-wrapper.disabled {
  transform: translate3d(0px, 0, 0) !important; }

.swiper-pagination.disabled {
  display: none; }

.swiper-pagination-bullet {
  background: none;
  width: 15px;
  height: 15px;
  border: solid 1px #fff; }

.swiper-pagination-bullet-active {
  background-color: #85bb41;
  border-color: #85bb41; }

.swiper-button-next, .swiper-button-prev {
  background: #85bb41 url(../images/icons.svg) no-repeat 0 0;
  background-size: 600px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  transition: all 0.3s ease; }

.swiper-button-next:hover, .swiper-button-prev:hover {
  background-color: #5d9417; }

.swiper-button-next {
  background-position: -240px 0;
  right: 30px; }

.swiper-button-prev {
  background-position: -270px 0;
  left: 30px; }

/*############################################################################
								SOCIAL
#############################################################################*/
.w2-share-container {
  display: block; }

.w2-share-container * {
  color: #fff; }

.w2-share-container a {
  background-color: #85bb41 !important;
  transition: all 0.3s ease; }

.w2-share-container a:hover {
  background-color: #5d9417 !important; }

.jssocials-share-link {
  border-radius: 50%; }

/*############################################################################
									MOBILE
#############################################################################*/
#mobile-menu-switch {
  background: url(../images/menu-switch.svg) no-repeat 0 0;
  background-size: 40px;
  display: none;
  width: 40px;
  height: 40px;
  position: fixed;
  left: 10px;
  top: 18px;
  z-index: 1002;
  cursor: pointer; }

#mobile-menu {
  background: #85bb41;
  width: 280px;
  height: 100%;
  top: 0;
  left: -290px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 1025;
  overflow-y: scroll;
  transition: all 0.5s ease; }

#mobile-menu.active {
  left: 0; }

#mobile-menu a {
  padding: 20px;
  text-align: center;
  display: block;
  border-bottom: solid 1px #7bab3c;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px; }

#mobile-menu li.level-1.childs a {
  border-bottom: none;
  font-weight: 600; }

#mobile-menu li.level-1 ul {
  background: #7bab3c url(../images/arrow-mobile-menu.png) no-repeat center 0;
  border-bottom: solid 1px #7bab3c;
  padding: 15px 0; }

#mobile-menu li.level-2 a {
  border: none;
  text-transform: none;
  font-weight: normal;
  padding: 15px; }

/* ############################################################################
							HEADER & FOOTER
############################################################################ */
header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  z-index: 1001;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

header .wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }

header .wrapper .other {
  display: flex;
  height: 100%; }

header .logo {
  max-height: 100px; }

header .logo a {
  display: block;
  height: 100%; }

header nav, header nav > ul {
  height: 100%; }

header nav > ul {
  position: relative;
  display: flex;
  align-items: center; }

header nav > ul li {
  margin-left: 20px; }

header nav > ul li .arrow {
  background: url(../images/icons.svg) no-repeat -15px 0;
  background-size: 300px;
  width: 15px;
  height: 14px;
  vertical-align: middle;
  margin-left: 5px;
  display: none; }

header nav > ul li.childs .arrow {
  display: inline-block; }

header nav li.level-1 {
  height: 100%;
  display: flex;
  align-items: center; }

header nav li.level-1:hover > a,
header nav li.level-1.active > a {
  color: #85bb41; }

header nav ul ul {
  background-color: #fff;
  position: absolute;
  top: 120px;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease; }

header li.level-1:hover ul {
  visibility: visible;
  opacity: 1;
  top: 90px; }

header nav ul ul li {
  margin: 0; }

header nav ul ul li a {
  display: block;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.5s ease; }

header nav ul ul li:not(:last-child) {
  border-bottom: solid 1px #efeeee; }

header nav li.level-2:hover a {
  color: #85bb41; }

header nav li.level-2.active a {
  background-color: #85bb41;
  color: #fff; }

header nav * {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap; }

header .other .right {
  margin-left: 20px;
  display: flex;
  align-items: center;
  height: 100%;
  width: 50px;
  position: relative; }

header .other form {
  background-color: #fff;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  overflow: hidden;
  border-left: solid 1px #1d1d1d;
  padding-left: 20px;
  transition: all 0.5s ease; }

header .other form input[type="text"] {
  width: 200px;
  position: relative;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease; }

header .other form input[type="submit"] {
  background: url(../images/icons.svg) no-repeat 0 0;
  background-size: 600px;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 2;
  flex-shrink: 0; }

header .other form:hover {
  width: 250px;
  margin-left: -200px; }

header .other form:hover input[type="text"] {
  opacity: 1;
  visibility: visible; }

footer {
  background-color: #85bb41; }

footer .top {
  padding: 40px;
  display: flex;
  justify-content: center; }

footer .top * {
  color: #fff; }

footer .top .box-content {
  width: 30%;
  padding: 0 30px; }

footer .top .box-content:first-child {
  padding-left: 0; }

footer .top .box-content:last-child {
  padding-right: 0; }

footer .top input {
  border: none;
  border-radius: 5px;
  margin-bottom: 10px;
  color: #1d1d1d; }

footer .top input[type="submit"] {
  background-color: transparent;
  width: 100%;
  border: solid 2px #fff;
  color: #fff;
  transition: all 0.5s ease; }

footer .top input[type="submit"]:hover {
  background-color: #fff;
  color: #85bb41; }

footer .bot {
  padding-bottom: 15px;
  text-align: center; }

footer .bot *, footer .bot {
  color: #5d9417; }

footer .btn-social.facebook {
  background-color: transparent;
  background-position: -90px -30px;
  opacity: 0.5;
  transition: all 0.5s ease; }

footer .btn-social.facebook:hover {
  background-color: transparent;
  opacity: 1; }

#general-container {
  padding-top: 125px;
  min-height: 600px; }

#banner {
  background-color: #8a8a8a;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 450px;
  position: relative; }

#banner-mask {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

#banner-text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3; }

#banner .wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 10%;
  position: relative;
  z-index: 2; }

#banner * {
  color: #fff; }

#banner h1 span {
  display: inline-block;
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: rgba(133, 187, 65, 0.7);
  margin-bottom: 5px; }

#banner p span {
  display: inline-block;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: rgba(133, 187, 65, 0.7);
  margin-bottom: 3px; }

#banner h1 br,
#banner p br {
  margin: 0 !important;
  display: block;
  height: 0; }

#home-news,
.home-highlight {
  padding: 50px 0; }

#home-news .wrapper ul {
  display: flex; }

#home-news .wrapper ul li {
  width: 326px; }

#home-news .wrapper ul li:not(:last-child) {
  margin-right: 21px; }

#home-news .wrapper ul .image {
  background-color: #8a8a8a;
  height: 326px;
  margin-bottom: 30px;
  display: block; }

#home-news .wrapper ul .info {
  height: 135px;
  overflow: hidden; }

#home-news .wrapper ul .btn-icon {
  margin-right: 5px; }

#sponsors-container {
  background-color: #efeeee;
  padding: 30px 30px 10px; }

#sponsors-container h5 {
  text-align: center;
  color: #8a8a8a; }

#sponsors-container .list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

#sponsors-container .list .item {
  display: block;
  margin: 0 25px 25px;
  height: 100px; }

#sponsors-container .list .item img {
  display: flex;
  align-items: center;
  height: 100%; }

/* ############################################################################
							QUEM SOMOS
############################################################################ */
#about-container .wrapper {
  padding-right: 300px; }

#about-docs .wrapper {
  padding-right: 300px; }

#about-docs .list {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 20px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 20px;
  /* Firefox */
  column-gap: 20px; }

#about-docs .list li {
  display: block;
  margin-bottom: 15px; }

#about-docs .list li a {
  display: inline-block;
  border-width: 1px;
  text-transform: none;
  padding: 0 15px;
  transition: all 0.5s ease; }

#about-docs .list li a:hover {
  background: #85bb41;
  color: #fff; }

.general-section-separators .description:not(:last-child) {
  margin-bottom: 50px; }

/* ############################################################################
							LINKS ÚTEIS
############################################################################ */
/* ############################################################################
							CULTURA & LAZER
############################################################################ */
.list-type-a {
  display: flex;
  flex-wrap: wrap; }

.list-type-a .item {
  width: 50%;
  margin-bottom: 30px;
  padding: 0 10px; }

.list-type-a .item:nth-child(1n+1) {
  padding-left: 0; }

.list-type-a .item:nth-child(2n+2) {
  padding-right: 0; }

.list-type-a .item .image {
  background-color: #efeeee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 250px;
  margin-bottom: 30px;
  display: block;
  position: relative; }

.list-type-a .item .image .mask,
.list-type-b .item .image .mask,
.list-type-c .item .image .mask {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.3s ease; }

.list-type-a .item .image .hover,
.list-type-b .item .image .hover,
.list-type-c .item .image .hover {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.list-type-a .item .image .hover .icon,
.list-type-b .item .image .hover .icon,
.list-type-c .item .image .hover .icon {
  background: #85bb41 url(../images/icons.svg) no-repeat -504px 0;
  background-size: 1680px;
  width: 84px;
  height: 84px;
  display: block;
  border-radius: 84px;
  opacity: 0;
  margin-top: 40px;
  transition: all 0.5s ease; }

.list-type-a .item:hover .mask,
.list-type-b .item:hover .mask,
.list-type-c .item:hover .mask {
  opacity: 0; }

.list-type-a .item:hover .hover .icon,
.list-type-b .item:hover .hover .icon,
.list-type-c .item:hover .hover .icon {
  opacity: 1;
  margin-top: 0; }

.detail-a .content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px; }

.detail-a .content .left {
  width: 30%;
  flex-shrink: 0; }

.detail-a .content .left img {
  width: 100%; }

.detail-a .content .left .docs {
  margin-bottom: 20px; }

.detail-a .content .left .btn-doc {
  padding: 0; }

.detail-a .content .right {
  width: 65%; }

#gmaps {
  background-color: #efeeee;
  height: 480px;
  width: 100%; }

/* ############################################################################
							NEWS
############################################################################ */
.list-type-b {
  display: flex;
  flex-wrap: wrap; }

.list-type-b .item {
  width: 25%;
  margin-bottom: 30px;
  padding: 0 10px; }

.list-type-b .item .image {
  background-color: #efeeee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 240px;
  margin-bottom: 30px;
  display: block;
  position: relative; }

.list-type-b .item .title {
  min-height: 60px; }

.list-type-b .item .title,
.list-type-b .item .title * {
  color: #8a8a8a;
  font-size: 16px;
  line-height: 20px; }

.list-type-b .item .description {
  margin-bottom: 10px; }

.detail-b .content,
#location-with-text .content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px; }

.detail-b .content .left,
#location-with-text .left {
  width: 65%; }

.detail-b .content .left img {
  width: 100%; }

.detail-b .content .right,
#location-with-text .right {
  width: 30%;
  flex-shrink: 0; }

.detail-b .content .right .description {
  margin-bottom: 30px; }

.detail-b .content .right .docs {
  margin-bottom: 30px; }

.list-type-c {
  display: flex;
  flex-wrap: wrap; }

.list-type-c .item {
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 10px; }

.list-type-c .item .image {
  background-color: #efeeee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 240px;
  margin-bottom: 30px;
  display: block;
  position: relative; }

.list-type-c .item .title {
  min-height: 60px; }

.list-type-c .item .title,
.list-type-c .item .title * {
  color: #8a8a8a;
  font-size: 16px;
  line-height: 20px; }

.list-type-c .item .description {
  margin-bottom: 10px; }

#detail-submenu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px; }

#detail-submenu li {
  list-style: none; }

#detail-submenu .left {
  width: 30%; }

#detail-submenu .right {
  width: 65%; }

#detail-submenu .left li:not(:last-child) {
  border-bottom: solid 2px #85bb41; }

#detail-submenu .left li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 10px 0;
  transition: all 0.3s ease; }

#detail-submenu .left li a .icon {
  background: url(../images/icons.svg) no-repeat -75px 0;
  background-size: 300px;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-left: 10px;
  visibility: hidden;
  transition: all 0.3s ease; }

#detail-submenu .left li a .text {
  color: #1d1d1d;
  font-weight: 600;
  transition: all 0.3s ease; }

#detail-submenu .left li.active a {
  cursor: default; }

#detail-submenu .left li.active a .icon {
  visibility: visible; }

#detail-submenu .left li.active a .text {
  font-size: 18px; }

#detail-submenu .right .item {
  display: none; }

#detail-submenu .right .description {
  margin-bottom: 10px; }

#detail-submenu .right .images {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap; }

#detail-submenu .right .images a {
  display: inline-flex;
  width: 100px;
  height: 100px;
  margin: 0 5px 5px 0; }

#detail-submenu .links-container {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 20px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 20px;
  /* Firefox */
  column-gap: 20px; }

#detail-submenu .links-container a {
  color: #85bb41; }

#detail-submenu .links-container a:hover {
  text-decoration: underline; }

#detail-submenu .btn-green {
  border-width: 1px;
  transition: all 0.3s ease; }

#detail-submenu .btn-green:hover {
  background: #85bb41;
  color: #fff; }

#detail-submenu .docs a {
  margin: 0 20px 20px 0; }

/* ############################################################################
							PLANOS E RELATORIOS
############################################################################ */
#plans-reports-detail .description {
  margin-bottom: 30px; }

#plans-reports-detail .list {
  -webkit-column-count: 3;
  /* Chrome, Safari, Opera */
  -moz-column-count: 3;
  /* Firefox */
  column-count: 3;
  -webkit-column-gap: 20px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 20px;
  /* Firefox */
  column-gap: 20px; }

#plans-reports-detail .list a {
  margin-bottom: 15px;
  height: auto;
  line-height: 20px; }

#plans-reports-detail .list a:hover .text {
  text-decoration: underline; }

#plans-reports-detail .list a .text {
  align-self: center; }

/* ############################################################################
							PESQUISA
############################################################################ */
#search-results ul li {
  display: flex;
  margin-bottom: 20px; }

#search-results ul li .left {
  padding-right: 20px; }

#search-results ul li .left::after {
  content: " > "; }

#search-results ul li a {
  color: #85bb41; }

#search-results ul li a:hover {
  text-decoration: underline; }

/* ############################################################################
							RESPONSIVO
############################################################################ */
@media screen and (max-width: 1100px) {
  body {
    min-width: 0; }

  .wrapper {
    width: auto;
    padding: 0 10px; }

  header .logo {
    height: 45px; }

  header .logo img {
    height: 100%; } }
@media screen and (max-width: 992px) {
  header .logo {
    height: 28px; }

  header nav * {
    font-size: 13px; }

  header {
    height: 100px; }

  #general-container {
    padding-top: 100px; }

  .info-with-swiper .left {
    width: 60%; } }
@media screen and (max-width: 768px) {
  h1, h1 * {
    font-size: 30px;
    line-height: 35px; }

  #mobile-menu-switch, #mobile-menu {
    display: block !important; }

  header {
    height: 80px; }

  header .logo {
    margin-left: 60px; }

  header nav, header nav > ul {
    display: none; }

  header .wrapper .other {
    height: 40px; }

  #general-container {
    padding-top: 80px; }

  footer .top {
    flex-wrap: wrap; }

  footer .top .box-content:first-child {
    width: 100%;
    padding: 0;
    margin-bottom: 40px; }

  footer .top .box-content {
    width: 50%;
    padding: 0; }

  footer .top .box-content:nth-child(2) {
    padding-right: 20px; }

  footer .top .box-content:nth-child(3) {
    padding-left: 20px; } }
@media screen and (max-width: 600px) {
  h1, h1 * {
    font-size: 20px;
    line-height: 25px; }

  h2, h2 * {
    font-size: 18px;
    line-height: 22px; }

  #gmaps {
    height: 300px;
    margin-bottom: 20px; }

  .highlight-horiz .wrapper {
    flex-direction: column; }

  .highlight-horiz .left {
    width: 100%;
    padding: 0;
    margin-bottom: 20px; }

  .highlight-horiz .right {
    width: 100%; }

  .highlight-horiz .right .btn {
    width: 100%;
    text-align: center;
    display: inline-block; }

  .list-type-a .item, .list-type-c .item, .list-type-b .item {
    width: 100%; }

  .list-type-a .item .title, .list-type-c .item .title, .list-type-b .item .title {
    min-height: 0; }

  .info-with-swiper {
    flex-direction: column; }

  .info-with-swiper .left {
    width: 100%;
    height: 200px;
    margin-bottom: 30px; }

  footer .top {
    flex-direction: column;
    padding: 40px 20px 20px 20px; }

  footer .top .box-content {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    margin-bottom: 20px; }

  footer .top .box-content:last-child {
    margin-bottom: 0; }

  #about-container .wrapper, #about-docs .wrapper {
    padding: 0 20px; }

  #about-docs .list, #detail-submenu .links-container, #plans-reports-detail .list {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 0;
    /* Firefox */
    column-gap: 0; }

  #detail-submenu {
    flex-direction: column; }

  #detail-submenu .left {
    width: 100%;
    margin-bottom: 20px; }

  #detail-submenu .left li.active {
    background: #d4e7bb;
    padding: 0 10px; }

  #detail-submenu .right {
    width: 100%; }

  .detail-b .content, #location-with-text .content {
    flex-direction: column; }

  .detail-b .content .left, #location-with-text .left, .detail-a .content .left {
    width: 100%; }

  .detail-b .content .right, #location-with-text .right, .detail-a .content .right {
    width: 100%; } }