.text-white-heading {
  color: white;
  padding-bottom: 20px;
  font-size: 5vw;
  line-height: 100px;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.about-decal h3 {
  font-size: 20px;
  font-weight: 900;
}

#page-title .page-title > span {
  color: white !important;
}

@media screen and (max-width: 600px) {
  .text-white-heading {
    font-size: 10vw !important;
  }
}

@media only screen and (max-width: 1030px) {
  .text-white-heading {
    font-size: 8vw;
    padding-bottom: 0px;
  }

  .icon-box {
    padding-bottom: 30px !important;
  }
}

.alert {
  color: #ffffff;
  position: absolute;
  left: auto;
  padding: 0.85rem 1.5rem;
  z-index: 9999;
  width: 100%;
  right: auto;
}

.background-colored {
  background-color: #1c5204;
}

#form-submit {
  background-color: #87ab79;
  border-color: #87ab79;
}

#logo > img {
  height: 60px;
  width: auto;
}

#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span,
#mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span,
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span,
#mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span {
  color: #c3061d;
}

.heading-text.heading-section h2:before {
  background-color: #8b3b1b;
}

button.btn,
.btn:not(.close):not(.mfp-close),
a.btn:not([href]):not([tabindex]) {
  background-color: #87ab79;
  border-color: #87ab79;
}

#scrollTop:after,
#scrollTop:before {
  background-color: #1c5204;
}

button.btn.btn-outline,
.btn:not(.close):not(.mfp-close).btn-outline,
a.btn:not([href]):not([tabindex]).btn-outline {
  border-color: #87ab79;
  color: #87ab79;
}

button.btn.btn-outline:hover,
button.btn.btn-outline:focus,
button.btn.btn-outline:active,
button.btn.btn-outline.active,
.btn:not(.close):not(.mfp-close).btn-outline:hover,
.btn:not(.close):not(.mfp-close).btn-outline:focus,
.btn:not(.close):not(.mfp-close).btn-outline:active,
.btn:not(.close):not(.mfp-close).btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-outline.active {
  background-color: #87ab79;
  border-color: #87ab79;
}

.accordion .ac-item {
  border: 1px solid #87ab79;
}

.homepage_headings .text_heading {
  color: #1c5204;
}

#topbar {
  background-color: #eff1f4;
}

#topbar .top-menu > li > a {
  color: black;
}

.homepage_footer .footer .footer_ind.footer_section_1 .footer_logo img {
  width: 130px;
}

.vantagens-background {
  background-color: #23650a;
  opacity: 0.7;
}

.flickity-button:hover {
  background-color: #1c5204 !important;
}

.icon-box {
  margin-bottom: 0px !important;
  width: 100%;
}

.icon-box .icon {
  height: 128px;
  width: 128px;
}

.icon-box .icon i {
  font-size: 50px;
  text-align: center;
  line-height: 128px;
  border-radius: 50%;
  color: #266150 !important;
}

#marcacaodiv {
  border-radius: 5px;
}

.icon-box.light .icon i {
  background-color: #f5eec2;
}

.icon-box.light .icon i:after {
  box-shadow: 0 0 0 3px white;
}

.icon-box h3 {
  color: white !important;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.icon-box > p {
  color: white !important;
}

.icon-active {
  background-color: #e3010f !important;
}

#image-legend {
  position: absolute;
  /*top: 0;
  left: 0;*/
  right: 0;
  bottom: 0;
  width: 50%;
  min-height: 35%;
  background-color: #4fab63;
  border-radius: 5px;
  opacity: 0.9 !important;
  box-shadow: 2px 5px 4px 2px rgba(0, 0, 0, 0.2);
}

#image-legend-mobile {
  background-color: #4fab63;
}

.image-title-mobile {
  text-align: center;
  max-height: 30%;
  padding-top: 15px;
}

.image-title-mobile h5 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: bold;
}

.image-title-mobile i {
  font-size: 20px;
  color: white;
  line-height: 32px;
}

.image-title {
  text-align: center;
  padding-top: 10px;
  max-height: 30%;
}

.image-title h5 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: bold;
}

.image-title i {
  font-size: 20px;
  color: white;
  line-height: 32px;
}

.img-text {
  word-wrap: break-word;
}

.img-text div {
  text-align: justify;
  text-justify: inter-word;
  color: white;
}

.img-div img {
  width: 80%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 90px;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
}

.legend-body {
  padding-top: 20px;
  padding-bottom: 10px;
}

.legend-body-mobile {
  padding-top: 5px;
  padding-bottom: 25px;
}

.heading-section-wrap {
  overflow-x: auto;
  overflow-x: -moz-scrollbars-none;
  overflow-y: hidden;
}

.heading-section {
  display: table;
  position: relative;
  margin: 0 auto;
}

.heading-section .first-image {
  max-width: 100%;
  min-width: 600px;
}

#image-icons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#image-icons span {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  color: white;
  text-decoration: none !important;
  background-color: #49a70e;
  cursor: pointer;
}

#image-icons > span:nth-child(1) {
  left: 24%;
  top: 50%;
}

#image-icons > span:nth-child(2) {
  left: 27%;
  top: 58%;
}

#image-icons > span:nth-child(3) {
  left: 33%;
  top: 54%;
}

#image-icons > span:nth-child(4) {
  left: 48%;
  top: 55%;
}

#image-icons > span:nth-child(5) {
  left: 67%;
  top: 47%;
}

#image-icons > span:nth-child(6) {
  left: 89%;
  top: 37%;
}

.form-group label:not(.error) {
  font-size: 16px;
}

.timepicker-hour {
  color: black !important;
}

.timepicker-minute {
  color: black !important;
}

.text-light span:not(.btn-label) {
  color: black !important;
}

.datepicker tbody tr > td.day.today.active,
.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.selected {
  background: #1c5204 !important;
  color: #ffffff;
}

.text-light div:not(.alert) {
  color: black !important;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #e9ecef;
  cursor: pointer;
}

.form-group label:not(.error) {
  color: white !important;
}

span.fa-clock {
  color: #1c5204 !important;
}

span.fa-calendar-alt {
  color: #1c5204 !important;
}

a:not(.btn):not(.badge):hover {
  color: #1c5204 !important;
}

.about-decal p {
  color: white;
  text-align: justify;
  text-justify: inter-word;
  line-height: 2;
}

.custom-form-group {
  margin-bottom: 1rem;
}

#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span,
#mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span {
  color: #1c5204;
}

.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active {
  background-color: #87ab79;
  border-color: #87ab79;
}

.form-header-title {
  font-size: 50px !important;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white !important;
}

.contact-form-page {
  margin-bottom: 30px;
}

.form-header-title-mobile {
  font-size: 30px !important;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white !important;
}

.btn:not(.close):not(.mfp-close):hover {
  background-color: #87ab79;
  border-color: #87ab79;
}

@-webkit-keyframes calamine {
  0% {
    left: 32%;
    top: 24%;
  }

  50% {
    left: 35%;
    top: 30%;
  }

  100% {
    left: 32%;
    top: 24%;
  }
}

@keyframes calamine {
  0% {
    left: 32%;
    top: 24%;
  }

  50% {
    left: 35%;
    top: 30%;
  }

  100% {
    left: 32%;
    top: 24%;
  }
}

@-webkit-keyframes calamine2 {
  0% {
    left: 93%;
    top: 54%;
  }

  50% {
    left: 97%;
    top: 48%;
  }

  100% {
    left: 93%;
    top: 54%;
  }
}

@keyframes calamine2 {
  0% {
    left: 93%;
    top: 54%;
  }

  50% {
    left: 97%;
    top: 48%;
  }

  100% {
    left: 93%;
    top: 54%;
  }
}

@media only screen and (max-width: 600px) {
  #icon-calamine {
    color: #73cb3a;
    position: absolute;
    text-shadow: 0 0 10px #42413c;
    left: 32%;
    top: 24%;
    transform: rotate(115deg);
    font-size: 75px;
    -webkit-animation-name: calamine;
            animation-name: calamine;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  #icon-calamine2 {
    color: #73cb3a;
    position: absolute;
    text-shadow: 0 0 10px #42413c;
    left: 93%;
    top: 54%;
    transform: rotate(59deg);
    font-size: 75px;
    -webkit-animation-name: calamine2;
            animation-name: calamine2;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }
}

@media only screen and (min-width: 400px) {
  #icon-calamine {
    color: #73cb3a;
    position: absolute;
    text-shadow: 0 0 10px #42413c;
    left: 32%;
    top: 24%;
    transform: rotate(115deg);
    font-size: 75px;
    -webkit-animation-name: calamine;
            animation-name: calamine;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }

  #icon-calamine2 {
    color: #73cb3a;
    position: absolute;
    text-shadow: 0 0 10px #42413c;
    left: 93%;
    top: 54%;
    transform: rotate(59deg);
    font-size: 75px;
    -webkit-animation-name: calamine2;
            animation-name: calamine2;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }
}

@media only screen and (max-width: 800px) {
  #icon-calamine {
    display: none;
  }

  #icon-calamine2 {
    display: none;
  }
}

.js-cookie-consent {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #2f3640;
  color: #f5f6fa;
  padding: 15px 32px;
  z-index: 9999;
  line-height: 2;
  text-align: center;
}

.cookie-consentmessage a {
  color: #f5f6fa;
  text-decoration: underline;
}

.cookie-consentmessage a:hover {
  color: #478583;
}

.cookie-consentagree {
  margin-left: 20px;
  background: #478583;
  border: 0px;
  border-radius: 8px;
  padding: 6px 20px;
  cursor: pointer;
  color: #f5f6fa;
  font-size: 14px;
}

.cookie-consentagree:hover {
  margin-left: 20px;
  background: #008b46;
  border: 0px;
  border-radius: 8px;
  cursor: pointer;
  color: #f5f6fa;
}

