/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

.section-title {
  border-bottom: 1px solid;
}

.img-contato-home {
  width: 100%;
  height: 200px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.header-contact {
  padding: 7px 0 7px 0;
  overflow: hidden;
  height: 85px;
}

.border-div-contato-home {
  border: 1px solid;
}


.card-head {
  background-color: rgba(0, 133, 27, 1);
  /* border: 1px solid rgba(0, 0, 0, 1); */
  padding: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: rgb(255 255 255);
  font-size: 15px;
  text-transform: uppercase;
}


.footer {
  background: rgba(199, 199, 199, 1);
  color: rgba(0, 0, 0, 1);
}


@media screen and (max-width: 480px) {
  .carrinhoMobile {
    display: none;
  }

  .logoMobile {
    text-align: center;
  }

  .tamnhoBtnCarrinhoMobile {
    width: 100%;
  }
}


.input-field {
  position: relative;
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}


.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #00851b;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

footer {
  margin-top: auto;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
}


input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}


.tabs .tab a:hover,
.tabs .tab a.active {
  background-color: #99cea4;
  color: #ee6e73;
}


.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #000000;
}



.loader {
  opacity: 0;
  display: flex;
  bottom: 50px;
  transition: opacity 0.3s ease-in;
}

.loader.show {
  opacity: 1;
}


.circle {
  background-color: rgb(0, 141, 30);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px;
  animation: bounce 0.5s ease-in infinite;
}

.circle:nth-of-type(2) {
  animation-delay: 0.1s;
}

.circle:nth-of-type(3) {
  animation-delay: 0.2s;
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px)
  }
}


.a-Custom {
  color: #000000;
  cursor: pointer;
  border: 1px solid;
  transition: all 0.1s;
  border-color: #99cea4;
  margin-bottom: 2px;
}

.a-Custom:hover {
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .0));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.1));
  border: #00851b solid;
}

.btn-Custom {
  background-color: #00851b;
}

.btn-Custom:hover {
  background-color: #99cea4;
}


.btn,
.btn-large,
.btn-small {
  color: #fff;
  background-color: #99cea4;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
  background-color: #84b58e;
}


.selectCustom {
  background-color: rgb(255 255 255 / 0%);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f200;
  border-radius: 2px;
  height: 3rem;
}

.hide {
  display: none;
}

.imagem3 {
  transition: all 0.3s;
  cursor: pointer;
}

.imagem3:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}