/**
** 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;line-height: 1;}
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: 'Open Sans';letter-spacing: .1em;} /** Colocar com a fonte do google que tiver */
strong, b {font-weight:700!important;}
* {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: -.01em;}
.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: white;animation-name: loaderbk;display: flex;justify-content: center;align-items: center;transition: 1s;}
.cxloader{width: 150px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cxloader img{animation-name:loader;animation-duration: 1s;animation-iteration-count: infinite;display: block;animation-timing-function: linear;}


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 loader{
  0%{transform:rotate3d(0,1,0,0deg);}
  100%{transform:rotate3d(0,1,0,360deg);}
}

/******  End of loader  *******/



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

**          Menu

** ********************************************/
header{width: 100%;position: fixed;z-index: 1000;top: 0;left: 0;background: transparent;transition: all 0.5s ease;background: white;box-shadow: 0px 0px 13px 0px #2b313f4d;}
nav {margin: 0 auto;}
.flexmenu{display: flex;flex-flow: row wrap;justify-content: space-between;height:90px;padding: 0 8%;flex-wrap: wrap;}
.logo {z-index: 123;width: 220px;padding: 10px 0;/* background: #312f30; */}
.logo__pic{width: 100%; height: 100%; object-fit: contain; object-position: center left;}
#main-menu{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;/* flex-grow: 1; */}
.main-menu__item{border: 0;list-style: none;display: inline-block;margin: 0 1.5rem;padding: 1rem 0;}
.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{text-transform:uppercase;cursor:pointer;position: relative;text-decoration: none;min-height: 0px;display: block;color: #312f30;font-weight: 700;letter-spacing: 0;font-size: 14.5px;left: .1em;}
.main-menu__link i{margin-left: 2rem}
.main-menu__link.active{color: #41b958;}
.main-menu__link.active::before,.main-menu__link.active::after{opacity: 1;}
.header__contato{font-size:1.5rem}
.header__contato i{color: #a5916b;}
.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;}
.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;}
/** 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 #0000004d;transform: translate(0,-2.5rem);}
header.active.headerHidden{transform:translate(0,calc(-100% + 5px))}
.main-menu__submenu {position: absolute;left: 0;width: 100%;padding-left: 7vw;background: white;box-shadow: 0px 12px 29.64px 8.36px rgba(1, 0, 1, 0.09);transform-origin: 0 0;top: 90%;transition: all .4s;display:block;}
.submenu__item {display: block;padding: 2.5vw 2.78vw;position: relative;}
.submenu__item__img {display: block;position: relative;width: 100%;padding-top: 55%;}
.submenu__item__img img{position:absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.submenu__item__cont {margin-top: 1.39vw;}
.submenu__item__titulo {font-size: 1.11rem;text-align: center;transition:all .4s;font-weight: 900;color: #ad000a;}
.submenu__item:before{content:'';width: 2px;height: 65%;top: 50%;background: #f6f6f7;position: absolute;right: 0;transform: translate(0,-50%);}
.submenu__item:last-of-type::before{display:none;}
.submenu__item:after{content:'';position: absolute;bottom: 0;left: 50%;width: 50%;height: 9px;transform: translate(-50%,0);border-radius: 3px 3px 0 0;transition: all .4s;}
.submenu__icone {opacity: .5;}
.submenu__item:not(:hover):after{height:0}
.submenu__seta{background: white;position: absolute;width: 25px;border-right: 17px solid transparent;bottom: 100%;box-shadow: -30px -31px 29.64px 8.36px rgba(1, 0, 1, 0.09);height: 25px;transform: translate(-50%,50%) rotate(45deg);left: 50%;}
.main-menu__submenu .slick-track {margin-left:0;margin-right: auto;display: flex}
.carouselnav--produtos {position: absolute;font-size: 1.5rem;right: 100%;padding: 1rem;color: #ad000a;}
.carouselnav--prev {bottom: 50%;}
.carouselnav--next {top: 50%;}
.marcamob {display: none;}
@media(min-width:993px){
  body:not(.produtos-active) .main-menu__submenu{opacity: 0;transform: rotate3d(1,0,0,90deg)}
  .submenu__item:hover .submenu__item__titulo{transform-origin:50% 0; transform:scale(1.2)}
  .main-menu__submenu {display:block!important;}
}
@media(max-width:992px){
  .main-menu__submenu{position: static;margin: 0;padding-left: 0;width: 100%;background: transparent;padding-right: 40%;box-shadow: none;border-bottom: 1px solid #f0f0f0;transition: unset;top: unset;overflow: hidden;}
  .submenu__item:before{display:none;}
  .submenu__item{padding: 3.5vw 2.5vw;}
  .submenu__item.slick-current:after{height:9px}
  .main-menu__submenu .slick-list{overflow: visible!important}
  .submenu__item:not(.slick-active){opacity:.5}
  .submenu__seta{display:none;}
}
/******  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: 1rem;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 #e2e2e2;padding: 1.39em 1rem;letter-spacing: inherit;line-height: inherit;font-size: inherit;color: inherit;}
.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: calc(15px + .2rem);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!important;}
.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: 128px;}
html{font-size:  1vw;}

/* variação container:  */
.container {width: 100%;box-sizing: border-box;padding-right: 8vw;padding-left: 8vw;}
.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;background-position: center;background-size: cover;}
.img-contain-absolute{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: contain;object-position: center;}
.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: 1em 2em;font-size: calc(15px + .2rem);line-height: 1;border-color: inherit;position: relative;color: white;text-transform: uppercase;font-weight: 500;margin:5px;} /*equivale ao botão com fontsize de 16px*/
.btn span{position:relative}
.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: var(--cor-1);border-color: var(--cor-1);z-index: 111111;}
.btn--red:before{background: #ad000a;border-color: #ad000a;}
.btn--white{color: white;}
.btn--red:before{background: #ad000a;border-color: #ad000a;}
/* tipografia */
.font2 {font-family: 'Merriweather', serif;font-weight: 100;line-height: 1.7;}
.titulo1{color: #ad000a;font-weight: 900;line-height: 1;font-size: 3rem;text-transform: uppercase;}
.titulo1 span{font-size: .4em;font-weight: 500;display: block;}
.titulo--linha:after{content:'';display: block;width: 5rem;height: .3rem;background: currentColor;margin: auto;margin-top: 2rem;}
.texto1, .texto1 *{font-size: calc(14px + .3rem);color: #707070;line-height: 1.5;font-weight: 400;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;}
.texto-column {column-count: 2;gap: 6rem;}
/* 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: var(--cor-2);transition: all .5s;}
.slick-active button:before {background: currentColor;}
.hovervideo:after {position: absolute;top: 50%;left: 50%;background: #ffffff4d;width: 0;height: 0;content: '';transform: translate(-50%,-50%);border-radius: 50%;opacity: 0;transition: all .5s;}
.navbutton {font-size: 2rem;padding: .5rem;position: absolute;top: 50%;transform: translate(0, -50%);z-index: 1;}
.navbutton--left {left: 2rem;}
.navbutton--right {right: 2rem;}
/******  End of GERAL  *******/
/**********************************************
**          MENU
** ********************************************/
.buttons-topo {width: 100%;display: flex;align-items: center;justify-content: flex-end;}
.lenguagens {display: flex;align-items: center;justify-content: flex-start;}
.button-topo {padding: .5rem;font-size: .8rem;display: block;}
.language {margin-left: 0.5rem;}
.acessos-sistemas {padding-left: 1rem;position: relative;margin-left: 1rem;}
.acessos-sistemas:before{content:'';width: .1rem;background: wheat;position: absolute;left: 0;top: 0;height: 100%;transform: rotate(15deg);}
.language.active{color:#ad000a}
.language.active:before{background:white}
.topbar {display: flex;justify-content: space-between;width: 100%;padding: 0 10%;background: #312f30;height: 38px;align-items: center;}
.topbar__item1 {font-size: 13px;color: white;font-weight: 500;}
.topbar__item1:not(:first-of-type){margin-right:2rem}
.topbar__item1 b{font-weight:900;}
.topbar__icone i {font-size: 18px;font-weight: bold;margin-left: 1rem;color: #fff;}
.button {display: none;}
.whats__heaader {display: block;width: 5rem;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: white;background: #25d366;}
.topbar__left {display: flex;flex-direction: row-reverse;}
.toscan-mob {display:none;}

/******  End of MENU  *******/
/**********************************************
**          404
** ********************************************/

.pg404 {display: flex;align-items: center;flex-direction: column;justify-content: center;padding-top: 4rem;padding-bottom: 3rem;}
.pg404__titulo {font-size: 16rem;color:  #0285c9;font-weight: 900;line-height: 1;}
@supports  (background-clip:text) OR (-webkit-background-clip:text){
  .pg404__titulo {background: linear-gradient(45deg, #0285c9, #41b958);background-clip: text;-webkit-background-clip: text;color: transparent;background-blend-mode: multiply;}
}
.pg404__desc {font-size: 2rem;color: #312f30;text-align: center;}

/******  End of 404  *******/
/**********************************************
**          HOME
** ********************************************/

.banner {background: #f7f7f7;}
.banner__item {position: relative!important;display: grid!important;align-items: flex-start!important;grid-template-columns: 50% 50%;}
.banner__fundo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner__cont {position: relative;width: 100%;text-align: left;z-index: 1;padding-top: 2rem;padding-bottom: 4rem;display: flex;flex-direction: column;justify-content: center;align-items: baseline;height:100%;}
.banner__titulo {color: white;font-size: calc(25px + 1.2rem);font-weight: 900;text-align: center;width: 100%;line-height: 1.2;text-align: left;margin-bottom: 1rem;margin-top: -3rem;}
.banner__destaque {font-size: 9rem;font-weight: bold;color: #f7f7f7;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #ffffff;opacity: .5;line-height: 1;display: block;transform: translate(-3rem);font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
.banner__link {margin-top: 2rem;}
.banner__desc {color:white}
.banner {position: relative;}
.banner__img {position: absolute;top: 0;left: auto;width: 100%;height: 100%;}
.navbutton--banner {color: white;}
.banner .slick-dots {flex-direction: column;bottom: 50%;left: 1rem;transform: translate(0,-50%);}
.insthome {display: grid;grid-template-columns: 1fr 50%;gap: 4rem;background: #f7f7f7;padding-bottom: 6rem;padding-top: 4rem;}
.insthome__titulo {font-size: 2.5rem;text-transform: uppercase;font-weight: 900;margin-bottom: 2rem;}
.inshome__cxbtn {margin-top: 2rem;}
.insthome__img {position: relative;padding-top: 40%;box-shadow: 0 0 60px #00000024;}
.banner .slick-track {display: flex;}
.banner .slick-initialized .slick-slide:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: linear-gradient(90deg, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.2) 55%, rgba(0,13,46,0) 100%);}
.link-all-over {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.logo-grupo {height: 90px;display: flex;justify-content: center;align-items: center;padding: 0 10px;background: #41b958;position: relative;}
.logo-grupo:before {content: "";position: absolute;bottom: 100%;left: 0;width: 100%;height: 999px;background: #41b958;}
.logo-grupo > img {height: 85px;width: auto;position: relative;top: -17px;}
.topbar__right {z-index: -1;}

/******  End of HOME  *******/
/**********************************************
**          el SOLUCAO
** ********************************************/
.solucao {display: block;position: relative;padding-top: 120%;overflow: hidden;}
.solucao__img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .5s;}
.solucao__cont {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;width: 100%;padding: 1rem;justify-content: center;}
.solucao__titulo {font-size: calc(20px + 0.7rem);color: white;text-shadow: 0 0 10px #0000008f;z-index: 1;position: relative;}
.solucao__icone {margin-left: 1rem;width: 2.5rem;height: 2.5rem;background: var(--cor-1);border-radius: 50%;font-size: 2rem;font-weight: 900;display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 0 10px #0000008f;position: relative;transition: all .5s;}
.solucao__numero {position: absolute;left: 50%;font-size: 16rem;color: transparent;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px white;z-index: -1;font-weight: 900;opacity: .5;transform: translate(-30%);transition: all .5s;}



/******  End of el SOLUCAO  *******/
/**********************************************
**          SOLUCOES
** ********************************************/
.solucoes__lista {display: grid;grid-template-columns: auto auto auto;}


/******  End of SOLUCOES  *******/
/**********************************************
**          SOLUCAO
** ********************************************/
.intsolucao {display: grid;grid-template-columns: 50% 1fr;gap: 5rem;}
.intsolucao__img {position: relative;padding-top: 70%;}
.intsoluca__cont {display: flex;flex-direction: column;justify-content: center;width: calc(57% - 0vw);  }
.intsolucao__titulo {font-weight: 900;font-size: 4rem;margin-bottom: 2rem;}
.titulo-destaque {font-size: 2.3em;font-weight: 900;color: #f7f7f7;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #312f30;opacity: 0.85;line-height: 1;display: block;transform: translate(-.3em);margin-bottom: -.3em;text-transform: uppercase;}
.valores .titulo-destaque {font-size: 1.2em;opacity: 1;transform: unset;margin-bottom: 20px;}
.intsolucao__desc1 {width: 100%;font-size: 1.3rem;}
.details {background: #f7f7f7;}
.detail {display: grid!important;grid-template-columns: 3rem 1fr;gap: 1rem;padding: 2rem 1rem;}
.detail__titulo {font-size: 1.4rem;}
.intsoluca__maindesc {margin-top: 4rem;margin-bottom: 4rem;}

.titulo-orcamento {width:100%;text-align:center;text-transform:uppercase;margin-bottom:30px;}
.intsolucao__cxbtn {text-align: center;margin-top: 4rem;}
.play-button {position: absolute;z-index:1;height: 100%;width: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;}
.play-button > i {font-size: calc(10px + 2rem);color: var(--cor-1);position: absolute;padding-left: 10px;}
.play-button > span {height: calc(40px + 2rem);width: calc(40px + 2rem);background-color: transparent;border-radius: 50%;border: 5px solid var(--cor-1);}

span {}
@keyframes scale {
    0% {
        transform:scale(1)
    }

    100% {
        transform:scale(1.1)
    }
}



/******  End of SOLUCAO  *******/
/**********************************************
**          CONTATO
** ********************************************/
.mapa {position: relative;width: 100%;padding-top: 30%;}
.mapa iframe{position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contato {margin-bottom: 6rem;position:relative;z-index: 1;}
.contato__form {padding: 4rem;width: 70%;margin: auto;margin-top: -6rem;background: white;display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;box-shadow: 0 0 40px #00000021;}
.form__contato__cxbtn {text-align: center;}


/******  End of CONTATO  *******/
/**********************************************
**          DOWNLOADS
** ********************************************/
.donwload__header {background: white;padding-top: 3rem;padding-bottom: 3rem;}
.donwloads__titulo {
    font-size: 3.5rem;
    text-transform: uppercase;
    font-weight: 900;
}
.donwloads__lista {background: #f7f7f7;padding-top: 4rem;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 1rem;padding-bottom: 6rem;}
.donwload {display: grid;grid-template-columns: auto 1fr;gap: 2rem;align-items: center;padding: .5rem 1rem;background: white;box-shadow: 0 0 10px #00000014;}
.donwload__ic {font-size: 2rem;color: #41b958;}
.donwload__title {font-weight: 700;color: #707070;font-size: 1.2rem;}


/******  End of DOWNLOADS  *******/
/**********************************************
**          FOOTER
** ********************************************/
.toscan__lista {padding:2rem 1rem;}
.toscan__item {position: relative;width: 100%;display: block;padding-top: 16%;}
.toscan__item img {width: 100%;left: 50%;transform: translate(-50%);/* filter: grayscale(1); */opacity: .5;transition: all .5s;display: blc;}
.slick-initialized .slick-slide.toscacx {padding: 0 10px;}
.toscan__titulo {padding: 2rem 1rem;background: #41b958;display: flex;align-items: center;justify-content: center;font-size: 2.3rem;font-weight: 100;text-align: center;color: white;line-height: 1;text-indent: -9999px;white-space: nowrap;position: relative;display:none;}
.toscan{display:grid;grid-template-columns: 80% 20%;background: #323031;box-shadow: 0 0 10px #0000001f;z-index: 1;position: relative;display: block;grid-template-columns: unset;margin: 0 auto;}
.toscan__titulo:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;height: 80%;padding: 0;background-image: url(../images/logo-toscan.png);background-position: center;background-size: contain;background-repeat: no-repeat;background-color: #41b958;z-index: 1;}

footer {background: #312f30;padding-top: 3rem;padding-bottom: 1rem;}
.fadeIn {color: black;}
.footer__top {display: grid;grid-template-columns: repeat(4,20%);justify-content: space-between;}
.cxlogofooter {display: grid;grid-template-columns: 100%;gap: 1rem;margin-bottom: 50px;}
.logoft {display: block;width: 10vw;}
.fttexto {font-size: calc(13px + .2rem);color: #c8c8c8;font-weight: 500;line-height: 1.5;}
.ft__sociail {display: flex;}
.ft__icone {width: 3rem;height: 3rem;font-size:1.4rem;display: flex;align-items: center;justify-content: center;color: #ffffff;border: 1px solid #ffffff;border-radius: 50%;margin-right: .5rem;font-weight: bold;}
.ft__titulo {font-size: 1.5rem;font-weight: 900;color: white;margin-bottom: 1rem;display: block;}
.ft__lista {display: grid;grid-template-columns: auto;align-items: flex-start;justify-content: flex-start;gap: 1rem;}
.ft__contato {display: flex;align-items: center;}
.ft__contato i {color: #0285c9;margin-right: 1rem;font-size: 1.5em;}
.newsletter {position: relative;margin-top: 1rem;}
.form-item--news {color: #c8c8c8;}
.form-item--news .form-item__label {top: 50%;}
.inputnews {padding: 1rem 1rem;padding-right: 4rem;}
.newsbutton {position: absolute;top: 50%;right: 0;height: calc(100% - 1rem);width: 3rem;background: var(--cor-1);color: white;display: flex;align-items: center;justify-content: center;font-size: calc(15px + .2rem);transform: translate(0,-50%);right: .5rem;}
.footer__bottom {border-top: 1px solid #ffffff17;display: grid;grid-template-columns: auto auto;justify-content: space-between;gap: 2rem;padding-top: 1rem;align-items: center;margin-top: 2rem;}
.copy {font-size: .9rem;color: #c8c8c8;}
.ellite {width: 6rem;}
.cxlogofooter + .ft__cx {

}

.ft__cx {
    margin-bottom: 50px;
}


/******  End of FOOTER  *******/
/**********************************************
**          EMPRESA
** ********************************************/
.empresa {display: grid;grid-template-columns: 50% 1fr;gap: 4rem;}
.empresa__img {position: relative;padding-top: 70%;}
.empresa__cont {display: flex;flex-direction: column;justify-content: center;}
.empresa__titulo {font-size: 3rem;font-weight: 900;margin-bottom: 1rem;}
.empresa__desc1 {width: 70%;}
.empresa__descprin {margin-top: 4rem;margin-bottom: 4rem;}
.valores {background: #f7f7f7;padding-top: 4rem;padding-bottom: 4rem;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 9rem;}
.valore__titulo {font-size: 2rem;}
.valore__titulo .titulo-destaque {-webkit-text-stroke: unset;color: #0285c9;-webkit-text-fill-color: unset;}
.vantagem {display: grid;grid-template-columns: 50% 1fr;}
.vantagem__img {position: relative;padding-top: 40%;}
.vantagem__cont {display: flex;flex-direction: column;padding: 4rem;justify-content: center;}
.vantagem__titulo {font-size: 2.5rem;font-weight: 900;margin-bottom: 1rem;}
.vantagem__desc {width: 50%;}
.vantagem:nth-of-type(odd) .vantagem__img {order: 2;}


/******  End of EMPRESA  *******/
   

/**********************************************
**          BOTAO WHATSAPP
** ********************************************/

.btn-whatsapp-rounded-position {position: fixed;bottom:20px;top:auto;right:20px;left:auto;z-index: 50;}
.btn-whatsapp-rounded {background-color: #25d366;border-radius: 50%;cursor: pointer;display: inline-block;font-size: 30px;height: 50px;line-height: 50px;position: relative;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 50px;}
.btn-whatsapp-rounded span {background-color: #fff;border-radius: 0;display: block;height: 0;left: 50%;margin: 0;position: absolute;top: 50%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width: 0;}
.btn-whatsapp-rounded i {background: none;color: #fff;height: 50px;left: 0;line-height: 50px;position: absolute;top: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width: 50px;z-index: 10;}
.btn-whatsapp-rounded i.fa-whatsapp:before {position: relative;top: -1px;}
.btn-whatsapp-rounded.desk {display:inline-block;}
.btn-whatsapp-rounded.mob {display:none;}
.di-desk {display:inline-block;}
.di-mob {display:none;}

/******  End of BOTAO WHATSAPP  *******/



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

@media (min-width: 993px) {

    .btn-whatsapp-rounded:hover span {width: 55px;height: 55px;border-radius: 50%;margin: -27.5px;}
    .btn-whatsapp-rounded:hover i {color: #25d366;font-weight:bold;transform:scale(1.1)}
  .btn:hover:before {box-shadow: 0 0 10px #00000085;transform: skewX(-20deg);}
  .btn--thin-white:hover{color:#ad000a}
  .btn--thin-white:hover:before{background:white}
  .hovervideo:hover::after {width: 100%;opacity: 1;height: 100%;border-radius: 0;}
  .hovervideo:hover .video-ic{transform: translate(-50%,-50%) scale(1.2);text-shadow: 0 0 10px #0000005e;}
  .main-menu__link:hover:before, .main-menu__link:hover:after {opacity: 1;}
  .main-menu__link:hover {color: var(--cor-1);}
  .btn--green:hover {background: var(--cor-2);border-color: var(--cor-2);}
  a.topbar__item1:hover {text-decoration: underline;}
  .topbar__icone:hover i {color: #41b958;}
  .whats__heaader:hover {box-shadow: 0 0 30px #00000040;}
  .solucoes__lista:hover .solucao:not(:hover) .solucao__img {filter: grayscale(1);}

  .solucao .solucao__icone:before {content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #ffffff87;transform: translate(-50%,-50%);opacity: 0;transition: all .5s;}

  .solucao:hover .solucao__icone:before {width: 300%;height: 300%;opacity: 1;}
  .solucao:hover .solucao__numero {opacity: 0;}
  .solucao:hover .solucao__icone {color: var(--cor-1);background: white;}
  a.fttexto:hover {text-decoration: underline;}
  .newsbutton:hover {background: var(--cor-2);}
  .ft__icone:hover {color: white;background: var(--cor-2);border: 1px slid var(--cor-2);}
  .ft__icone:hover i {color: #312f30;}
  .play-button:hover > span {animation: scale .5s infinite alternate;}
  .toscan__item:hover img {opacity: 1;}
}
/******  End of HOVER  *******/


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


}



@media(max-width:1200px){
    .logo-grupo {display: none;}
}

@media(max-width:1100px){
    .main-menu__link {font-size: 14px;}
    .topbar__item1 {font-size: 13px;}
}

@media (max-width: 992px) {
  /* GERAL */
  html{font-size:1.56vw}
  .banner__cont {align-items: center;}

  /** GRUPO TOSCAN **/
  .toscan__titulo {padding: 0;height: 120px;}
  .toscan__titulo:before {height: 80%;width:80%}

  /** 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: 10px 30px;}
  .logo{width: 128px;margin-right: auto;padding: 0;}
  header.active{transform: unset;}
  body.menu-active #main-menu{transform: scaleX(1);box-shadow: 0 0 10px 2px #00000054;}
  .flexmenu {height: 60px;}
  .logo-grupo{display:none;}
 
  /** menu */
  #main-menu{position: fixed;display: flex;flex-direction: column;background: #0285c9;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: white;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 #0285c9;border-top: 2px solid #0285c9;width: 28px;margin-left: 15px;height: 14px;display: flex;align-items: center;margin: 0;}
  #mobile-toggle::after {content: "";display: block;height: 2px;background: #0285c9;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%;height: max-content;margin: 0!important;}
  .main-menu__link{width:100%;padding: 0.75rem 15px;color: white;display: block;line-height: 1.25em;border-bottom: 1px solid #e8e8e8;transition: all .35s;font-size: 1.11rem;text-align: center;font-weight: 900;}
  .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;}
  .toscan-mob {display: inline-block;position: absolute;bottom: 20px;width: 80%;left: 50%;transform: translateX(-50%);}
  .toscan-mob img {display: inline-block;object-fit: contain;object-position: center;width: 100%;height: 100%;}



  /** 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: 80px!important;}
  header:before {width: 50%;height: 5px;background: #ad000a;opacity: 0;}
  header.headerHidden:before {opacity: 1;}
  .marcamob {display: block;position: absolute;bottom: 0;right: 0;width: 100%;opacity: .2;filter: brightness(100);}
  .topbar {display: none;}
  .whats__heaader {position: fixed;position: fixed;bottom: 15px;right: 15px;display: flex!important;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;font-size: 30px;box-shadow: 0 0 30px #00000045;z-index: 999999;}
  header .whats__heaader {display:none!important;}
  .banner__item {grid-template-columns: 100%;gap: 2rem;}
  .banner__cont {padding-right: 8vw;}
  .insthome {grid-template-columns: 100%;padding-top: 3rem;}
  .insthome__img {padding-top: 60%;}
  .solucao__cx {grid-template-columns: 100%;}
  .solucao {padding-top: 66%;}
  .toscan {grid-template-columns: 100%;}
  .toscan__lista {order: 2;}
  .footer__top.container {grid-template-columns: 100%;gap: 4rem;}
  .logoft {width: 220px;margin: auto;}
  .ftdesc.fttexto {text-align: center;}
  .ft__sociail {justify-content: center;}
  .ft__icone {margin: 0 .5rem;}
  .ft__titulo {text-align: center;}
  .ft__lista {justify-content: center;}
  .ft__contato {justify-content: center;}
  .fttexto {text-align: center;}
  .footer__bottom.container {grid-template-columns: 100%;}
  .copy.texto1 {text-align: center;}
  .ellite {margin: auto;}
  .banner .slick-dots {flex-direction: unset;bottom: 1rem;left: 50%;transform: translate(-50%);}
  .banner__destaque {font-size: calc(50px + 1.2rem);text-align: center;transform: unset;}
  .banner__cont {text-align: center;}
  .banner__titulo {text-align: center;margin-top: -2rem;}
  .banner__desc {text-align: center;}
  section.empresa {grid-template-columns: 100%;padding-top: 4rem;}
  .empresa__img {padding-top: 40%;order: 2;}
  .empresa__cont {padding: 0 8vw;}
  .valores {grid-template-columns: 100%;gap: 2rem;}
  .vantagem {grid-template-columns: 100%;gap: 2rem;}
  .vantagem__cont {padding: 0 8vw;}
  .vantagens {padding-top: 4rem;display: grid;grid-template-columns: 100%;gap: 4rem;}
  .vantagem__img {order: 2;}
  .donwloads__lista {grid-template-columns: 100%;}
  .donwloads__titulo .titulo-destaque {display: none;}
  .intsolucao {grid-template-columns: 100%;margin-bottom: 4rem;gap: 2rem;}
  .intsolucao__img {padding-top: 40%;}
  .intsoluca__cont {padding: 0 8vw;}
  .texto-column {column-count: unset;}
  .intsolucao__desc1 {width: 100%;}
  .contato__form {width: 100%;margin: unset;box-shadow: unset;padding: unset;grid-template-columns: 100%;}
  .contato {margin-top: 6rem;}
  section.mapa {padding-top: 40vh;} 
  .solucoes__lista {grid-template-columns: 100%;}
  .banner .slick-initialized .slick-slide:before {background: linear-gradient(90deg, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.6) 55%, rgba(0,0,0,0.6) 100%);}

  /**** whatsapp **/
  .btn-whatsapp-rounded.desk {display:none;}
  .btn-whatsapp-rounded.mob {display:inline-block;}
  .di-desk {display:none;}
    .di-mob {display:inline-block;}
}

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

/** mobile> celulares  */
@media (max-width: 576px) {
    /* GERAL */
    .container{padding-right: 8vw;padding-left: 8vw;}
    html{font-size:2.67vw}
    .card-cx {width: 100%;padding: .5rem 0;}
    .lista-blog{grid-template-columns: 100%;}
    .representantes__lista{grid-template-columns: 100%;}
    .representantes__header__titulo {font-size: 2.5rem;}
    .empresa__desc1 {width: 100%;}
    .vantagem__desc {width: 100%;}
}
/** mobile> celulares  */

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