/**
** VSCode? Recomendada a extensão "Better Comments"
** Cores do site:
**   Azul: #50afc1
**   Fontes: #2B2B2B;
** */

/**********************************************
**          Reset
** ********************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {margin:0; padding:0;}
h3,h4,h5,h6 {font-weight:700;}
h1, h2 {font-weight:700;}
small {font-weight:400; font-size:12px;}
html {-webkit-font-smoothing: antialiased;}
html {font-size: 100%;font-family: 'Rubik','Open Sans',sans-serif;letter-spacing: -0.01em;} /** Colocar com a fonte do google que tiver */
strong, b {font-weight:700;}
* {box-sizing: border-box;}
ul, ol{list-style: none;}
a {text-decoration: none;}
a, a:hover, a i, a:hover i, button, button:hover, button i, button:hover i{transition:all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;cursor: pointer;}
input, textarea, button{outline: none;border: 0;padding: 0;background: transparent; font: inherit;}
body {color: #2B2B2B;background: #FFFFFF;font-weight:400;letter-spacing: 0px;overflow-x: hidden;transition: all;letter-spacing: -.04em;}
.clear {width: 100%; clear: both; display: block; height: 0px;}
img {max-width: 100%;height: auto;}
.hidden-desktop{display: none!important;}

/** Evita que o font-awesome trave o carregamento da página */
html.fa-events-icons-loading .fa-fw {display: inline-block;width: 1.28571429em;}
html.fa-events-icons-loading .fa-fw::before {content: "\00a0";}

/** muda aquele azul quando o usuário seleciona texto */
::selection{background: #50afc122}
/******  End of Reset  *******/



/**********************************************
**     loader -> https://loading.io/
** ********************************************/
.loader {background-size: 100px, 100px;background-repeat: no-repeat;background-position: center center;width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;display: none;z-index: 99999999999;justify-content: center;align-items: center;background: #00492c;animation-name: loaderbk;display: flex;justify-content: center;align-items: center;transition: 1s;}
.loader img{width: 110px;margin: auto;display: block;}
.loader-white, .loader-black{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.loader,.loader-black{}
.loader-black{animation-name: loaderimg;}


html:not(.loading) .loader{animation-play-state: paused;opacity: 0;z-index: -9999999;}
html:not(.loading)  .loader-black{animation-play-state: paused;}
.logo-loader{width:200px;position: relative;}
html.loading--transparent .loader{opacity: .78;}
@keyframes loaderbk{
  0%{background:white}
  100%{background:#1c1c1c}
}
@keyframes loaderimg{
  0%{opacity:1}
  100%{opacity:0}
}
/******  End of loader  *******/



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

**          Menu

** ********************************************/
header{width: 100%;position: absolute;z-index: 1000;top: 0;left: 0;background: transparent;transition: all 0.5s ease;padding-top: 2rem;padding-bottom: 2rem;}
nav {position: relative;margin: 0 auto;}
.flexmenu{display: flex;align-items: center;flex-flow: row wrap;justify-content: space-between;}
.logo {z-index: 123;width: 10vw;}
.logo__pic{width: 100%; height: 100%; object-fit: contain; object-position: center left;}
#main-menu{margin-left: 4.4rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;position: relative;flex-grow: 1;}
.main-menu__item{border: 0;list-style: none;display: inline-block;margin: 1rem;}
.main-menu__item:last-of-type{margin-right:0}
.main-menu__item--contato{margin-left:auto}
.main-menu__item--home{margin-left:auto}
.main-menu__link{cursor:pointer;position: relative;font-size: .93rem;text-decoration: none;min-height: 0px;display: block;color: white;font-weight: 400;letter-spacing: 0.05em;font-size: 1.3rem;color: #002818;}
.main-menu__link i{margin-left: 2rem}
.main-menu__link::before{content: '';width: .5rem;height: 0.5rem;position: absolute;bottom: -.7rem;left: 50%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;background: #a5916b;border-radius: 50%;transform: translate(-50%);opacity: 0;}
.main-menu__link.active{color: #a5916b;text-shadow: 0 0 1px #a5916b;}
.main-menu__link.active::before{
    opacity: 1;
}
.header__contato{font-size:1.5rem}
.header__contato i{color: #a5916b;}
.main-menu__item.main-menu__item--submenu{position:relative}
.submenu{padding: 1rem 2rem;background: white;border-radius: 1rem;box-shadow: 0px 23px 46px #0000005C;display: flex;flex-direction: column;position: absolute;right: 0;top: calc(100% + 1rem);transition: all .5s;transform-origin: 0 0;}
.user-group {order: 3;margin-left: 2rem;padding: 1rem;}
.user-toggle {color: white;font-size: 1.2rem;position: relative;}
.submenu__item{display:block;color: #525252;text-transform: none;text-align: center;letter-spacing: 0;font-weight: 600;line-height: 1.2;padding: 1rem 0;border-bottom: .1rem solid hsla(0, 0%, 44%, .1);}
.submentu__row:last-of-type .submenu__item{border:none}

.main-menu__item--submenu:not(.active) .submenu, .user-group:not(.active) .submenu{transform: scaleY(0);opacity: 0;}


.social {position: fixed;top: 50%;padding: 1rem;transform: translate(0,-50%);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 999;background: white;padding-right: 2vw;right: 0;border-radius: 1rem 0 0 1rem;}
.social__item {font-size: 1.7rem;color: #01492c;margin: .5rem 0;}
header:before{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 7px;background: #00492c;opacity:0;transition: all .5s;}
header.active.headerHidden:before{opacity:1}
/** menu "ativo" */
header.active {
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 5px 25px rgba(0,0,0,0.125);
  position: fixed;
  box-shadow: 0 0 10px #8f8f8f4f;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
header.active.headerHidden{transform:translate(0,calc(-100% + 5px))}
/******  End of Menu  *******/




/**********************************************
**          Formulário
** ********************************************/
/** Formulário */
.form{display: flex;flex-wrap: wrap;}
.form-item{position: relative;width: 100%;display: inline-block;color: #585858;font-weight: 400;letter-spacing: -.02em;line-height: 1.5;font-size: 1.1rem;font-family: roboto,sans-serif;position: relative;}
.form-item__label{letter-spacing: inherit;position: absolute;font-size: inherit;line-height: inherit;top: 2.1em;left: 3rem;transition: all 0.25s ease;transform: translate(0,-50%);transform-origin: 0 0;}
.form-item--mensagem .form-item__label {top: 2.2rem;}
.form-item__field{width: 100%;display: inline-block;border: 1px solid #bdbdbd;padding: 1.39em 3em;letter-spacing: inherit;line-height: inherit;font-size: inherit;color: inherit;border-radius: 3rem;}
.form-item.active .form-item__label{top: 0;opacity: 0.5;transform: scale(.8);}


/** form com item único */
.formSingle {display: flex;align-items: stretch;flex-wrap: nowrap;}
.formSingle__input{padding: 18px 0 18px 30px;border: 1px solid rgba(0,0,0,0.15);border-right: 0;border-radius: 30px 0 0 30px;color: #adadad;transition: all 0.25s ease;font-size: 14px;}
.formSingle__input:focus{border-color: #50afc1;}
.formSingle__btn {background: #50afc1;color: #ffffff;padding: 18px;border-radius: 0 30px 30px 0;font-weight: 700;letter-spacing: -0.05em;}


/** input numérico com + e - */
.numericInput{position:relative;width:85px;overflow: hidden;}
.numericInput__field {width:100%;border: 1px solid rgba(0,0,0,0.2);font-size: 20px;line-height: 1em;color: #50afc1;padding: 5px 30px 5px 15px;}
.numericInput__btn{position: absolute;z-index:2;right:0;width:30px;height:50%;font-family: 'Font Awesome 5 Free';font-weight:900;color: #50afc1;font-size: 10px;}
.numericInput__btn::before{position: absolute;left: 50%;transform: translate(-50%,0);transition: transform 0.25s ease}
.numericInput__btn--add{top: 0;}
.numericInput__btn--add::before{content: '\f106';bottom: 0;}
.numericInput__btn--remove{bottom: 0;}
.numericInput__btn--remove::before{content: '\f107';top: 0;}
.numericInput__btn:hover{background: #50afc1; color: #ffffff;}
.numericInput__btn--add:hover::before{transform:translate(-50%,-50%);}
.numericInput__btn--remove:hover::before{transform:translate(-50%,50%);}




input::placeholder, textarea::placeholder{color: currentColor; opacity: 1; font:inherit;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: currentColor; opacity: 1; font:inherit;}
input:-moz-placeholder, textarea:-moz-placeholder{color: currentColor; opacity: 1; font:inherit;}
input::-moz-placeholder, textarea::-moz-placeholder{color: currentColor; opacity: 1; font:inherit;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: currentColor; opacity: 1; font:inherit;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: currentColor;opacity: 1; font:inherit;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}

/******  End of Formulário  *******/


/**********************************************
**          CKEDITOR
** ********************************************/
.tem-ckeditor{color: inherit; font-size: 1rem;line-height: 1.56em;font-weight: 400;text-align: left;}
.tem-ckeditor p {color: inherit;font-size: inherit; line-height: inherit;font-weight: inherit; text-align: left; margin-bottom: 1em;}
.tem-ckeditor em {font-style: italic; }
.tem-ckeditor strong {font-weight: 700;}
.tem-ckeditor ul, .tem-ckeditor ol { padding-left: 30px; border-left: 2px solid #50afc1; margin: 25px auto 30px 0;}
.tem-ckeditor ul { list-style: none;}
.tem-ckeditor ul li::before { content: '•'; display: inline-block; font: inherit; font-weight: 700; margin-right:5px; color: #50afc1}
.tem-ckeditor ol {list-style: none; counter-reset: ckeditor}
.tem-ckeditor ol li::before { counter-increment: ckeditor; content: counter(ckeditor); display: inline-block; font: inherit; font-weight: 700; margin-right:5px; color: #50afc1}
.tem-ckeditor li{font-size: inherit;color: inherit;line-height: inherit;text-align: left;margin-bottom: 1em;line-height: 1.5em;}
.tem-ckeditor a { font-weight: 700; color: #50afc1; text-decoration: underline;}
.tem-ckeditor table  {border-collapse: collapse;padding: 1em;margin: 1em auto;max-width: calc(100% - 1em);overflow-x: scroll;border: none;}
.tem-ckeditor table th{font-size: 1em;font-weight: 700;border-bottom: 2px solid #f0f0f0; border-right: 2px solid #f0f0f0; color: #50afc1;padding: 0.5em;}
.tem-ckeditor table th:last-child{border-right: 0;}
.tem-ckeditor table tr td  {padding: 0.5em;border: none;border-right: 1px solid #f0f0f0; text-align: left;font-size: 0.75em;border-bottom: 1px solid #f0f0f0; line-height: 1.5em;}
.tem-ckeditor table tr td:last-child { border-right: 0; }
.tem-ckeditor table tr:last-child td { border-bottom: 0; }
.tem-ckeditor img {max-width: 90%;height:auto;object-fit:contain;object-position:center;margin: 25px auto;display: block;}

/******  End of CKEDITOR  *******/

/**********************************************
**           GERAL
** ********************************************/
main{overflow: hidden;padding-top: 8.7rem;}
html{font-size:  1vw;}

/* variação container:  */
.container {width: 100%;box-sizing: border-box;padding-right: 8rem;padding-left: 8rem;}
.container--thin {padding-right: 3.61vw;padding-left: 3.61vw;}
.container--right{padding-left:0 }
.container--left {padding-right: 0;}

.img-cover-center{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;object-position: center;transition: all .5s;}

.linha-abaixo:after{content:'';display:block;width: 5rem;margin:auto;height:2px;background: #f8dc22;margin-top: 2.78rem;}
.col100{grid-column: 1/-1;}
/* botões */
.btn{display: inline-block;transition: all .5s;text-align: center;padding: 1.16em 2.05em;font-size: 1rem;line-height: 1;border: .1rem solid black;position: relative;letter-spacing: -0.04em;color: white;border-radius: 2rem;text-transform: uppercase;font-weight: 500;} /*equivale ao botão com fontsize de 16px*/
.btn i {color: white;font-size: 1.2em;margin-right: 1rem;vertical-align: middle;}
.btn--thin-white{border-color: white;background: transparent;color: white;}
.btn--green{background: #00492c;border-color: #00492c;color: white;}
.btn--roxo{background: #A255F7;border-color: #A255F7;}
.btn--azul{color: white;background: #33AEEB;border-color: #33AEEB;}


/* tipografia */
.font2 {font-family: 'Merriweather', serif;font-weight: 100;line-height: 1.7;}
.titulo1{color: #00492c;font-weight: 300;line-height: 1;margin-bottom: 2.43rem;letter-spacing: 0.08em;font-family: 'Merriweather', serif;font-size: 2rem;letter-spacing: -.01em;}
.texto1, .texto1 *{font-size: 1.1rem;color: #707070;line-height: 1.5;font-weight: 100;text-align: left;}
.texto1 b{font-weight: 700}
.texto1 ul{padding-left: 3rem;border-left: 3px solid #00492c;margin-top: 1rem;margin-bottom: 1rem;}
.texto1 li {padding-left: 1rem;position: relative;}
.texto1 li:before {content:'';width: .5rem;height: .5rem;position: absolute;top: .5em;left: 0;background: #cdbc9f;border-radius: 50%;}
.texto3, .texto3 *{font-size: .73rem;color: #777777;line-height: 1.4;letter-spacing: 0;font-weight: 300;text-align: left;}
.subtitulo {font-size: 1.2rem;text-transform: uppercase;font-weight: 100;color: #B69D74;display: flex;align-items: center;margin-bottom: 1rem;}
.subtitulo:before{content:'';width: 4rem;height: 1px;background: currentColor;color: inherit;margin-right: 1rem;}

/* select 2 */
.select2--compesquisa{width:100%!important}
span#select2--container {border-radius: 0;padding-right: 6rem;max-width: 100%;position: relative;width: 100%;display: block!important;font-size: 1.11rem;color: #585858;padding: 1.39rem 1.39rem;font-weight: 400;letter-spacing: -.02em;line-height: 1.5;font-size: 1.18rem;}
.select2-container--default .select2-selection--single {height: auto!important;max-width: unset;border-radius: 2.5rem!important;width: 100%;position: relative;border: 2px solid #818181;}
.select2-container--default .select2-selection--single .select2-selection__arrow{display:none;}
.select2-container--default .select2-selection--single:before{content: "\f107";font-weight: 900;font-family: "Font Awesome 5 Free";position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: 2.5rem;font-size: 1.2rem;color: #908f8f;}
.select2-container{width:100%!important}

.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #2bded0;}
.select2-dropdown {border: unset;box-shadow: 0 7px 30px 10px #00000029;border-radius: 0;}
.select2-results__option[aria-selected] {padding-left: 1.04rem;}
.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #0032804a;}
.select2-container--default .select2-selection--single[aria-expanded="true"]{border-color: #023b70;}
.select-white .select2-container--default .select2-selection--single{background:transparent}
.select-white span#select2--container{color:white}
.select-white .select2-container--default .select2-selection--single{border-color:white}
.select-white .select2-container--default .select2-selection--single:before{color:white}
.slick-dots {display: flex;align-items: center;justify-content: center;position: absolute;position: absolute;bottom: 2rem;left: 50%;transform: translate(-50%);}
.presentation button {font-size: 0;}
.slick-dots button {font-size: 0;padding: .2rem;margin: 0 .2rem;}
.slick-dots button:before {content: '';width: .7rem;height: .7rem;border: 1px solid currentColor;display: block;border-radius: 50%;color: white;transition: all .5s;}
.slick-active button:before {background: currentColor;}
/******  End of GERAL  *******/

/**********************************************
**          HOME
** ********************************************/
.banner {position: relative;min-height: calc(100vh - 8.7rem);padding-top: 4rem;padding-bottom: 4rem;overflow: visible;overflow: visible;display: flex;align-items: center;}
.banner__fundo {position: absolute;top: 0;left: 0;width: calc(100% - 8vw);height: 100%;border-top-right-radius: 2rem;overflow: hidden;box-shadow: 0 0 30px #7a7a7a3d;background: #00492c;}
.banner__fundo img {background-color: #00492c;mix-blend-mode: multiply;}
.banner__conteudo {position: relative;}
.banner__subtitulo {font-weight: 500;text-transform: uppercase;color: #00492c;font-size: 1.2rem;margin-bottom: 1rem;display: flex;align-items: center;}
.banner__titulo {color: white;font-size: 2rem;padding-left: 2rem;border-left: 1px solid beige;}
.bannet {margin-top: 5rem;}
.downbutton {position: absolute;color: white;z-index: 10;left: calc(50% - 4vw);bottom: 2.5rem;font-size: 2rem;padding: 1rem;transform: translate(-50%);}
.downbutton i {animation-name: down;animation-name: down;animation-duration: .7s;animation-iteration-count: infinite;animation-direction: alternate;}
.sobrehome {margin-top: 5rem;display: grid;grid-template-columns: 1fr 40%;gap: 5rem;}
.sobrehome__desc {column-count: 2;gap: 2rem;}
.certificacoes {margin-top: 4rem;}
.certificacoes__titulo {font-weight: 600;color: #B69D74;text-transform: uppercase;font-size: 1.2rem;display: flex;align-items: center;margin-bottom: 2rem;opacity: .5;}
.certificacoes__titulo:after {content:'';display: block;flex-grow: 1;height: 1px;background: currentColor;color: inherit;margin-left: 3rem;}
.certificacoes__lista {display: grid;grid-template-columns: repeat(6,1fr);gap: 1rem;}
.sobrehome__cximg{position:relative;padding-top: 100%;}
.sobrehome__img{position:absolute;width: 100%;height: 100%;object-fit: contain;object-position: center;top: 0;left: 0;}

.grupo-escuro {margin-top: 9rem;background: #001c11;background: linear-gradient(to bottom, #00170dad , #00170e 80%),url(../img/fundo-home.jpg);background-size: cover;background-position: bottom;position: relative;/* background-blend-mode: multiply; */background-position: bottom;padding-bottom: 10rem;}
.grupo-escuro:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 11rem;background: white;}
.servhome {background: #dddddd;padding: 4rem 12rem;border-radius: 2rem;box-shadow: 0 0 30px #97979736;position: relative;}
.servicos__item {width: calc(100% / 3 );padding: 1rem;display: flex;}
.subtitulo--servhome:before {width: 6rem;}
.servhome__titulo {padding: 0 7rem;}
.servhome__desc {padding: 0 7rem;}
.servicos__listagem {display: flex;flex-wrap: wrap;align-items: stretch;justify-content: center;margin-left: -1rem;margin-right: -1rem;margin-top: 4rem;}
.servico {background: white;display: block;padding: 1rem 2rem;border-radius: 2rem;display: flex;flex-direction: column;justify-content: flex-start;position: relative;overflow: hidden;}
.servico__fundo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00492c;opacity: 1;transition: all .5s;}
.servico__fundo img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;mix-blend-mode: multiply;}
.servico__ic {width: 4.5rem;padding-top: 4.5rem;position: relative;object-fit: contain;object-position: left center;margin-bottom: 1rem;}
.servico__ic img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .5s;}
.servico__titulo {font-weight: 600;color: #1c5c43;margin-bottom: 1rem;position: relative;transition: all .5s;}
.servico__desc {margin-bottom: 2rem;position: relative;transition: all .5s;}
.servico__mais {text-decoration: underline;margin-top: auto;color: #B69D74;position: relative;transition: all .5s;}
.clientes {margin-top: 4rem;padding-top: 4rem;border-top: 1px solid #ffffff3d;}
.clientes:before {content: '';width: 100vw;height: 100vh;position: absolute;top: 0;left: 50%;background: white;transform: translate(-50%);}
.clientes .slick-list{overflow:visible}
.cx-clientes {margin: 1rem;}
.cliente {padding-top: 50%;display: block;position: relative;width: 100%;}
.cliente__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transition: all .5s;}

.clientes__button {color: white;position: absolute;top: calc(50% + 2rem);transform: translate(0,-50%);font-size: 2rem;z-index: 1000;}
.clientes__button-prev {left: 0;}
.clientes__button-next {right: 0;}

@keyframes down {
  0% {
    transform: translate(0,0);
  }
  100% {
    transform: translate(0,50%);
  }
}
/******  End of HOME  *******/
/**********************************************
**          FOOTER
** ********************************************/
.footer__top {display: grid;grid-template-columns: auto auto auto;justify-content: space-between;align-items: center;gap: 2rem;padding-bottom: 4rem;}
.logo-footer {width: 12vw;}
.telefone__footer {font-size: 2rem;font-weight: 400;color: #0a5034;}
.telefone__footer i {color: #B69D74;}
.footer__local {display: grid;grid-template-columns: 100%;gap: .5rem;}
.footer__local__item {display: flex;align-items: center;color: #00492c;font-family: 'Merriweather', serif;font-size: .9rem;text-align: right;}
.footer__local__item i{font-size:1.5em;margin-left: 1rem;color: #a5916b;}
.footer__bottom {display: grid;grid-template-columns: 1fr auto;gap: 2rem;padding-top: 2rem;background: #00170e;padding-bottom: 2rem;}
.copy {color: white;font-weight: 100;font-size: .9rem;}
/******  End of FOOTER  *******/
/**********************************************
**          NEWSLETTER
** ********************************************/
.newsletter {gap: 1rem;grid-column: 1/-1;transform: translate(0,-50%);background: #dddddd;padding: 4rem;border-top-left-radius: 2rem;box-shadow: 0 0 30px #97979736;position: relative;display: grid;grid-template-columns: 1fr 42%;align-items: center;margin-bottom: -4rem;}
.newsletter:before{z-index: -1;content: '';position: absolute;top: 0;left: 8vw;width: 92vw;height: 100%;background: #dddddd;}
.newsletter__cont {position: relative;}
.newsletter__titulo {margin: 0;}
.nesletter__form {position: relative;position: relative;}
.nesletter__form .form-item__field {background: white;border-color: transparent;padding-right: 5.5rem;}
.newsletter__btn {position: absolute;right: 0;top: 50%;transform: translate(-1rem,-50%);padding: 1rem;border-radius: 50%;font-size: 1rem;}
.newsletter__btn i {color: #00492c;font-size: 1.5rem;}

/******  End of NEWSLETTER  *******/
/**********************************************
**          EMPRESA
** ********************************************/
.empresa-desc {margin-top: 5rem;display: grid;grid-template-columns: 1fr 50%;gap: 5rem;margin-bottom: 10rem;}
.empresa__header {width: 52%;float: left;margin-left: 1rem;margin-bottom: 1rem;}
.empresa-cert{margin-top: 0;grid-column: 1/-1;}
.empresa__cximg {width: 100%;position: relative;padding-top: 100%;}
.empresa__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.historia {display: grid;grid-template-columns: 40% 55%;gap: 5%;/* margin-bottom: 10rem; */position: relative;}
.historia:before{content:'';position: absolute;top: 0;left: 8vw;width: calc(100% - 8vw);height: 100%;background: #dddddd;border-radius: 2rem 0 0 2rem;box-shadow: 0 0 20px #87878759;}
.historia:after{content:'';position: absolute;top: 50%;left: 0;width: 100%;height: 50%;background: #001c11;z-index: -1;}
.historia__imgs {position: relative;border-radius: 2rem;overflow: hidden;z-index: 1;}
.historia__cximg {position: relative;padding-top: 100%;width: 100%;}
.hitoria__cont {display: flex;width: 100%;align-items: center;padding: 4rem 0;position: relative;}
.historia__cont__lista {width: 70%;}
.historia__item{margin-left:2rem}
.historia__item:not(.slick-active) {opacity: 0;pointer-events: none;transition: all .5s;}
.hitoria__subtitulo:after {content: '';order: 3;border-left: 1rem solid currentColor;display: block;color: inherit;border-top: .5rem solid transparent;border-bottom: .5rem solid transparent;}
.hitoria__subtitulo:before {order: 2;flex-grow: 1;margin: 0;margin-left: 1rem;}
.historia__cont__lista .slick-list {overflow: visible;margin-left: -2rem;}
.historia__item.slick-active + .historia__item:not(.slick-active){opacity: .3;pointer-events: all;}
.historia__item:last-of-type .hitoria__subtitulo:after{content:unset;display:none}
.valores {gap: 4rem;background: #001c11;display: grid;grid-template-columns: 1fr 1fr 1fr;padding-top: 9rem;padding-bottom: 14rem;}
.valor__ic {width: 5rem;height: 5rem;}
.valor__ic img{width:100%;height: 100%;object-fit: contain;object-position: left bottom;}
.valor__titulo {margin-top: 1rem;margin-bottom: 1rem;color: #B69D74;font-size: 2rem;}
.valor__desc {color: #b4b4b4;}

/******  End of EMPRESA  *******/
/**********************************************
**          EL-TOPO
** ********************************************/
.topo {position: relative;padding-top: 3rem;padding-bottom: 3rem;}
.topo__fundo {position: absolute;top: 0;left: 0;width: calc(100% - 8vw);height: 100%;border-top-right-radius: 2rem;overflow: hidden;box-shadow: 0 0 30px #7a7a7a3d;background: #00492c;}
.topo__fundo__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;mix-blend-mode: multiply;}
.topo__titulo {position: relative;color: white;font-size: 4rem;font-weight: 700;line-height: 1.2;}

/******  End of EL-TOPO  *******/
/**********************************************
**          SOLUCOES
** ********************************************/
.solucoes{display: grid;margin-top: 5rem;margin-bottom: 13rem;grid-template-columns: repeat(3, 1fr);gap: 3rem;}
.solucoes .servico{border: 1px solid #e8e8e8;}
/******  End of SOLUCOES  *******/
/**********************************************
**          CONTATO
** ********************************************/
.contato {padding-top: 3rem;margin-bottom: 14rem;}
.mapa {position: relative;width: 100%;padding-top: 35%;}
.mapa iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 2rem;border-top-right-radius: 0;box-shadow: 0 0 40px #92929247;}
.contato__grupo {display: grid;grid-template-columns: 30% 1fr;gap: 4rem;margin-top: 3rem;}
.contato__titulo {font-weight: 500;font-size: 2.5rem;}
.contato__dados {display: grid;grid-template-columns: auto;margin-right: auto;gap: 1rem;}
.contato__dado {display: grid;grid-template-columns: auto 1fr;gap: 0 2rem;}
.contato__dado__ic {grid-row: span 2;font-size: 1.5rem;color: #c1b093;}
.contato__dado__titulo {text-transform: uppercase;font-weight: 900;font-size: .8rem;color: #01482c;}
.contato__dado__desc {font-size: 1rem;color: #606060;font-weight: 100;}
.contato__form {display: g;display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}
.form__contato__cxbtn {text-align: center;}

/******  End of CONTATO  *******/
/**********************************************
**          SOLUCAO
** ********************************************/
.solucao {padding-top: 3rem;margin-bottom: 14rem;}
.solucao__cximg {width: 100%;padding-top: 40%;position: relative;overflow: hidden;border-radius: 2rem;border-top-right-radius: 0;box-shadow: 0 0 40px #a4a4a452;}
.solucao__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.solucao__cont {margin-top: 5rem;}
.solucao__items {background: #dddddd;padding: 3rem;border-radius: 2rem;box-shadow: 0 0 40px #a0a0a04a;margin-top: 7rem;/* width: 80%; */margin-left: auto;margin-right: auto;}
.solucao__cxitem {width: calc(100% / 4);padding: .3rem;display: flex;}
.solucao__items__lista {display: flex;justify-content: center;flex-wrap: wrap;}
.solucao__item {padding: 1rem;background: white;box-shadow: 0 0 10px #bbbbbb38;display: flex;flex-direction: column;justify-content: flex-start;}
.solucao__item__titulo {font-weight: 900;line-height: 1;color: #064d31;margin-bottom: 1rem;}
.solucao__item__desc {font-size: 1rem;color: #484848;padding-left: 1rem;border-left: 3px solid #0b5136;flex-grow: 1;}


/******  End of SOLUCAO  *******/
/**********************************************
**          CLIENTES
** ********************************************/
.clientesint {display: grid;grid-template-columns: repeat(4,1fr);gap: 8rem;margin-top: 3rem;margin-bottom: 16rem;}
.clientesint .cliente__img {filter: unset;opacity: 1;}

/******  End of CLIENTES  *******/





/**********************************************
**          HOVER
** ********************************************/

@media (min-width: 993px) {
  .btn:hover{transform: translate(.5rem,-.5rem);box-shadow: -0.5rem 0.5rem 4px rgba(36, 40, 43, 0.5);}
  .btn.btn--thin-white:hover{background: #00492c;border-color: #00492c;color:white;}
  .servico:not(:hover) .servico__fundo{opacity: 0;}
  .servico:not(:hover) .servico__mais {opacity: 0;}
  .servico:hover .servico__titulo {color: white;}
  .servico:hover .servico__desc {color: white;}
  .newsletter__btn:hover {background: #00492c;}
  .newsletter__btn:hover i {color: white;}
  .main-menu__link.header__contato:hover {text-decoration: underline;}
  .main-menu__link.header__contato:hover {text-decoration: underline;}
  .telefone__footer:hover {text-decoration: underline;}
  .footer__local__item:hover {text-decoration: underline;}
  .footer__local__item:hover i {text-decoration: none;transform: rotate(10deg);}
  .main-menu__link:hover {text-shadow: 0 0 1px #a5916b;}
  .social__item:hover i {color: #a5916b;}
  .clientesint:hover .cliente:not(:hover) {opacity: .5;}
}
/******  End of HOVER  *******/


/**********************************************
**          RESPONSIVO
** ********************************************/
@media(max-width:1440px){


}

@media (max-width: 992px) {
  /* GERAL */
  html{font-size:1.56vw}

  /** cabeçalho */
  header{display: flex;align-items: center;width: 100vw;position: fixed;z-index:9999;background: white;top:0px;left:0px;padding-top: 15px;transition:all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 5px 25px rgba(0,0,0,0.125);padding: 15px 30px;}
  .logo{width: 110px;margin-right: auto;}
  header.active{transform: unset;}
  body.menu-active #main-menu{transform: scaleX(1);box-shadow: 0 0 10px 2px #00492c;}

 
  /** menu */
    #main-menu{position: fixed;display: flex;flex-direction: column;background: #00492cf5;right: 0;top: 0px;width: 300px;bottom: 0;z-index: 999;justify-content: flex-start;align-items: flex-start;padding: 50px 0;transition: all .5s ease;min-height: 100vh;/* overflow-y: scroll; */flex-wrap: nowrap;margin: 0;transform: scaleX(0);transform-origin: 100% 0;}
    #fechar-menu{color: #ffffff;text-transform: lowercase;font-size: 25px;font-weight: lighter;display: flex!important;align-items:center;justify-content: center;width: 50px;text-align: center;height: 50px;position: absolute;top: 0;right: 0;}
    #mobile-toggle{border-bottom: 2px solid #00492c;border-top: 2px solid #00492c;width: 28px;margin-left: 15px;height: 14px;display: flex;align-items: center;margin: 0;}
    #mobile-toggle::after {content: "";display: block;height: 2px;background: #01492c;width: 100%;}
    #fechar-menu::before{content: "";position: fixed;height: 100vh;width: 0;right: 100%;top: 0;z-index: -1;transition: all .5s ease;}
    #fechar-menu.active::before{background: rgba(0,0,0,0.5);width: calc(100vw - 290px);}
    .main-menu__item{width:100%;margin: 0!important;}
    .main-menu__link{width:100%;padding: 0.75rem 15px;color: #ffffff;display: block;line-height: 1.25em;border-bottom: 1px solid #00492c;transition: all .35s;font-size: 1.11rem;text-align: center;}
    .main-menu__link::before{content:unset;}
    .submenu{position: static;opacity: 1;transform: unset;transition: all 0s;flex-wrap: wrap;padding-top: 0;padding-bottom: 0;padding-right: 0;}
    .submenu__coluna{margin: 0;width: 100%;}
    .submenu__coluna:not(:first-of-type){margin:0}
    .main-menu__item.active-menu .main-menu__link[data-toggle-menu]{background: #0e2e52;color: white;}
    .main-menu__item:not(.active-menu) .submenu{display: none;}
    .iconeMenu--busca{color:white;font-size: 20px;}
    .busca-header{display: none}
    .marca-header {position: absolute;bottom: 15px;right: 0;width: 100%;opacity: .1;max-width: unset;}
    .flexmenu {justify-content: space-between;width: 100%;flex-direction: row;align-items: center;}
    .botoes__header {margin-top: .1rem;grid-template-columns: 100%;gap: .1rem;width: 100%;}
    .header__btn {border-radius: 0;width: 100%;box-sizing: border-box;}



    /** busca */
    #search{padding:0}
    #search .form-single{padding: 20px 5%; position: relative; z-index: 10;}
    .search__close{bottom: unset;position: absolute;top: 64px;height: 0;}
    .searchForm__btn{margin-right: 0;padding: 0 8px;}


    .hidden-mobile{display: none!important;}
    .hidden-desktop{display: block!important;}
    .social-header {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;padding: 0.75rem 15px;margin: 0 auto;}
    .social-header:before {display: none;}
    .social-header__item {margin: 0;}
  .banner__fundo {width: 100%;border-radius: 0;}
  main {padding-top: 83px;}
  section.container.banner {min-height: calc(100vh - 83px);}
  .sobrehome {grid-template-columns: 100%;}
  .sobrehome__desc.texto1 {column-count: 1;}
  .certificacoes__lista {grid-template-columns: repeat(3,1fr);}
  .servhome {padding: 3rem;}
  .servico__fundo {display: none;}
  .servicos__item {width: 100%;}
  .newsletter:before{content:unset;}
  .newsletter {border-radius: 2rem;grid-template-columns: 100%;}
  .servhome__titulo {padding: 0;}
  .subtitulo--servhome:before {width: 4rem;}
  .servhome__desc {padding: 0;}
  .newsletter {grid-template-columns: 100%;}
  .footer__top {grid-template-columns: 100%;text-align: center;}
  .logo-footer {width: 180px;margin: auto;margin-top: -4rem;}
  .footer__local__item {justify-content: center;text-align: center;}
  .footer__bottom {grid-template-columns: 100%;text-align: center;}
  .social__item:hover i {color: #a6926c;}
  .social__item:hover i {color: #a6926c;}
  .header__contato i {margin: 0;}
  .topo__fundo {width: 100%;border-radius: 0;}
  .empresa-desc {grid-template-columns: 100%;}
  .empresa__header {width: 100%;float: unset;margin: 0;}
  .historia {grid-template-columns: 100%;background: #dddddd;padding-top: 2rem;padding-bottom: 2rem;}
  .hitoria__cont {padding: 0;}
  .historia:before {content: unset;}
  .historia__imgs {order: 2;}
  .valores {grid-template-columns: 100%;}
  .historia__item:not(.slick-active) {opacity: .5;}
  .historia__cont__lista {width: 100%;}
  .solucoes {grid-template-columns: 100%;}
  .solucao__cximg {padding-top: 56.25%;}
  .solucao__cxitem {width: 100%;}
  .mapa {padding-top: 60%;}
  .mapa iframe {border-radius: 2rem;}.contato__grupo {grid-template-columns: 100%;}
  .contato__form {grid-template-columns: 100%;}
  .clientesint {grid-template-columns: 1fr 1fr;}
  .downbutton {left: 50%;}
}

@media (max-width: 768px) {
    /* GERAL */
    html{font-size:2.08vw}

}

/** mobile> celulares  */
@media (max-width: 576px) {
    /* GERAL */
    .container{padding-right: 8vw;padding-left: 8vw;}
    html{font-size:2.67vw}

    

}
/** mobile> celulares  */

@media (max-width: 450px) {
    /* GERAL */
    html{font-size:3.42vw}
}