/**
** 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: 'Work Sans', sans-serif;} /** 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: #EBEBEB;font-weight:400;letter-spacing: 0px;overflow-x: hidden;transition: all;letter-spacing: 0;counter-reset: lista;}
.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: #262626;animation-name: loaderbk;display: flex;justify-content: center;align-items: center;overflow: hidden;transition: 1s;}
.grupoLoader{position:absolute;top: 0;left: 0;width: 100%;height: 100%;animation-play-state: inherit;background: white;}
.cxloader{width: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 80%;animation-play-state: inherit;}
.cxloader img{width:100%;transition: all 1s;}
#nokey {opacity: .5;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
.loaderIcone{position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0,-50%);animation-name: loader;animation-duration: 2s;animation-iteration-count: infinite;transform-origin: 53%;animation-timing-function: linear;animation-play-state: inherit;}

html:not(.loading) .loader{animation-play-state: paused;pointer-events: none;opacity: 0;}
html:not(.loading)  .loader-black{animation-play-state: paused;}
html.loading--transparent .loader{opacity: .78;}
html:not(.loading) .cxloader img {transform: scale(0)}
#preloader_4{position: absolute;left: 50%;top: calc(100% + 30px);transform: translate(-50%);width: 100%;}
#preloader_4 span{position:absolute;width:20px;height:20px;background: #08FEF2;opacity:0.5;border-radius:20px;animation: preloader_4 1s infinite ease-in-out;}
#preloader_4 span:nth-child(2){left:20px;animation-delay: .2s;}
#preloader_4 span:nth-child(3){left:40px;animation-delay: .4s;}
#preloader_4 span:nth-child(4){left:60px;animation-delay: .6s;}
#preloader_4 span:nth-child(5){left:80px;animation-delay: .8s;}
@keyframes preloader_4 {
  0% {opacity: 0.3; transform:translateY(0px);    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
  50% {opacity: 1;transform: translateY(-10px);background: #44FEAC;box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  100%  {opacity: 0.3; transform:translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
/******  End of loader  *******/



/**********************************************
**          Menu
** ********************************************/
header{width: 100%;position: fixed;z-index: 1000;top: 0;left: 0;transition: all 0.5s ease;padding-top: 2.91rem;padding-bottom: 2rem;}
nav {margin: 0 auto;}
.flexmenu{display: flex;align-items: center;flex-flow: row wrap;justify-content: space-between;padding: 0rem 4rem;background: white;box-shadow: 0px 3px 6px #00000029;animation-name: menu;animation-duration: 1.5s;animation-iteration-count: 1;animation-delay: .5s;position: relative;}
.logo {z-index: 123;width: 9.5vw;position: relative;display: block;}
.logo__pic{width: 100%;height: 100%;object-fit: contain;object-position: center left;transition: all .5s;}
.logo-white{position:absolute;left: 0;width: 100%;top: 0;opacity: 0;}
#main-menu{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;margin-left: unset;margin-left: 2rem;z-index: 1;flex-grow: 1;}
.main-menu__item{border: 0;list-style: none;display: inline-block;position: relative;}
.main-menu__item--contato{margin-left:auto}
.main-menu__item--home{margin-left:auto}
.main-menu__link{position: relative;font-size: .8rem;text-decoration: none;min-height: 0px;font-weight: 600;text-transform: uppercase;letter-spacing: .12em;display: grid;grid-template-columns: auto 1fr;gap: .5rem;align-items: center;padding: 2.5rem 3rem;z-index: 0;transition: all .5s!important;color: #666666;}
.main-menu__link.active{font-weight: 600;color: #024B30;}
.header__contato{font-size:1.5rem}
.header__contato i{color: #a5916b;}
.whatsheader{margin-left:2rem}
.whats{color: white;font-size: 1.7rem;background: #1bd741;display: block;padding: .5rem;position: relative;}
.whats:before{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 50vw;background: inherit;z-index: -1;}
.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;}
.main-lang {display: grid;grid-template-columns: 1fr 1fr 0fr;margin-right: auto;gap: .5rem;}
.lang {transition: all .5s;border-radius: 50%;overflow: hidden;width: 1.6rem;border: 2px solid transparent;}
.lang[aria-current="true"]{border: 2px solid white!important;box-shadow: 0 0 5px #00000059;}
.lang figure {position: relative;margin: unset;padding-top: 100%;transition: all .5s;}
.lang figure img {position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;object-position: right;height: 100%;transition: all .5s;transform: rotate(-90deg);}

/** menu "ativo" */
header.active {position: fixed;padding-top: 1rem;padding-bottom: 1rem;}
header.active.headerHidden{/* transform: translate(0,-100%); */}
header.active:after{margin-top:0;opacity: 0} 
.marcamob {display: none;}
.iconeheader {position: absolute;width: 5vw;top: 50%;left: 0;transform: translate(-32%,-57%);transition: all .5s;}
header:not(.active) .iconeheader{ opacity: 0}
.iconeHeader {width: 3rem;margin-left: 2rem;}
.flag {padding: .6em;line-height: 1;background: #08FEF2;font-size: 0.6em;text-transform: uppercase;font-weight: 900;color: #393939;border-radius: .4em;position: relative;}
.flags {display: flex;position: relative;margin-left: auto;font-size: 1rem;}
.flag:before {content: '';width: .6em;height: .6em;position: absolute;top: .4em;left: 100%;transform: translate(-50%) rotate(45deg);background: inherit;}
.flag:nth-of-type(2) {background: #44FEAC;transform: translate(-5%,30%);transform-origin: -.3rem;}
.flag:nth-of-type(2):before {left: 0;top: unset;bottom: .4em;}
.flag:first-of-type {transform: translate(5%,-29%);transform-origin: calc(100% + .3rem);}
.translate {position: absolute;height: 166%;left: 50%;top: 50%;transform: translate(-50%,-50%);pointer-events: none;opacity: 0;transition: all .5s;}
.flags:before {content: '';width: 100%;height: 166%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.icone__header {
    font-size: 2rem;
}

@keyframes menu {
  0%{opacity: 0; transform: translate(0,-100%)}
  100%{opacity: 1; transform: translate(0,0)}
}
/******  End of Menu  *******/
/**********************************************
**          Formulário
** ********************************************/
/** Formulário */
.form{display: flex;flex-wrap: wrap;}
.form-item{position: relative;width: 100%;display: inline-block;color: #949494;font-weight: 300;letter-spacing: -.02em;line-height: 1.5;font-size: .9rem;font-family: roboto,sans-serif;position: relative;}
.form-item__label{letter-spacing: inherit;position: absolute;font-size: inherit;line-height: inherit;top: 1.5rem;left: 0;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;padding: 1rem 0;letter-spacing: inherit;line-height: inherit;font-size: inherit;color: inherit;background: transparent;border-bottom: 1px solid #949494;}
.form-item.active .form-item__label{top: .25rem;opacity: 0.5;transform: scale(.8);color: #56FE98;}
.form-item.active .form-item__field {border-color: #56FE98;}
/** 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;position: relative;z-index: 1;padding-bottom: 2rem;}
html{font-size:  1vw;}
/* variação container:  */
.container {width: 100%;box-sizing: border-box;padding-right: 10vw;padding-left: 10vw;}
.container2 {width: 100%;box-sizing: border-box;padding-right: 14.74vw;padding-left: 14.74vw;}
.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: bottom;}
.img-cover-center-banner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: top;
}
.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.2em 3em;font-size: .7rem;line-height: 1;position: relative;color: white;font-weight: 600;border-style: solid;border-width: .1rem;text-transform: uppercase;letter-spacing: .05em;border-radius: 3rem;} /*equivale ao botão com fontsize de 16px*/
.btn--blue {background:#57BCE7;box-shadow: 0px 5px 25px #57BCE757;border-color: #57BCE7;}
.btn--thin {background: transparent;color: #707070;border-color: #707070;}
/* tipografia */
.font2 {font-family: 'Merriweather', serif;font-weight: 100;line-height: 1.7;}
.destaque {position: absolute;color: #2D2D2D;top: 50%;left: 25%;font-size: 4em;line-height: 1;white-space: nowrap;transform: translate(0,-50%);z-index: -1;}
.titulo1{color: white;font-weight: 800;line-height: 1.2;font-size: 2.6rem;position: relative;z-index: 0;}
.titulo1 b{font-weight: inherit;color: #56FE98;}
.titulo--linha:after{content:'';display: block;width: 5rem;height: .3rem;background: currentColor;margin: auto;margin-top: 2rem;}
.texto1, .texto1 *{color: #666666;font-weight: 400;text-align: left;font-size: .83rem;line-height: 1.875;}
.texto1 b{font-weight: 700;color: #56FE98;}
.texto1 ul{padding-left: 1rem;border-left: 3px solid #c69f60;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: #c69f60;border-radius: 50%;}
.texto3, .texto3 *{font-size: .73rem;color: #777777;line-height: 1.4;letter-spacing: 0;font-weight: 300;text-align: left;}
.subtitulo {text-transform: uppercase;color: #0EFEEB;font-weight: 700;letter-spacing: .12em;font-size: .7rem;}
.saiba{font-size: 1.3rem;display: flex;align-items: center;transition: all .5s;font-weight: 800;}
.saiba i {font-size: 1.5em;margin-left: 3rem;}
.dots-bk::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-image: repeating-radial-gradient(circle, currentColor 0px, currentColor 1px, transparent 2px, transparent 100%);background-size: 1rem 1rem;color: inherit;}
.ico {display: inline-block;}
.ico svg{width: 1em;height: 1em;display: block;transition: all .5s;}
.ico svg * {transition: all .5s;}
/* 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;width: 100%;position: relative;background: #c69f60a3;border: none;border-radius: unset;padding: .8rem 2rem;}
.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: #18232d;}
.form-item .select2-container{width:100%!important;}
.select2-container .select2-selection--single .select2-selection__rendered {color: #18232d;padding: 0;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #c69f60;}
.select2-dropdown {border: unset;box-shadow: 0 7px 30px 10px #00000029;border-radius: 0;background: #18232d;}
.select2-results__option[aria-selected] {padding-left: 1.04rem;color: white;}
li.select2-results__option.select2-results__message {color: white;}
.select2-container--default .select2-search--dropdown .select2-search__field {border-color: #c69f60;color: white;}
.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}
.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;}
.circulo {width: 100%;padding-top: 100%;position: relative;pointer-events: none;}
.circulo svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
a:not([href]) {pointer-events: none;}
/******  End of GERAL  *******/
/**********************************************
**          BANNER
** ********************************************/
.banner {position: relative;display: flex!important;align-items: flex-end;min-height: 100vh;padding-bottom: 5rem;padding-top: 16rem;}
.banner__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner__img:after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent linear-gradient(180deg, #B2B2B200 0%, #414141 100%) 0% 0% no-repeat padding-box;}
.banner__content {position: relative;}
.banner__titiulo {grid-column: 1 / -1;color: white;font-size: 4.17rem;font-weight: 400;line-height: 1;}
.banner__desc {color: white;font-size: 1.04rem;    line-height: 22px;}
.banner__bnt {text-transform: unset;}
.banner__cxbtn {display: flex;align-items: flex-end;text-transform: unset;}
.banner__grupo {display: grid;grid-template-columns: 1fr auto;width: 70%;margin: auto;gap: 1rem 0;}
.bannerList .slick-dots {position: absolute;left: 5vw;top: 50%;transform: translate(0, -50%);z-index: 999;}
.slick-dots button {font-size: 0;color: transparent;padding: 10px;}
.slick-dots button:before {content:'';display: block;width: 0.8rem;height: 0.8rem;border: 1px solid #ffffff;border-radius: 50%;transition: .5s;background: white;}
.slick-dots button[aria-selected="true"]::before {background: #4fb9e6;border-color: #4fb9e6;}
.videoList .slick-dots button[aria-selected="true"]::before {background: #ed8a34;}
/******  End of BANNER  *******/
/**********************************************
**          VIDEO
** ********************************************/
.videohome {position: relative;width: 100%;display: grid;grid-template-columns: 1fr 61%;align-items: center;gap: 1rem;background: #57bce7;}
.videohome img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;object-position: center;opacity: .5;}
.saiba__video__ic {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: white;font-size: 69px;text-shadow: 0 0 30px #ffffff59;z-index: 1;}
.saiba__video:after {content: '';width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: white;transform: translate(-50%,-50%);border-radius: 50%;z-index: -1;box-shadow: 0 0 10px white;opacity: 0;z-index: 2;transition: all .5s;}
.saiba__video:hover:after {width: 100%;height: 100%;border-radius: 0;opacity: .1;}
.saiba__video img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.chamada {padding-left: 13vw;z-index: 99;}
.chamada__title {color: white;font-size: 5rem;font-weight: 900;z-index: 1;width: 150%;line-height: 1;letter-spacing: -0.05em;display: flex;flex-direction: column;}
.chamada__description {margin-top: 2rem;color: white;}
.saiba__video {position: relative;width: 100%;padding-top: 56.25%;overflow: hidden;display: block;}
.chamada__title b {color: white;display: block;padding: .1em 0.2em;border: .2rem solid white;margin-right: auto;border-radius: 0.2em;background: transparent;display: flex;position: relative;overflow: hidden;margin-top: 2rem;}
.chamada__title b span {color: #57bce7;display: block;margin-left: 0.7em;position: relative;color: #57bce7;}
.chamada__title b:before {content:'';position: absolute;top: 0;right: -15%;width: 70%;background: white;height: 102%;z-index: 0;transform: skewX(30deg);}
.videoList {position:relative;}
.videoList .slick-dots {position: absolute;top: 50%;display: flex;left: 4vw;transform: translate(0, -50%);flex-direction: column;}



.imagemvideo { 
  color: white;
  display: block;
  padding: .1em 0.2em;

  margin-right: auto;
  border-radius: 0.2em;
  background: transparent;
  display: flex;
  position: relative !important;
  overflow: hidden;
  margin-top: 2rem;
  width: 60%!important;
  opacity: 1!important;
}


/******  End of VIDEO  *******/
/**********************************************
**          SERVICOS
** ********************************************/
#embarcadas {position: relative;display: flex;flex-direction: column;}
.servicos {position: relative;margin-top: 6rem;}
.servicos__heder {display: grid;grid-template-columns: 1fr 40%;align-items: flex-end;gap: 5rem;color: #57BCE7;margin-bottom: 4rem;}
.servicos__grupoTitulo {width: 63%;line-height: 1;padding-left: 4rem;border-left: 3px solid currentColor;}
.servicos__titulo {font-size: 4.17rem;line-height: .9;}
.servicos__titulo__desc {margin-top: 1rem;}
.servicos__btn {padding: 1rem 1.5rem;color: #666666;font-size: 1rem;border-bottom: 1px solid currentColor;margin-left: 3rem;font-weight: 400;opacity: 1;height: unset;}
.servicos__btn.slick-current {background: #57BCE7;color: white;border-color: transparent;}
.servicos__nav .slick-list {margin-left: -3rem; overflow: visible}
.servicos__nav .slick-track {display: flex;}
/* .servicos__btn:not(.slick-active) {opacity: 0}
.servicos__btn.slick-current ~ .servicos__btn {opacity: 1} */
.servicos__lista .slick-list {/* overflow: visible; */}
.servico {display: grid!important;grid-template-columns: 1fr 40%;gap: 0 9rem;overflow: visible!important;align-items: flex-start;}
.servico__cont {grid-row: span 2;}
.servico__titulo {font-size: 2.34rem;color: #666666;}
.servico__subtitulo {font-size: 1rem;color: #57BCE7;font-style: italic;}
.servico__desc {margin-top: 1rem;}
.servico__items {margin-top: 3rem;display: grid;grid-template-columns: 100%;gap: 1rem;}
.servico__item__titulo {color: #57BCE7;font-size: 1.14rem;text-transform: uppercase;display: grid;grid-template-columns: auto 1fr;gap: .5rem;align-items: flex-start;text-align: left;}

.servico_item_titulo b {font-weight: 800}
.servico__item__titulo:before{content: '';display:block;width: 5px;height: 5px;background: currentColor;border-radius: 50%;margin-top: .5em;transform: translate(-50%);}
.servico__cximg {position: relative;padding-top: 115%;}
.servico__action {display: flex;align-items: flex-end;margin-top: auto;}
.servico__action__btn {padding-left: 6em;padding-right: 6em;margin-top: 2rem;}
.servico__representantes {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;margin-top: 6rem;border-bottom: 1px solid #737373;width: 100%;}
.servico__representante__top {font-size: .83rem;font-weight: 700;color: #666666;display: flex;justify-content: stretch;align-items: center;}
.servico__representante__top:before {content:'';display: block;flex-grow: 1;height: 1px;width: 3rem;background: currentColor;margin-right: .5rem;}
.servico__representante__grupo {display: grid;grid-template-columns: 9rem auto;align-items: center;gap: 2rem;padding: 2rem 0;justify-content: space-between;}
.servico__representante__falar {text-transform: uppercase;padding-left: 5em;padding-right: 5em;}
.representate__super {padding-left: 10rem;grid-column: 1 / -1;width: 85%;}
.servico__cont__cxbtn {margin-top: 4rem;color: #57BCE7;}
.servico__cont__btn {color: inherit;border-color: currentColor;}
.servico__cont__cxbtn:before {content:'';display: block;height: 1px;background: currentColor;flex-grow: 1;margin-right: 1.5rem;}
.cxvideo i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3rem;color: white;z-index: 2;}
.cxvideo:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(#4d829c, #4d829c52);z-index: 1;opacity: .5;}

.servicos__btn:not(.slick-active):not(:nth-last-of-type(2)) {opacity: 0}
.servicos__btn.slick-active ~ .servicos__btn {opacity: 1;}
.servico__galeria .slick-dots {position: absolute;bottom: 1rem;left: 50%;transform: translate(-50%);display: flex;}
.servico_galerias {display: grid;grid-template-columns: 100%;}
.servico__galeria {grid-column: 1;grid-row: 1;z-index: 1;}
.servico__galeria:not([data-active="true"]) {opacity: 0;z-index: 0;pointer-events: none;}
.galeria__item::before {content: attr(data-caption);position: absolute;top: 0;left: 0;z-index: 11;text-align: center;width: 100%;padding: .5rem 1rem;background: #57bce78c;color: white;text-transform: uppercase;font-weight: 700;letter-spacing: .05em;box-sizing: border-box;font-size: .8rem;}
/* embarcadas */
#embarcadas .servico__cont{padding-left: 10rem;}
.servico__item__titulo[data-active="true"] {color: #ee7b17;}
/* next */
#next .cxvideo:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(#EE7B17, #EE7B1752);z-index: 1;opacity: .5;}
#next .galeria__item::before {background: #EE7B178c;}
#next .servicos__grupoTitulo {color: #EE7B17;}
#next .servicos__btn.slick-current {background: #EE7B17;}
#next .servico__subtitulo {color: #EE7B17;}
#next .servico__item__titulo {color: #EE7B17;}
#next .servico__cont__cxbtn {color: #EE7B17;display: flex;align-items: center;}
.next {display: block;width: 100%;display: grid;align-items: center;justify-content: space-between;padding: 1rem 2rem;background: url(../img/nextbk.png);background-size: cover;grid-template-columns: 1fr 21% 1fr;gap: 1rem;}
.next__texto {font-size: .5rem;color: #666666;}
.next__texto strong {font-size: 1.6em;display: block;text-align: center;}
.next__logo {width: 100%;}
.next__ction {background: #ee7b17;color: white;font-size: .8rem;text-align: center;margin-left: auto;padding: .5rem 1.5rem;}
#next .servico__action{margin-top: unset;margin-bottom: auto;}
.marca1 {position: absolute;top: 50%;transform: translate(0,-50%);left: 0;width: 22vw;}
.marca2 {position: absolute;top: 100%;right: 0;transform: translate(35%, -50%);width: 19vw;}
#next .servico__item__titulo[data-active="true"] {color: #57BCE7;}
#next .servico__cont{padding-left: 10rem;}
/******  End of SERVICOS  *******/
/**********************************************
**          FOOTER
** ********************************************/
#footer {margin-top: 5rem;padding-bottom: 4rem;}
.footer__top {display: grid;grid-template-columns: 1fr auto 1fr;gap: 8rem;align-items: center;background: url(../img/footer.png);background-color: #57bce7;background-size: cover;padding: 3rem 4rem;}
.ftcontato__titulo {font-size: .83rem;font-weight: 700;color: white;display: grid;grid-template-columns: auto 1fr;gap: .5rem;margin-bottom: .5rem;}
.ftcontato__titulo .ico {font-size: 1.3em;}
.contatoDesc {line-height: 1.5;color: white;}
.ft__logo {width: 15vw;}
.ft__contato {display: flex;flex-direction: column;align-items: flex-start;}
.contato__item {color: white;font-size: 1.3rem;font-weight: 700;margin-bottom: .5rem;display: grid;grid-template-columns: auto 1fr;gap: .5rem;}
.contato__item i {font-size: 1.4em;}
.grupo:before {content: '';width: 100%;height: 2px;margin-top: 5rem;margin-bottom: 4rem;background: #57BCE7;}
.grupo {display: flex;position: relative;justify-content: center;flex-wrap: wrap;align-items: center;}
.grupo__item {max-width: calc(100% / 8);padding: 1rem;display: flex;align-items: center;justify-content: center;max-height: 5rem;}
.link_item { text-decoration: underline}

/******  End of FOOTER  *******/
/**********************************************
**          NAME
** ********************************************/

/******  End of NAME  *******/
/**********************************************
**          NAME
** ********************************************/

/******  End of NAME  *******/
/**********************************************
**          NAME
** ********************************************/

/******  End of NAME  *******/
/**********************************************
**          NAME
** ********************************************/

/******  End of NAME  *******/
/**********************************************
**          NAME
** ********************************************/

/******  End of NAME  *******/
/**********************************************
**          NAME
** ********************************************/

/******  End of NAME  *******/
/**********************************************
**          HOVER
** ********************************************/

@media (min-width: 993px) {

  .btn:hover{box-shadow: 0 0 10px #00000085;background: #ee7b17;border-color: #ee7b17;color: white;}
  .main-menu__link:hover i svg * {fill: #ee7b17!important}
  .main-menu__link:hover {color: #ee7b17;}
  .servicos__btn:not(.slick-current):hover {color: #ee7b17;}
  .contato__item:hover {text-decoration: underline;}
  .servico__item__titulo:hover {text-shadow: 0 0 1px currentColor;color: #ee7b17;}
  #next .servico__item__titulo:hover {color: #57BCE7;}
  .lang:hover {z-index: 0;border-color: white;box-shadow: 0 0 5px #00000059;}
  .galeria__item:hover .cxvideo img {opacity: .5;}
}
/******  End of HOVER  *******/


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


}

@media (max-width: 992px) {
  html{font-size:1.56vw}
  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: 20px 30px!important;}
  .logo{width: 106px;display: block;}
  header.active{transform: unset;}
  body.menu-active #main-menu{transform: scaleX(1);box-shadow: 0 0 10px 2px #00000054;}
  #main-menu{position: fixed;display: flex;flex-direction: column;background: #57bce7;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;flex-wrap: nowrap;margin: 0;transform: scaleX(0);transform-origin: 100% 0;flex-grow: unset;}
  #fechar-menu{color: white;text-transform: lowercase;font-size: 34px;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 #57bce7;border-top: 2px solid #57bce7;width: 28px;margin-left: 15px;height: 14px;display: flex;align-items: center;margin: 0;z-index: 10000;}
  #mobile-toggle::after {content: "";display: block;height: 2px;background: #57bce7;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: 1.5rem 15px;line-height: 1.25em;border-bottom: 1px solid #a6cfe0;transition: all .35s;font-size: 1.5rem;text-align: center;color: white;}
  .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: center;width: 100%;flex-direction: row;align-items: center;background: transparent;box-shadow: unset;position: static;padding: unset;}
  .botoes__header {margin-top: .1rem;grid-template-columns: 100%;gap: .1rem;width: 100%;}
  .header__btn {border-radius: 0;width: 100%;box-sizing: border-box;}
  #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;}
  .main-menu__item:not(:last-of-type) .main-menu__link:after {display: none;}
  .icone__header img {filter: brightness(100);}
  .icone__header {font-size: 2em;}
  .banner {padding-top: calc(91px + 4rem);padding-bottom: 4rem;align-items: center;}
  .banner__grupo {width: 100%;grid-template-columns: 100%;text-align: center;gap: 3rem;}
  .btn {font-size: 1rem;}
  .banner__bnt {margin: auto;}
  .banner__desc {font-size: 1.2rem;}
  .servicos__heder {grid-template-columns: 100%;}
  .servicos__grupoTitulo {width: 100%;}
  .servicos__btn {opacity: 1!important;border: 1px solid currentColor;}
  .servico {grid-template-columns: 100%;}
  #embarcadas .servico__cont {padding: unset;}
  .servico__cont {margin-bottom: 3rem;}
  .representate__super {padding: unset;width: 100%;display: flex;align-items: flex-end;}
  .servico__representantes {grid-template-columns: 100%;margin-top: 4rem;border: none;width: 100%;}
  .next {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;padding: 4rem;}
  .next__logo {width: 12rem;order: 0;margin-bottom: 1rem;}
  .next__texto {order: 1;font-size: 1rem;}
  .next__ction {order: 2;}
  span.next__ction {font-size: 1.5rem;margin: unset;margin-top: 2rem;}
  .footer__top {grid-template-columns: 100%;gap: 3rem;padding: 2rem;}
  .ft__logo {width: 250px;order: 0;position: relative;margin: auto;}
  .ftcontato {order: 1;display: flex;flex-direction: column;align-items: center;}
  .ft__contato {order: 2;align-items: center;}
  .grupo__item {max-width: calc(100% / 3);}
  .servico__action {justify-content: center;}
  .servicos__btn {margin-left: .5rem;}
  .servicos__nav .slick-list {margin-left: -.5rem;}
  .marca1 .marca2 {display: none;}
  .chamada__title {width: 100%;font-weight: 100;font-size: 2rem;text-align: center;}
  .videohome {grid-template-columns: 100%;padding-top: 4rem;gap: 4rem;}
  .chamada__title b {margin: auto;margin-top: 1rem;font-size: 3.5em;}
  .chamada {padding: 0 8vw;}
  .chamada__description {width: 50%;text-align: center;margin: auto;margin-top: 2rem;font-size: 1rem;}
  .main-lang {left: 0;position: absolute;top: 15px;left: 15px;}
  .lang {
    width: 30px;
}


.imagemvideo { 
  margin: auto;margin-top: 1rem;
}

}

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

@media (max-width: 576px) {
    .container, .container2{padding-right: 8vw;padding-left: 8vw;}
    html{font-size:2.67vw}
    .logo {width: 150px;margin-right: auto;}
    .banner__titiulo {font-size: 2.7rem;}
    .grupo__item {max-width: calc(100% / 2);}
    .ft__logo {width: 200px;}
    .servicos__titulo {font-size: 2.7rem;}
    .chamada__title b {font-size: 2em;}
    .chamada__description {width: 100%;}
}

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