@charset "UTF-8";
:root{--cor-primaria: #7d351c}
.m-top{margin-top: 1rem}
.m-top2{margin-top: 2rem}
#erro404{padding: 3rem 0}


#header{position: relative; z-index: 99; padding: 2rem 0}
#header nav{display: inline-block}
.dropdown{display: inline-block}
#dropdownMenuLink{font-size: 12px; border-radius: 25px; margin-right: 1rem; padding: .3rem 2rem;}
.hd-downloads{background-color: #1b9ae8; color: #fff; border-radius: 25px; display: inline-block; padding: .4rem 2rem; font-size: 12px; margin: 0; cursor: pointer; transition: all .2s ease; border: none}
.hd-downloads:hover{text-decoration: none; color: #fff; background-color: #0069d9; transition: all .2s ease}
/*MENU HAMBURGUER*/
#menuToggle{display: block;position: relative;top: 10px;right: 0px;z-index: 99;-webkit-user-select: none;user-select: none; margin-left: 1rem}
#menuToggle a{text-decoration: none;color: #232323;transition: color 0.3s ease}
#menuToggle a:hover{color: #cacaca}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute; top: -7px;left: -5px;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none}
#menuToggle span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #fff;border-radius: 3px;z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease}
#menuToggle span:first-child{transform-origin: 0% 0%}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%}
#menuToggle input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2)}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px)}
#menu{position: absolute;width: 300px;margin: -100px 0 0 -50px;padding: 50px;padding-top: 75px;background: #ededed;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-500%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); text-align: right; right: 0}
#menu li{padding: 10px 0;font-size: 18px}
#menuToggle input:checked ~ ul{transform: none}

#home{}
.hm-banner{margin-top: -7.1rem}
.banner{padding: 0; margin: 0; list-style-type: none}
#ferramentas{padding: 5rem 0}
.hm-title{font-weight: 700; font-size: 38px; text-transform: uppercase}
.hm-title2{font-weight: 700; font-size: 18px; text-transform: uppercase; margin: 0}
.cor1{color: #282828}
.cor2{color: #5a79ec}
.hm-desc{font-size: 18px; margin: 2rem 0 0 0}
.hm-ferramenta-btn{background-color: #1b9ae8; color: #fff!important; border-radius: 25px; display: inline-block; padding: .4rem 2rem; font-size: 12px; margin: 2rem 0 0; cursor: pointer; transition: all .2s ease; border: none; border: 2px solid #1b9ae8}
.hm-ferramenta-btn:hover{text-decoration: none; color: #1b9ae8!important; background-color: #fff; transition: all .2s ease}

#servicos{padding: 0 0 3rem}
.hm-sv-box{background-color: #FFF; display: block; padding: 2em;margin: 1rem 0;box-shadow:0 15px 10px rgba(0,0,0,.5); height: 17rem}
.hm-sv-img{height: 4rem}
.hm-sv-img img{max-height: 4rem}
.hm-sv-box h6{margin-top: .5rem; font-size: 16px; font-weight: 600; height: 2rem}
.hm-sv-box p{font-size: 14px}

#contato{background-image: url('../_imagens/bg-contato.jpg'); background-size: cover; padding: 4rem 0 0; color: #fff; height: 24rem}
.hm-ct-fone{font-size: 22px; font-weight: 700}
.hm-ct-mail{font-size: 16px}
.hm-ct-social i{font-size: 18px}
.hm-ct-social a{margin: 0 .3rem; color: #fff}
.hm-ct-social a:first-child{margin-left: 0}
.hm-ct-social a:last-child{margin-right: 0}

#google-container {position: relative;  width: 100%;  height: 300px;  background-color: #e7eaf0;}
@media only screen and (min-width: 768px) {#google-container {height: 200px}}
@media only screen and (min-width: 1170px) {#google-container {height: 400px}}
#cd-google-map {  position: relative}
#cd-google-map address {position: absolute;width: 100%;bottom: 0; left: 0; padding: 1em 1em; background-color: rgba(77, 90, 97, 0.9); color: #fff;  font-size: 13px;  font-size: 0.8125rem}
@media only screen and (min-width: 768px) { #cd-google-map address {font-size: 15px; font-size: 0.9375rem; text-align: center}}
#cd-zoom-in, #cd-zoom-out {height: 32px;width: 32px; cursor: pointer; margin-left: 10px; background-color: rgba(77, 90, 97, 0.9); background-repeat: no-repeat; background-size: 32px 64px; background-image: url("../_imagens/cd-icon-controller.svg");}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #d36868;}
@media only screen and (min-width: 768px) {#cd-zoom-in, #cd-zoom-out {margin-left: 50px}}
#cd-zoom-in {background-position: 50% 0; margin-top: 10px; margin-bottom: 1px}
@media only screen and (min-width: 768px) {#cd-zoom-in {margin-top: 50px}}
#cd-zoom-out {background-position: 50% -32px}

#clientes{padding: 3rem 0 1rem}
.bx-viewport, .bx-wrapper {background: none; border: none; box-shadow: none; -moz-box-shadow: none;	-webkit-box-shadow: none;	max-width: none !important}
.carousel{margin: 0}
.carousel-ext{background-color: #f9f9f9; padding: 2rem 0}
.carousel li{display: flex; height: 5rem; justify-content: center; align-items: center}
.carousel li img{max-height: 5rem}

#onde-estamos{padding: 3rem 0 0}
#map{height: 30rem; width:100%; margin: 0 auto}

#hm-eventos{padding-top: 0}
.container-galeria{display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 300px; grid-gap: 5px}
.item-galeria{position: relative; overflow: hidden;}
.item-galeria .img-galeria{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s}
.item-galeria .title-galeria{position: absolute; background-color: rgba(0,0,0,0.8); left: 0; top: -100px; width: calc(100% + -20px); color: white; padding: 25px; font-size: 14pt; margin: 10px; opacity: 0; transition: all 0.3s; height: 100%}
.item-galeria:hover .title-galeria{top: 0; height: calc(100% + -20px); opacity: 1; transform: translateY(0); transition: all 0.3s; justify-content: center; align-items: center; display: flex}
.h-1{grid-row: span 1}
.h-2{grid-row: span 2}
.w-1{grid-column: span 1}
.w-2{grid-column: span 2}
.hm-all, .contato_btn, .hm-not-ler{background-color: var(--cor-primaria); color: #fff; border-radius: 0; display: inline-block; padding: .5rem 2rem; font-size: 13px; margin: 0; cursor: pointer; transition: all .2s ease; border: none}
.hm-all:hover, .contato_btn:hover, .hm-not-ler:hover{text-decoration: none; color: #fff; background-color: #101010; transition: all .2s ease}
.hm-not-quadro{background-color: #eff0f2; color: #646464; height: 17.6rem; padding: 1.5rem 1rem; color: #646464}
.hm-not-titulo{color: #454444; margin: 0; height: 3rem; overflow: hidden}
.hm-not-data{color: #6c6b6b}
.hm-not-desc{height: 7rem; overflow: hidden; margin: 0}
.hm-not-peq{max-height: 6rem; overflow: hidden}
.hm-not-peq-title{font-weight: 600; color: #454444; margin: 0}
.hm-not-peq-desc{margin: 0; color: #646464}
#hm-contato{background-color: #f4ead5}
.marrom{color: var(--cor-primaria)}

#formcontato input[type="text"], #formcontato input[type="tel"], #formcontato textarea{height: 40px; padding: 15px; font-size: 13px; border-radius: 0; width: 100%; margin-bottom: 1rem; border: 0; background-color: #f5ddb9}
#formcontato input[type="text"]:focus, #formcontato input[type="tel"]:focus, #formcontato textarea:focus{box-shadow: none; outline: none}
#formcontato textarea{height: 153px; resize: none}
#formcontato input::placeholder, #formcontato textarea::placeholder, {color: #696969}
.h-cont-title{font-weight: 600; font-size: 16px}
.hm-cont-p{margin: 0}
.formmsg{display: inline-block;width: 50%;color: green; font-weight: 700}
.msgok {height: 2.5em;overflow: hidden;padding-top: 0.7em;width: 21.5em;}

#pontos-turisticos{background-image: url(../_imagens/bg-ponto.jpg); background-size: cover}
.ponto-img{list-style-type: none; margin: 0}
.ponto-img img{max-width: 32rem; overflow: hidden}
#bx-pager{list-style-type: none; height: 4rem; margin: 2rem 0 0}
#bx-pager li{display: inline-block}
#bx-pager img{max-height: 4rem}
.pt-eventos{background-color: #f9efda; padding: 5rem 0}




#footer{padding: .5rem 0; background-color: #0a0a0a; color: #fff; font-size: 13px}

@media only screen and (max-width: 75em) {
  .hm-sv-box h6{height: 3rem}
  .hm-sv-box{height: 22rem}
  
}

@media only screen and (max-width: 62em) {
  .container-galeria{grid-template-columns: repeat(1,1fr); grid-auto-rows: 50vh}
  .h-2{grid-row: span 1}
  .w-2{grid-column: span 1}
  .hm-sv-box h6{height: 4.2rem}
  .hm-sv-box{padding: 1.5em; height: 25rem}
}

@media only screen and (max-width: 40em) {
  #header{padding: 2rem 0; background-color: #272626}
  .hm-banner{margin: 0}
  .s-text-center{text-align: center!important}
  .s-margin{margin-top: 1rem}
  .hd-downloads{margin-right: 1rem}
  #contato{height: auto; padding-bottom: 3rem}
  #footer a{margin-top: 1rem; display: block}
  .hm-sv-box h6{height: auto}
  .hm-sv-box{height: auto}
}