/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
j
/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@font-face { font-family: 'Helvetica'; src: url('../fonts/Helvetica-Light.eot'); src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Light.woff2') format('woff2'), url('../fonts/Helvetica-Light.woff') format('woff'), url('../fonts/Helvetica-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica'; src: url('../fonts/Helvetica-Bold.eot'); src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Bold.woff2') format('woff2'), url('../fonts/Helvetica-Bold.woff') format('woff'), url('../fonts/Helvetica-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica'; src: url('../fonts/Helvetica.eot'); src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica.woff2') format('woff2'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
html { width: 100%; height: 100%; color: #222; font-size: 1em; line-height: 1.4; font-family: 'Helvetica'; color: #0E293D; }
body { width: 100%; height: 100%; background-color: #004149; }

/* Seleção de texto - compatibilidade máxima */
::selection { background-color: #a0db00 !important;    /* verde */ color: #fff !important; border-radius: 30px;    /* branco */ }
::-moz-selection { background-color: #a0db00 !important; color: #fff !important; border-radius: 30px; }
::-webkit-selection { background-color: #a0db00 !important; color: #fff !important; border-radius: 30px; }
::-o-selection { background-color: #a0db00 !important; color: #fff !important; border-radius: 30px; }
::-ms-selection { background-color: #a0db00 !important; color: #fff !important; border-radius: 30px; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea { resize: vertical; }

/*Links ancoras*/
.ancora { width: 1px; height: 1px; position: absolute; left: 0px; }
#a-inicio { top: 0px; }
#a-sobre { top: -75px; }
#a-servicos { top: -75px; }
#a-outdoor { top: -75px; }
#a-imersao { top: -75px; }
#a-faq { top: -10px; }
#a-projeto { top: 0px; }

/*BTN Whatsapp*/
#cta-wpp-mobile { width: 180px; height: auto; position: fixed; right: 50%; margin-right: -90px;/* margin-right: unset; */ bottom: 44px; padding: 16px 30px 15px 61px; border-radius: 150px; border: 0.3px solid #64E877; background-color: #25D366; color: #fff; font-size: 20px; cursor: pointer; z-index: 1999; }
#icn-wpp-mobile { width: 34px; height: 34px; position: absolute; left: 16px; top: 11px; background: url('/img/wpp-icn.png'); background-size: 34px; }

/*menu fixo*/
#faixa-menu-fixo { width: 100%; height: auto; position: fixed; top: 40px; z-index: 999; }
#view-menu-fixo { width: 90%; height: auto; position: relative; margin: auto; max-width: 1430px; }
#bg-menu-fixo { width: 100%; height: 75px; position: absolute; left: 0px; top: 0px; background-color: #19535a; border: 1px solid #226f78; border-radius: 120px; opacity: 0; transition: opacity 0.2s linear;    /* deixa a transição suave */ }
#itens-menu { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
#logo-menu-fixo { width: 147px; height: 40px; position: relative; float: left; margin-left: 30px; margin-top: 16px; background: url('../img/logo-roots-do-cerrado.png'); background-size: 147px; }
#lista-itens-menu { width: 740px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 9px; }
#lista-itens-menu ul li { width: auto; height: auto; position: relative; float: left; margin-left: 30px; font-size: 18px; color: #fff; cursor: pointer; font-weight: 300; z-index: 10; }
#lista-itens-menu ul li:hover { color: #FFC100; }
#marcador-menu { width: 75px; height: 35px; position: absolute; left: 13px; top: 10px; background-color: #134045; border-radius: 40px; z-index: 9; transition: all 0.4s cubic-bezier(.22, .61, .36, 1); will-change: left, width; }
#cta-login { width: auto; height: auto; position: relative; float: right; margin-top: 18px; margin-right: 29px; padding: 9px 25px 8px 25px; color: rgb(255, 204, 0); font-size: 17px; background-color:#ffcc00 !important; color: #19535A !important; border-radius: 30px; cursor: pointer; display:none; }
#cta-login:hover { background-color: #ffe169 !important; }
#cta-produzir-conteudo { width: auto; height: auto; position: relative; float: right; margin-top: 18px; margin-right: 15px; padding: 9px 25px 8px 25px; color: #000; font-size: 17px; background-color: #ffcc00; color: #19535A; border-radius: 30px; cursor: pointer; }
#cta-produzir-conteudo:hover { background-color: #ffe169; }

/*Inicio Landingpage Roots do Cerrado Media*/
#container-out-banner { width: 100%; height: 100%; position: relative; float: left; }
#banner-topo { width: 100%; height: 100%; position: absolute; top: 0px; background-color: #F2F2F6; overflow: hidden; }
#sombra-topo { width: 150%; height: 250px; position: absolute; left: -25%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); z-index: 10; }
.sombra-centro-banner { width: 550px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -275px; margin-top: -200px; border-radius: 100%; z-index: 5 !important; -webkit-filter: blur(100px); -moz-filter: blur(100px); -o-filter: blur(100px); -ms-filter: blur(100px); filter: blur(100px); opacity: 0.8; }
.blur-banner-a { background-color: #00222e; }
#conteudobanner-topo { width: 100%; height: 400px; position: absolute; left: 0px; top: 50%; margin-top: -290px; z-index: 19 !important; }
#view-conteudo-banner { width: 800px; height: auto; position: relative; margin: auto; }
#faixa-logo-banner-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; }
#logo-roots-do-cerrado-banner { width: 295px; height: 80px; position: relative; margin: auto; background: url('../img/logo-roots-do-cerrado.png'); background-size: 295px; }
#view-conteudo-banner p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; color: #fff; font-size: 22px; text-align: center; padding: 0px 100px; }
#faixa-cta-banner-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 6px; }
#cta-banner-topo { width: 330px; height: auto; position: relative; margin: auto; padding: 14px 0px 12px 0px; background-color: #ffcc00; color: #000; font-size: 19px; text-align: center; border-radius: 50px; cursor: pointer; }
#cta-banner-topo:hover { background-color: #ffe169; }
.item-banner { width: 100%; height: 100%; position: relative; float: left; z-index: 1; }
.banner-int { width: 100%; height: 100%; position: relative; float: left; }
.info-banner { width: 100%; height: auto; position: absolute; bottom: 50px; }
.view-conteudo-banner-slider { width: 700px; height: auto; position: relative; margin: auto; z-index: 10; }
.logo-inf-banner { width: 100%; height: auto; position: relative; float: left; }
.logo-int { width: 140px; height: auto; position: relative; margin: auto; }
.nome-fonte { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #fff; text-align: center; font-size: 16px; }
.sobre-foto-banner { width: 100%; height: auto; position: relative; float: left; font-size: 16px; text-align: center; padding: 0px 200px; color: #fff; box-sizing: border-box; z-index: 999; }
.bg-a-banner { background: url('../img/banner-apa-cabeca-veado.jpg'); background-size: cover; }
.bg-b-banner { background: url('../img/banner-pocos-azuis-mambai.jpg'); background-size: cover; }
.bg-c-banner { background: url('../img/banner-pocos-azuis-mambai-b.jpg'); background-size: cover; }
#sessao-video-apresentacao { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 100px; overflow: hidden;}
#view-sessao-video-apresentacao { width: 1200px; height: auto; position: relative; margin: auto; }
#headline-video-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
#headline-video-apresentacao h2 { width: 50%; height: auto; position: relative; float: left; font-size: 39px; color: #fff; }
#headline-video-apresentacao p { width: 50%; height: auto; position: relative; float: left; font-size: 20px; color: #fff; padding-left: 40px; }
#faixa-player-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
#div-video-apresentacao { width: 1200px; height: 675px; position: relative; margin: auto; border-radius: 50px; overflow: hidden; }
#div-video-apresentacao video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover;    /* faz o vídeo preencher sem distorcer */ transform: translate(-50%, -50%); }
#mascara-player-preview { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 30; }
#faixa-play-icn-video { width: 100%; height: 150px; position: absolute; top: 50%; margin-top: -110px; }
#play-video-icn { width: 100px; height: 100px; position: relative; margin: auto; background: url('../img/icn-play.png'); background-size: 100px; cursor: pointer; }
#legenda-play-video { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 20px; font-size: 20px; color: #fff; cursor: pointer; }
#faixa-cta-player-video { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#cta-produzir-conteudo-b { width: 300px; height: auto; left: 50%; position: relative; float: left; margin-top: 18px; margin-left: -150px; padding: 13px 0px 11px 0px; color: #000; font-size: 18px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
#cta-produzir-conteudo-b:hover { background-color: #ffe169; }

/*player-yt*/
#player-yt { width: 1200px; height: 675px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 50px; overflow: hidden; opacity: 0; }

/*Sessão serviços*/
#sessao-servicos { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 70px; }
#view-sessao-servicos { width: 90%; height: auto; position: relative; margin: auto; max-width: 1800px; }
#faixa-seletor-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }
#seletor-servico { width: 800px; height: 60px; position: relative; margin: auto; border-radius: 50px; border: 1px solid #000; }
.item-tipo-servico { width: 50%; height: 100%; position: relative; float: left; margin-top: 14px; font-size: 22px; color: #000; text-align: center; z-index: 10; cursor: pointer; }
.item-tipo-servico:hover { color: #000; opacity: 0.6; }
#marcador-seletor-servico { width: 50%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50px; background-color: #ffcc00; z-index: 1; -webkit-transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1); transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1); }
#faixa-slide-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }

/*Item slide de serivço*/
.item-slide-servico-out { width: 100%; height: auto; position: relative; float: left; }
.item-slide-servico { width: 48%; height: auto; position: relative; float: left; }
.blocos-tipo-1 { width: 100%; height: 547px; position: relative; float: left; padding-top: 40px; padding-bottom: 50px; border-radius: 40px; background-color: #F5F5F6; }
.item-lista-servico { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 60px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; }
.icone-lista-servico-out { width: 55px; height: 100%; position: relative; float: left; }
.icone-lista-servico { width: 50px; height: 50px; top: 50%; position: relative; float: left; margin-top: -30px; background-color: #000; border-radius: 100%; }
.icone-int-servico { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; }
.icone-cam { background: url('../img/icone-cam.png'); background-size: 30px; }
.icone-vl { background: url('../img/videos-longos-icn.png'); background-size: 30px; }
.icone-story { background: url('../img/story-telign-icn.png'); background-size: 30px; }
.icone-edicao { background: url('../img/edicao-icn.png'); background-size: 30px; }
.sobre-item-servico { width: 390px; height: auto; position: relative; float: left; padding-left: 20px; margin-top: -27px; font-size: 20px; color: #000; }
.remove-borda { border: 0px solid #000 !important; }
.blocos-timeline { width: 100%; height: 118px; position: relative; float: left; margin-top: 15px; border-radius: 40px; background-color: #F5F5F6; }
.bloco-timeline-int { width: 95%; height: 90%; position: absolute; left: 2.5%; top: 5%; border-radius: 30px; overflow: hidden; background-color: #dadada; }
#faixa-timeline { width: 2174px; height: 160px; position: absolute; top: 0; left: 0; background: url('../img/faixa-timeline.png'); background-size: 2174px; background-repeat: no-repeat; }
#faixa-timeline-codigo { width: 2174px; height: 160px; position: absolute; top: 0; left: 0; background: url('../img/faixa-timeline-codigo.jpg'); background-size: 2174px; background-repeat: no-repeat; }
.move-timeline {    /* animação com prefixos */
-webkit-animation: moverFaixa 70s linear infinite; -moz-animation: moverFaixa 70s linear infinite; -o-animation: moverFaixa 70s linear infinite; animation: moverFaixa 70s linear infinite; }

/* keyframes com prefixos */
@-webkit-keyframes moverFaixa {
  from { left: 0px; }
  to { left: -1200px; }
}
@-moz-keyframes moverFaixa {
  from { left: 0px; }
  to { left: -1200px; }
}
@-o-keyframes moverFaixa {
  from { left: 0px; }
  to { left: -1200px; }
}
@keyframes moverFaixa {
  from { left: 0px; }
  to { left: -1200px; }
}
.item-slide-servico-b { width: 48%; height: 680px; position: relative; float: left; margin-left: 2%; }
.bloco-servico-central { width: 100%; height: 100%; position: relative; float: left; padding-top: 40px; padding-bottom: 50px; border-radius: 40px; background-color: #F5F5F6; }
.txt-servico-central { width: 40%; height: 100%; position: relative; float: left; padding: 0px 40px; }
.txt-servico-central h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; font-size: 28px; color: #000; font-weight: 700; }
.txt-servico-central p { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 18px; color: #000; }
.txt-servico-central p span { font-size: 14px; }
.video-bloco-central { width: 50%; height: 100%; position: relative; float: left; }
.box-player-conteudo { width: 338px; height: 600px; position: absolute; left: 50%; top: 50%; margin-left: -169px; margin-top: -300px; background-color: #dadada; border-radius: 30px; overflow: hidden; }
.box-player-conteudo video { width: 100%; height: 100%; object-fit: cover;    /* faz o vídeo preencher a área */ }
#faixa-cta-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#cta-produzir-conteudo-c { width: 300px; height: auto; left: 50%; position: relative; float: left; margin-top: 18px; margin-left: -150px; padding: 13px 0px 11px 0px; color: #000; font-size: 18px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
#cta-produzir-conteudo-c:hover { background-color: #ffe169; }

/*Sessão outdoor ready*/
#sessao-outdoor-ready { width: 100%; height: 900px; position: relative; float: left; }
#view-outdoor-ready { width: 1400px; height: 100%; position: absolute; top: 0px; left: 50%; margin-left: -700px; }
#view-outdoor-ready h3 { width: 80%; height: auto; position: relative; float: left; margin-top: 310px; margin-right: 100%; font-size: 55px; color: #fff; }
#view-outdoor-ready p { width: 40%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #fff; }
.parallax-container { height: 900px; }
#sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 200px; }
#view-sessao-equipamentos { width: 90%; height: auto; position: relative; margin: auto; max-width: 1500px; }
#conteudo-sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; padding-top: 130px; margin-bottom: -150px; }
#conteudo-sessao-equipamentos h3 { width: 50%; height: 300px; position: relative; float: left; color: #fff; font-size: 48px; padding-right: 320px; }
#conteudo-sessao-equipamentos p { width: 48%; height: auto; position: relative; float: left; margin-bottom: -25px; color: #fff; font-size: 19px; }
#cards-equipamentos { width: 100%; height: auto; position: relative; float: left; }
#faixa-cards-equipamentos { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }

/*item card equipamento*/
.item-card-equipamento { width: 24%; height: 500px !important; position: relative; float: left; margin-top: 40px; margin-right: 1%; background-color: #110F0F; border-radius: 20px; }
.faixa-titulo-equipamento { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; color: #fff; text-align: center; font-size: 22px; padding: 0px 20px; box-sizing: border-box; }
.faixa-foto-equipamento { width: 100%; height: 250px; top: 50%; position: relative; float: left; margin-top: -232px; }
.foto-equipamento { width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; margin-top: -125px; margin-left: -125px; }
.img-foto-equipamento-action-cam { width: 250px; height: 250px; background: url('../img/action-cam.png'); background-size: 250px; }
.img-foto-equipamento-zve-10-cam { width: 250px; height: 250px; background: url('../img/zve-10.png'); background-size: 250px; }
.img-foto-equipamento-drone { width: 250px; height: 250px; background: url('../img/mini-4k.png'); background-size: 250px; }
.img-foto-equipamento-mic { width: 250px; height: 250px; background: url('../img/mic.png'); background-size: 250px; }
.faixa-sobre-equipamento { width: 100%; height: auto; position: absolute; bottom: 60px; text-align: center; padding: 0px 20px; font-size: 16px; color: #fff; box-sizing: border-box; }
#faixa-imersao-cerrado { width: 100%; height: 650px; position: relative; float: left; overflow: hidden; background-color: #000; }
#faixa-imersao-cerrado video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); object-fit: cover; }
#conteudo-faixa-imersao { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 99; background-color: rgba(0, 0, 0, 0.5); }
#view-sessao-imersao { width: 1200px; height: 100%; position: relative; margin: auto; }
#view-sessao-imersao h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 250px; font-size: 42px; color: #fff; text-align: center; }
#view-sessao-imersao p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; color: #fff; text-align: center; }

/*Jornada*/
#sessao-jornada { width: 100%; height: auto; position: relative; float: left; background-color: #fff; }
#view-sessao-jornada { width: 100%; height: auto; position: relative; margin: auto; max-width: 100%; overflow: hidden; }
#conteudo-sessao-jornada { width: 40%; height: auto; position: relative; float: left; margin-left: 10%; }
#conteudo-sessao-jornada h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 280px; color: #000; font-size: 42px; }
#conteudo-sessao-jornada p { width: 80%; height: auto; position: relative; float: left; margin-top: 2px; font-size: 22px; color: #000; }
#faixa-cta-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#cta-produzir-conteudo-d { width: 300px; height: auto; position: relative; float: left; margin-top: 0px; padding: 13px 0px 11px 0px; color: #000; font-size: 18px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
#cta-produzir-conteudo-d:hover { background-color: #ffe169; }

/*Slider jornada*/
#div-slider-jornada { width: 50%; height: auto; position: relative; float: left; }
#faixa-controles-slider-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 148px; }
.item-controle-slider { width: 50px; height: 50px; position: relative; float: left; margin-right: 15px; background-color: #ffcc00; border-radius: 50%; cursor: pointer; }
.item-controle-slider:hover { background-color: #ffe400; }
.arrow-int-controles { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.arrow-left { background: url(../img/arrow-left.png); background-size: 24px; }
.arrow-right { background: url(../img/arrow-right.png); background-size: 24px; }
#faixa-int-slide-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

/* estilize sem mexer em width/float */
.item-slide-jornada.swiper-slide { height: 680px; position: relative; border-radius: 20px; background-color: #dadada; overflow: hidden; }
.item-foto-slide-int { width: 510px; height: 690px; position: absolute; left: 50%; top: 50%;    /* Centralização com transform */ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*Inicio faq*/
#div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 110px; }
#view-div-faq { width: 1200px; height: auto; position: relative; margin: auto; }
#view-div-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 42px; color: #000; text-align: center; }
#view-div-faq p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #000; text-align: center; padding: 0px 155px; }
#faixa-quadro-faq { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#box-faq { width: 1200px; height: auto; position: relative; margin: auto; background-color: #F5F5F6; border-radius: 20px; overflow: hidden; }
.collapsible { border-top: 0px solid #ddd; border-right: 0px solid #ddd; border-left: 0px solid #ddd; border-bottom: 1px solid #ddd; margin: 0rem 0 0rem 0; }

/*Inicio rodapé*/
#rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 120px !important; }
#view-rodape { width: 100%; height: auto; position: relative; margin: auto; max-width: 1900px; }
.sessao-rodape { width: 33%; height: auto; position: relative; float: left; margin: auto; padding-left: 1.5%; padding-right: 1.5%; }
.sessao-a { width: 33%; height: auto; position: relative; float: left; margin: auto; padding-left: 1.5%; padding-right: 1.5%; }
.sessao-a h4 { width: 70%; height: auto; position: relative; float: left; font-size: 30px; color: #000; }
.sessao-a p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #000; }
#faixa-logos-ctas-rodape { width: 100%; height: auto; position: relative; float: left; }
#logo-roots-do-cerrado-rodape { width: 150px; height: 41px; position: relative; float: left; margin-top: 20px; background: url('../img/logo-roots-do-cerrado-rodape.png'); background-size: 150px; }
#logo-bora-pra-mambai { width: 130px; height: 53px; position: relative; float: left; margin-top: 9px; background: url('../img/logo-bora-pra-mambai.png'); background-size: 130px; }
.item-cta-rodape { width: auto; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 18px; padding: 12px 20px 10px 20px; color: #000; background-color: #ffcc00; border-radius: 50px; cursor: pointer; }
.item-cta-rodape:hover { background-color: #ffe400; }
.item-rs-rodape { width: 40px; height: 40px; position: relative; float: right; margin-left: 10px; margin-top: 19px; }
.insta-icn { background: url('../img/instagram-icn.png'); background-size: 40px; }
.yt-icn { background: url('../img/youtube-icn.png'); background-size: 40px; }
.legenda-sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 14px; font-size: 16px; color: #000; }
#faixa-politica-de-privacidade { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#cta-politica { width: 240px; height: auto; position: relative; margin: auto; padding: 10px 0px; border: 1px solid #000; border-radius: 40px; text-align: center; color: #000; font-size: 16px; cursor: pointer; }
#cta-politica:hover { background-color: #F2F2F5; }

/* ==========================================================================
  Janela formulário produzir conteúdo
   ========================================================================== */
#mascara-janela { width: 100%; height: 0%; position: fixed; z-index: 999; background-color: #19535a; opacity: 0; }
#janela-formulario { width: 500px; height: 600px; position: fixed; top: 250%; left: 50%; margin-left: -250px; margin-top: -300px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 3000 !important; opacity: 0; }
#etapa-1-formulario { width: 100%; height: 100%; position: absolute; top: 0px; left: 0%; z-index: 10; background-color: #fff; padding: 0px 20px; overflow: hidden; }
#faixa-foto-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; margin-bottom: 10px; }
#foto-formulario { width: 120px; height: 120px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; background-color: #dadada; overflow: hidden; }
#foto-int-formulrio { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; background: url('../img/foto-formulario.jpg'); background-size: 140px; }
#chamada-formulario-e-1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; color: #000; text-align: center; font-weight: 400; }
#sobre-etapa-01 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 17px; padding: 0px 10px; color: #000; }
.faixa-ctas-form { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; }
.item-cta-e-1 { width: 100%; height: auto; position: relative; float: left; padding: 17px 25px; text-align: left; background-color: #ffcc00; font-size: 17px; color: #000; border-radius: 40px; cursor: pointer; }
.item-cta-e-1:hover { background-color: #ffe169; }
.ciruclo-cta-form { width: 40px; height: 40px; position: absolute; right: 11px; top: 9px; background-color: #19535a; border-radius: 50%; overflow: hidden; }

/* seta centralizada inicialmente */
.seta-cta-form { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('../img/arrow-right-white.png') no-repeat center; background-size: 20px;  /* Transições com prefixos */ -webkit-transition: -webkit-transform 0.8s ease-in-out; -moz-transition: -moz-transform 0.8s ease-in-out; -ms-transition: -ms-transform 0.8s ease-in-out; -o-transition: -o-transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out; }

/* Animação ao hover: seta vai pra direita, sai e volta pelo lado esquerdo */
.item-cta-e-1:hover .seta-cta-form { -webkit-animation: moverSeta 1s ease-in-out forwards; -moz-animation: moverSeta 1s ease-in-out forwards; -ms-animation: moverSeta 1s ease-in-out forwards; -o-animation: moverSeta 1s ease-in-out forwards; animation: moverSeta 1s ease-in-out forwards; }
.item-cta-e-2:hover .seta-cta-form { -webkit-animation: moverSeta 1s ease-in-out forwards; -moz-animation: moverSeta 1s ease-in-out forwards; -ms-animation: moverSeta 1s ease-in-out forwards; -o-animation: moverSeta 1s ease-in-out forwards; animation: moverSeta 1s ease-in-out forwards; }

/* Keyframes com prefixos */
@-webkit-keyframes moverSeta {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  40% { -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; }
  50% { -webkit-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; }
  70% { opacity: 1; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-moz-keyframes moverSeta {
  0% { -moz-transform: translateX(0); transform: translateX(0); }
  40% { -moz-transform: translateX(60px); transform: translateX(60px); opacity: 0; }
  50% { -moz-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; }
  70% { opacity: 1; }
  100% { -moz-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-ms-keyframes moverSeta {
  0% { -ms-transform: translateX(0); transform: translateX(0); }
  40% { -ms-transform: translateX(60px); transform: translateX(60px); opacity: 0; }
  50% { -ms-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; }
  70% { opacity: 1; }
  100% { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-o-keyframes moverSeta {
  0% { -o-transform: translateX(0); transform: translateX(0); }
  40% { -o-transform: translateX(60px); transform: translateX(60px); opacity: 0; }
  50% { -o-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; }
  70% { opacity: 1; }
  100% { -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes moverSeta {
  0% { transform: translateX(0); }
  40% { transform: translateX(60px); opacity: 0; }
  50% { transform: translateX(-60px); opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translateX(0); opacity: 1; }
}

/*Segunda etapa formulario*/
#etapa-2-formulario { width: 100%; height: 100%; position: absolute; top: 0px; left: 100%; z-index: 10; background-color: #fff; padding: 0px 20px; overflow: hidden; }
#chamada-formulario-e-2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 26px; color: #000; text-align: center; font-weight: 400; }
#sobre-etapa-02 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; margin-bottom: 5px; font-size: 17px; text-align: center; padding: 0px 10px; color: #000; }

/*formulario produção*/
#box-campos-formulario { width: 100%; height: auto; position: relative; float: left; padding: 0px 40px 0px 35px; margin-top: 10px; }
.item-campo-formulario { width: 100%; height: auto; position: relative; float: left; }
#rodape-formulario { width: 100%; height: auto; position: absolute; bottom: 20px; z-index: 90; }
#logo-rodape-form { width: 120px; height: 32px; position: relative; float: left; margin-left: 30px; margin-top: 5px; background: url('../img/logo-roots-do-cerrado-negativa.png'); background-size: 120px; }
#cta-fechar-formulario { width: auto; height: auto; position: relative; float: right; margin-bottom: 7px; margin-right: 30px; padding: 10px 40px 8px 40px; font-size: 16px; color: #fff; background-color: #ff001e; border-radius: 60px; cursor: pointer; }
#cta-fechar-formulario:hover { background-color: #c30017; }
#cta-fechar-voltar-formulario { width: auto; height: auto; position: relative; float: right; margin-bottom: 7px; margin-right: 5px; padding: 10px 40px 8px 40px; font-size: 16px; color: #000; background-color: #ffcc00; border-radius: 60px; cursor: pointer; opacity: 0; }
#cta-fechar-voltar-formulario:hover { background-color: #ffd83c; }
#faixa-cta-enviar-form { width: 104%; height: auto; position: relative; float: left; margin-top: 11px; padding: 0px 0px; }
.item-cta-e-2 { width: 100%; height: auto; position: relative; float: left; padding: 17px 25px; text-align: left; background-color: #ffcc00; font-size: 17px; color: #000; text-align: center; border-radius: 40px; cursor: pointer; }
.item-cta-e-2:hover { background-color: #ffe169; }
.circulo-foto-cta { width: 40px; height: 40px; position: absolute; left: 11px; top: 9px; background-color: #19535a; border-radius: 50%; overflow: hidden; }
.ft-circulo-foto-cta { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; background: url('../img/foto-formulario.jpg'); background-size: 42px; }
.toast { border-radius: 2px; top: 35px; width: auto; margin-top: 10px; position: relative; max-width: 100%; height: auto; min-height: 48px; line-height: 1.5em; word-break: break-all; background-color: #ffce00; padding: 10px 25px; font-size: 1.1rem; font-weight: 300; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: default; }

/* ==========================================================================
  Janela politica de privacidade
   ========================================================================== */
#janela-politica-privacidade { width: 1200px; height: 80%; position: fixed; top: -210%; left: 50%; margin-left: -600px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 1000; opacity: 0; }
#toolbar-janela-politica-privacidade { width: 100%; height: 100px; position: absolute; bottom: 0px; border-top: 1px solid #c8c8c8; background-color: #fff; }
#logo-rodape-janela-politica { width: 110px; height: 30px; position: absolute; top: 50%; margin-top: -18px; left: 20px; background: url('../img/logo-roots-do-cerrado-negativa.png'); background-size: 110px; }
#cta-fechar-politica { width: auto; height: auto; position: absolute; right: 20px; top: 27px; padding: 10px 20px 8px 20px; font-size: 16px; color: #fff; background-color: #ff001e; border-radius: 60px; cursor: pointer; }
#cta-fechar-politica:hover { background-color: #c30017; }
#conteudo-politica-privacidade { width: 100%; height: 100%; position: relative; float: left; font-size: 14px; color: #000; overflow-y: scroll; }
#conteudo-politica-texto { width: 90%; margin: 0 auto; padding: 40px 10px 180px 10px; font-family: "Inter", "Helvetica Neue", Arial, sans-serif; color: #173f2c; line-height: 1.7; font-size: 15px; background-color: transparent; }
#conteudo-politica-texto h2 { font-size: 22px; color: #113b26; font-weight: 700; margin-bottom: 10px; }
#conteudo-politica-texto h3 { font-size: 17px; color: #215438; font-weight: 600; margin-top: 28px; margin-bottom: 8px; }
#conteudo-politica-texto p { margin-bottom: 14px; }
#conteudo-politica-texto ul { margin-left: 22px; margin-bottom: 18px; }
#conteudo-politica-texto li { margin-bottom: 8px; }
#conteudo-politica-texto strong { color: #0a2718; }
#conteudo-politica-texto a { color: #0c6f45; text-decoration: none; border-bottom: 1px solid #a4d4a4; }
#conteudo-politica-texto a:hover { color: #004d2c; border-bottom-color: #004d2c; }
#janela-politica-privacidade { background-color: #fdfdfb; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25); }

/*pop up politica de privacidade*/
#pop-up-politica-privacidade { width: 1000px; height: 160px; position: fixed; left: 50%; margin-left: -500px; bottom: -450px; background-color: #fff; border-radius: 30px; z-index: 9999; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15); }
#faixa-txt-pop-up-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 17px; color: #000; padding: 0px 40px; }
#logo-roots-pop-up { width: 110px; height: 30px; position: absolute; float: left; margin-left: 37px; bottom: 27px; background: url('../img/logo-roots-do-cerrado-negativa.png'); background-size: 110px; }
#cta-fechar-popup { width: auto; height: auto; position: absolute; right: 40px; bottom: 27px; padding: 10px 20px 8px 20px; font-size: 16px; color: #000; background-color: #ffcc00; border-radius: 60px; cursor: pointer; }
#cta-fechar-popup:hover { background-color: #ffd557; }
#abrir-txt-popup { color: #19535A; font-weight: 700; cursor: pointer; }
@media only screen  
and (min-width:1500px) 
and (max-width:1900px) {
  .item-slide-servico { width: 42%; height: auto; position: relative; float: left; }
  .item-slide-servico-b { width: 55%; height: 680px; position: relative; float: left; margin-left: 2%; }
  .txt-servico-central { width: 37%; height: 100%; position: relative; float: left; padding: 0px 40px; }
  #conteudo-sessao-equipamentos h3 { width: 50%; height: 300px; position: relative; float: left; color: #fff; font-size: 48px; padding-right: 250px; }
  .txt-servico-central h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 43px; font-size: 28px; color: #000; font-weight: 700; }
  #conteudo-sessao-jornada h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 260px; color: #000; font-size: 42px; }

  /*Inicio rodapé*/
  #view-rodape { width: 100%; height: auto; position: relative; margin: auto; max-width: 1450px; }
}
@media only screen  
and (min-width:1200px) 
and (max-width:1500px) {
  /*#cta-produzir-conteudo { display: none; }*/
  #view-sessao-video-apresentacao { width: 1100px; height: auto; position: relative; margin: auto; }
  #div-video-apresentacao { width: 1100px; height: 618px; position: relative; margin: auto; border-radius: 50px; overflow: hidden; }
  #faixa-slide-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
  .item-slide-servico { width: 100%; height: auto; position: relative; float: left; }
  .item-slide-servico-b { width: 100%; height: 680px; position: relative; float: left; margin-top: 16px; margin-left: 0%; }
  .box-player-conteudo { width: 338px; height: 600px; position: absolute; left: 50%; top: 50%; margin-left: -99px; margin-top: -300px; background-color: #dadada; border-radius: 30px; overflow: hidden; }
  .txt-servico-central { width: 42%; height: 100%; position: relative; float: left; padding: 0px 40px; }
  .bloco-servico-central { width: 100%; height: 85%; position: relative; float: left; padding-top: 40px; padding-bottom: 50px; border-radius: 40px; background-color: #F5F5F6; }
  .txt-servico-central { width: 42%; height: 100%; position: relative; float: left; padding: 0px 40px; }
  .box-player-conteudo { width: 338px; height: 600px; position: absolute; left: unset; top: 50%; margin-left: unset; right: 23px; margin-top: -300px; background-color: #dadada; border-radius: 30px; overflow: hidden; }
  .txt-servico-central h3 { width: 70%; height: auto; position: relative; float: left; margin-top: 23px; font-size: 28px; color: #000; font-weight: 700; }
  .txt-servico-central p { width: 80%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 19px; color: #000; }
  #view-outdoor-ready { width: 90%; height: 100%; position: absolute; top: 0px; left: 5%; margin-left: 0px; }
  #sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 230px; }
  #conteudo-sessao-equipamentos h3 { width: 50%; height: 420px; position: relative; float: left; color: #fff; font-size: 48px; padding-right: 120px; margin-top: 17px; }
  #conteudo-sessao-equipamentos p { width: 45%; height: auto; position: relative; float: left; margin-bottom: 2px; color: #fff; font-size: 19px;/* line-height: 30px; */ }
  #cards-equipamentos { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
  #conteudo-sessao-jornada { width: 40%; height: auto; position: relative; float: left; margin-left: 5%; }
  #conteudo-sessao-jornada h4 { width: 60%; height: auto; position: relative; float: left; margin-top: 100px; color: #000; font-size: 39px; }
  #conteudo-sessao-jornada p { width: 80%; height: auto; position: relative; float: left; margin-top: 2px; font-size: 21px; color: #000; }
  #faixa-controles-slider-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 79px; }
  #div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 70px; }
  #view-div-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 42px; color: #000; text-align: center; }
  #view-div-faq p { width: 100%; height: auto; position: relative; float: left; margin-top: -6px; font-size: 22px; color: #000; text-align: center; padding: 0px 155px; }
  #faixa-quadro-faq { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 0px; }
  #box-faq { width: 90%; height: auto; position: relative; margin: auto; background-color: #F5F5F6; border-radius: 20px; overflow: hidden; }
  #rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 60px; }
  #view-rodape { width: 95%; height: auto; position: relative; margin: auto; max-width: 1900px; }
  .sessao-a { width: 50%; height: auto; position: relative; float: left; margin: auto; padding-left: 1.5%; padding-right: 1.5%; }
  .sessao-rodape { width: 50%; height: 200px; position: relative; float: left; margin: auto; padding-left: 1.5%; padding-right: 1.5%; }
  #faixa-politica-de-privacidade { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; }
  #div-slider-jornada { width: 55%; height: auto; position: relative; float: left; }
  #player-yt { width: 1100px; height: 620px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 50px; overflow: hidden; opacity: 0; }
     #lista-itens-menu { width: 580px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 9px; }


}
@media only screen  
and (min-width:1000px) 
and (max-width:1200px) {
  .hide-telas-menores { display: none; }
  /*#cta-produzir-conteudo { display: none; }*/
  #lista-itens-menu { width: 422px; height: 50px; position: relative; float: left; margin-left: 20px; margin-top: 9px; overflow: hidden; }
  #view-sessao-video-apresentacao { width: 90%; height: auto; position: relative; margin: auto; }
  #headline-video-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }
  #headline-video-apresentacao h2 { width: 50%; height: auto; position: relative; float: left; font-size: 34px; color: #fff; }
  #headline-video-apresentacao p { width: 50%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; padding-left: 40px; margin-top: 28px; }
  #div-video-apresentacao { width: 850px; height: 478px; position: relative; margin: auto; border-radius: 50px; overflow: hidden; }
  #player-yt { width: 850px; height: 478px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 50px; overflow: hidden; opacity: 0; }
  #faixa-slide-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; padding-bottom: 100px; }
  .item-slide-servico { width: 100%; height: auto; position: relative; float: left; }
  .item-slide-servico-b { width: 100%; height: 620px; position: relative; float: left; margin-left: 0%; margin-top: 16px; }
  .bloco-servico-central { width: 100%; height: 100%; position: relative; float: left; padding-top: 60px; padding-bottom: 20px; border-radius: 40px; background-color: #F5F5F6; }
  .box-player-conteudo { width: 338px; height: 600px; position: absolute; left: unset; top: 50%; margin-left: unset; right: 30px; margin-top: -323px; background-color: #dadada; border-radius: 30px; overflow: hidden; }
  #faixa-cta-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
  #view-outdoor-ready { width: 90%; height: 100%; position: absolute; top: 0px; left: 0%; margin-left: 0px; }
  #view-outdoor-ready h3 { width: 80%; height: auto; position: relative; float: left; margin-top: 310px; margin-right: 100%; padding-left: 30px; font-size: 55px; color: #fff; }
  #view-outdoor-ready p { width: 55%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; padding-left: 35px; color: #fff; }
  #conteudo-sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; padding-top: 120px; margin-bottom: -10px; }
  #conteudo-sessao-equipamentos h3 { width: 50%; height: 300px; position: relative; float: left; color: #fff; font-size: 48px; padding-right: 30px; margin-top: 14px; }
  #conteudo-sessao-equipamentos p { width: 48%; height: auto; position: relative; float: left; margin-bottom: -5px; color: #fff; font-size: 19px; }
  #faixa-imersao-cerrado { width: 100%; height: 450px; position: relative; float: left; overflow: hidden; background-color: #000; }
  #view-sessao-imersao { width: 100%; height: 100%; position: relative; margin: auto; }
  #view-sessao-imersao h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 173px; font-size: 38px; color: #fff; text-align: center; }
  #view-sessao-imersao p { width: 100%; height: auto; position: relative; float: left; margin-top: -16px; font-size: 22px; color: #fff; text-align: center; }
  #conteudo-sessao-jornada { width: 40%; height: auto; position: relative; float: left; margin-left: 5%; }
  #conteudo-sessao-jornada h4 { width: 60%; height: auto; position: relative; float: left; margin-top: 211px; color: #000; font-size: 35px; }
  #conteudo-sessao-jornada p { width: 80%; height: auto; position: relative; float: left; margin-top: 2px; font-size: 18px; color: #000; }
  #div-slider-jornada { width: 55%; height: auto; position: relative; float: left; }
  #div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 42px; }
  #view-div-faq { width: 100%; height: auto; position: relative; margin: auto; }
  #view-div-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 42px; color: #000; text-align: center; }
  #view-div-faq p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #000; text-align: center; padding: 0px 120px; }
  #faixa-quadro-faq { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
  #box-faq { width: 90%; height: auto; position: relative; margin: auto; background-color: #F5F5F6; border-radius: 20px; overflow: hidden; }
  #rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 50px; padding-top: 20px; }
  #view-rodape { width: 90%; height: auto; position: relative; margin: auto; max-width: 1900px; }
  .sessao-a { width: 50%; height: 230px; position: relative; float: left; margin: auto; padding-left: 1.5%; padding-right: 1.5%; }
  .sessao-a h4 { width: 70%; height: auto; position: relative; float: left; font-size: 28px; color: #000; }
  .sessao-rodape { width: 50%; height: 260px; position: relative; float: left; margin: auto; padding-left: 1.5%; padding-right: 1.5%; }
  #faixa-politica-de-privacidade { width: 100%; height: auto; position: relative; float: left; margin-top: -70px; }
  #player-yt { width: 850px; height: 479px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 50px; overflow: hidden; opacity: 0; }

  /*janelas*/
  #janela-politica-privacidade { width: 900px; height: 80%; position: fixed; top: -210%; left: 50%; margin-left: -450px; background-color: #fff; border-radius: 30px; overflow: hidden; z-index: 1000; opacity: 0; }
  #lista-itens-menu { width: 420px; height: 60px; position: relative; float: left; margin-left: 20px; margin-top: 9px; }

}


@media only screen  
and (min-width:750px) 
and (max-width:1000px) {
  .hide-telas-menores { display: none; }
  .hide-tablet { display: none; }
  .show-tablet { display: block !important; }
  #lista-itens-menu { width: 580px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 9px; }
  #cta-produzir-conteudo { display: none; }
  #view-conteudo-banner { width: 95%; height: auto; position: relative; margin: auto; }
  #view-conteudo-banner p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; color: #fff; font-size: 20px; text-align: center; padding: 0px 90px; }
  #cta-banner-topo { width: 280px; height: auto; position: relative; margin: auto; padding: 14px 0px 12px 0px; background-color: #ffcc00; color: #000; font-size: 17px; text-align: center; border-radius: 50px; cursor: pointer; }
  #view-sessao-video-apresentacao { width: 90%; height: auto; position: relative; margin: auto; }
  #headline-video-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }
  #headline-video-apresentacao h2 { width: 50%; height: auto; position: relative; float: left; font-size: 25px; color: #fff; }
  #headline-video-apresentacao p { width: 50%; height: auto; position: relative; float: left; font-size: 17px; color: #fff; padding-left: 40px; margin-top: 26px; }
  #div-video-apresentacao { width: 650px; height: 365px; position: relative; margin: auto; border-radius: 30px; overflow: hidden; }
  #player-yt { width: 730px; height: 410px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 50px; overflow: hidden; opacity: 0; }
  #faixa-play-icn-video { width: 100%; height: 150px; position: absolute; top: 50%; margin-top: -70px; }
  #play-video-icn { width: 80px; height: 80px; position: relative; margin: auto; background: url('../img/icn-play.png'); background-size: 80px; cursor: pointer; }
  #legenda-play-video { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; font-size: 20px; color: #fff; cursor: pointer; }
  #player-yt { width: 650px; height: 365px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 30px; overflow: hidden; opacity: 0; }
  #cta-produzir-conteudo-b { width: 280px; height: auto; left: 50%; position: relative; float: left; margin-top: 18px; margin-left: -140px; padding: 13px 0px 11px 0px; color: #000; font-size: 17px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
  #faixa-seletor-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 57px; }
  #seletor-servico { width: 640px; height: 53px; position: relative; margin: auto; border-radius: 50px; border: 1px solid #000; }
  .item-tipo-servico { width: 50%; height: 100%; position: relative; float: left; margin-top: 14px; font-size: 18px; color: #000; text-align: center; z-index: 10; cursor: pointer; }
  #faixa-slide-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
  .item-slide-servico { width: 100%; height: auto; position: relative; float: left; }
  .blocos-tipo-1 { width: 100%; height: auto; position: relative; float: left; padding-top: 56px; padding-bottom: 50px; border-radius: 40px; background-color: #F5F5F6; }
  .item-lista-servico { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 30px; margin-bottom: 22px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; }
  .sobre-item-servico { width: 390px; height: auto; position: relative; float: left; padding-left: 20px; margin-top: -27px; font-size: 17px; color: #000; }
  .item-slide-servico-b { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-top: 17px; }
  .txt-servico-central { width: 70%; height: 100%; position: relative; float: left; padding: 0px 40px; }
  .txt-servico-central h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; font-size: 36px; color: #000; font-weight: 700; }
  .txt-servico-central p { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 20px; color: #000; }
  .box-player-conteudo { width: 338px; height: 600px; position: relative; left: unset; top: unset; float: left; margin-left: 37px; margin-top: -6px; background-color: #dadada; border-radius: 30px; overflow: hidden; }
  #sessao-outdoor-ready { width: 100%; height: 750px; position: relative; float: left; }
  #view-outdoor-ready { width: 90%; height: 100%; position: absolute; top: 0px; left: 5%; margin-left: 0px; }
  #view-outdoor-ready h3 { width: 80%; height: auto; position: relative; float: left; margin-top: 260px; margin-right: 100%; font-size: 38px; color: #fff; }
  #view-outdoor-ready p { width: 60%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 19px; color: #fff; }
  #sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 140px; }
  #conteudo-sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; padding-top: 90px; margin-bottom: -150px; }
  #conteudo-sessao-equipamentos h3 { width: 50%; height: 300px; position: relative; float: left; color: #fff; font-size: 36px; padding-right: 40px; margin-top: 17px; }
  #conteudo-sessao-equipamentos p { width: 48%; height: auto; position: relative; float: left; margin-bottom: 5px; color: #fff; font-size: 18px; }
  #cards-equipamentos { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; }
  #faixa-imersao-cerrado { width: 100%; height: 440px; position: relative; float: left; overflow: hidden; background-color: #000; }
  #view-sessao-imersao { width: 90%; height: 100%; position: relative; margin: auto; }
  #view-sessao-imersao h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 165px; font-size: 30px; color: #fff; text-align: center; }
  #view-sessao-imersao p { width: 100%; height: auto; position: relative; float: left; margin-top: -16px; font-size: 20px; color: #fff; text-align: center; }
  #conteudo-sessao-jornada { width: 100%; height: auto; position: relative; float: left; margin-left: 10%; }
  #conteudo-sessao-jornada h4 { width: 80%; height: auto; position: relative; float: left; margin-top: 110px; color: #000; font-size: 33px; }
  #conteudo-sessao-jornada p { width: 80%; height: auto; position: relative; float: left; margin-top: 2px; font-size: 19px; color: #000; }
  #div-slider-jornada { width: 100%; height: auto; position: relative; float: left; padding: 0px 0px; }
  #faixa-controles-slider-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 78px; padding: 0px 40px; }
  #div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 50px; }
  #view-div-faq { width: 90%; height: auto; position: relative; margin: auto; }
  #view-div-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 36px; color: #000; text-align: center; }
  #view-div-faq p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 19px; color: #000; text-align: center; padding: 0px 50px; }
  #box-faq { width: 90%; height: auto; position: relative; margin: auto; background-color: #F5F5F6; border-radius: 0px; overflow: hidden; }
  #rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 70px; }
  #view-rodape { width: 730px; height: auto; position: relative; margin: auto; max-width: 1900px; }
  .sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin: auto; padding-left: 100px; padding-right: 100px; margin-bottom: 40px; }
  .sessao-a { width: 100%; height: auto; position: relative; float: left; margin: auto; padding-left: 100px; padding-right: 100px; margin-bottom: 20px; }
  .sessao-a h4 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; color: #000; }
  .sessao-a p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #000; }

  /*Inicio janelas*/
  #pop-up-politica-privacidade { width: 730px; height: 160px; position: fixed; left: 50%; margin-left: -365px; bottom: -450px; background-color: #fff; border-radius: 30px; z-index: 9999; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15); }
  #faixa-txt-pop-up-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; font-size: 15px; color: #000; padding: 0px 40px; }
  #janela-politica-privacidade { width: 730px; height: 80%; position: fixed; top: -210%; left: 50%; margin-left: -365px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 1000; opacity: 0; }
  #player-yt { width: 650px; height: 368px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 30px; overflow: hidden; opacity: 0; }
}
@media only screen  
and (min-width:440px) 
and (max-width:750px) {
   #cta-login{display: block;}
  .hide-telas-menores { display: none; }
  .hide-tablet { display: none; }
  #cta-produzir-conteudo { display: none; }
  #sombra-topo { width: 150%; height: 140px; position: absolute; left: -25%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); z-index: 10; }
  #bg-menu-fixo { width: 100%; height: 65px; position: absolute; left: 0px; top: 0px; background-color: #19535a; border: 1px solid #226f78; border-radius: 120px; opacity: 0; transition: opacity 0.2s linear; }
  #logo-menu-fixo { width: 120px; height: 33px; position: relative; float: left; margin-left: 19px; margin-top: 16px; background: url('../img/logo-roots-do-cerrado.png'); background-size: 120px; background-repeat: no-repeat; }
  #cta-login { width: auto; height: auto; position: relative; float: right; margin-top: 14px; margin-right: 13px; padding: 10px 20px 5px 21px; color: rgb(255, 204, 0); font-size: 16px; background-color: rgb(19, 64, 69); border-radius: 30px; cursor: pointer; }
  #view-conteudo-banner { width: 430px; height: auto; position: relative; margin: auto; }
  #faixa-logo-banner-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; }
  #logo-roots-do-cerrado-banner { width: 200px; height: 53px; position: relative; margin: auto; background: url('../img/logo-roots-do-cerrado.png'); background-size: 200px; background-repeat: no-repeat; }
  #view-conteudo-banner p { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; color: #fff; font-size: 17px; text-align: center; padding: 0px 30px; }
  #cta-banner-topo { width: 260px; height: auto; position: relative; margin: auto; padding: 14px 0px 12px 0px; background-color: #ffcc00; color: #000; font-size: 16px; text-align: center; border-radius: 50px; cursor: pointer; }
  .view-conteudo-banner-slider { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
  .logo-int { width: 90px; height: auto; position: relative; margin: auto; }
  .sobre-foto-banner { width: 100%; height: auto; position: relative; float: left; font-size: 14px; text-align: center; padding: 0px 70px; color: #fff; box-sizing: border-box; }
  .sombra-centro-banner { width: 550px; height: 310px; position: absolute; left: 50%; top: 50%; margin-left: -275px; margin-top: -180px; border-radius: 100%; z-index: 10; -webkit-filter: blur(100px); -moz-filter: blur(100px); -o-filter: blur(100px); -ms-filter: blur(100px); filter: blur(100px); opacity: 0.8; }
  #sessao-video-apresentacao { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 50px; }
  #view-sessao-video-apresentacao { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 30px; }
  #headline-video-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
  #headline-video-apresentacao h2 { width: 350px; height: auto; position: relative; float: left; font-size: 26px; color: #fff; }
  #headline-video-apresentacao p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; padding-left: 0px; margin-top: -10px; }
  #faixa-player-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
  #div-video-apresentacao { width: 281px; height: 500px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; }
  #faixa-play-icn-video { width: 100%; height: 150px; position: absolute; top: 50%; margin-top: -70px; }
  #play-video-icn { width: 70px; height: 70px; position: relative; margin: auto; background: url('../img/icn-play.png'); background-size: 70px; cursor: pointer; }
  #legenda-play-video { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; padding: 0px 40px; font-size: 18px; color: #fff; cursor: pointer; }
  #player-yt { width: 281px; height: 500px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 20px; overflow: hidden; opacity: 0; }
  #cta-produzir-conteudo-b { width: 250px; height: auto; left: 50%; position: relative; float: left; margin-top: 18px; margin-left: -125px; padding: 13px 0px 11px 0px; color: #000; font-size: 16px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
  #view-sessao-servicos { width: 100%; height: auto; position: relative; margin: auto; max-width: 1800px; }
  #faixa-seletor-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 46px; }
  #seletor-servico { width: 400px; height: 50px; position: relative; margin: auto; border-radius: 50px; border: 1px solid #000; }
  .item-tipo-servico { width: 50%; height: 100%; position: relative; float: left; margin-top: 14px; font-size: 17px; color: #000; text-align: center; z-index: 10; cursor: pointer; }
  #faixa-slide-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 20px; }
  .item-slide-servico { width: 100%; height: auto; position: relative; float: left; }
  .item-lista-servico { width: 90%; height: 50px; position: relative; float: left; margin-left: 5%; margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #cccccc; }
  .item-slide-servico-b { width: 100%; height: 680px; position: relative; float: left; margin-left: 2%; }
  .blocos-tipo-1 { width: 100%; height: auto; position: relative; float: left; padding-top: 0px; padding-bottom: 0px; border-radius: 40px; background-color: #F5F5F6; }
  .icone-int-servico { width: 25px; height: 25px; position: absolute; left: 50%; top: 50%; margin-left: -12.5px; margin-top: -12.5px; }
  .icone-cam { background: url('../img/icone-cam.png'); background-size: 25px; }
  .icone-vl { background: url('../img/videos-longos-icn.png'); background-size: 25px; }
  .icone-story { background: url('../img/story-telign-icn.png'); background-size: 25px; }
  .icone-edicao { background: url('../img/edicao-icn.png'); background-size: 25px; }

  .sobre-item-servico { width: 70%; height: auto; position: relative; float: left; padding-left: 20px; margin-top: -6px; font-size: 16px; color: #000; }

  .blocos-tipo-1 { width: 100%; height: auto; position: relative; float: left; padding-top: 0px; padding-bottom: 0px; border-radius: 30px; background-color: #F5F5F6; }
  .blocos-timeline { width: 100%; height: 118px; position: relative; float: left; margin-top: 15px; border-radius: 30px; background-color: #F5F5F6; }
  .item-slide-servico-b { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-top: 14px; }
  .txt-servico-central { width: 100%; height: 100%; position: relative; float: left; padding: 0px 40px; box-sizing: border-box; }
  .txt-servico-central h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; font-size: 22px; color: #000; font-weight: 700; }
  .txt-servico-central p { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 16px; color: #000; }
  .video-bloco-central { width: 100%; height: 100%; position: relative; float: left; }
  .box-player-conteudo { width: 338px; height: 600px; left: 50%; position: relative; float: left;/* left: unset; */ top: unset; margin-left: -169px; margin-top: 20px; background-color: #dadada; border-radius: 30px; overflow: hidden; }
  #sessao-outdoor-ready { width: 100%; height: auto; position: relative; float: left; }
  .parallax-container { height: 450px; }
  #view-outdoor-ready { width: 100%; height: 100%; position: absolute; top: 0px; left: 0%; margin-left: 0px; padding: 0px 20px; }
  #view-outdoor-ready h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; margin-right: 100%; font-size: 42px; color: #fff; text-align: center; }
  #view-outdoor-ready p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; color: #fff; padding: 0px 20px; text-align: center; }
  #sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 70px; }
  #view-sessao-equipamentos { width: 100%; height: auto; position: relative; margin: auto; max-width: 1500px; padding: 0px 30px; }
  #conteudo-sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; padding-top: 50px; margin-bottom: 59px; }
  #conteudo-sessao-equipamentos h3 { width: 220px; height: auto; position: relative; float: left; color: #fff; font-size: 38px; margin-bottom: 5px; padding-right: unset; }
  #conteudo-sessao-equipamentos p { width: 100%; height: auto; position: relative; float: left; margin-bottom: -4px; color: #fff; font-size: 16px; }
  #faixa-imersao-cerrado { width: 100%; height: 360px; position: relative; float: left; overflow: hidden; background-color: #000; }
  #view-sessao-imersao { width: 100%; height: 100%; position: relative; margin: auto; }
  #view-sessao-imersao h4 { width: 240px; height: auto; left: 50%; position: relative; float: left; margin-top: 116px; margin-left: -120px; font-size: 25px; color: #fff; text-align: center; padding: 0px 0px; }
  #view-sessao-imersao p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 18px; color: #fff; text-align: center; padding: 0px 90px; }
  #conteudo-sessao-jornada { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; }
  #conteudo-sessao-jornada h4 { width: 260px; height: auto; position: relative; float: left; margin-top: 60px; color: #000; font-size: 29px; padding: 0px 30px; }
  #conteudo-sessao-jornada p { width: 100%; height: auto; position: relative; float: left; margin-top: 2px; font-size: 16px; padding: 0px 30px; color: #000; }
  #faixa-cta-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; }
  #cta-produzir-conteudo-d { width: 260px; height: auto; position: relative; float: left; margin-top: 0px; padding: 13px 0px 11px 0px; color: #000; font-size: 16px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
  #div-slider-jornada { width: 100%; height: auto; position: relative; float: left; }
  #faixa-controles-slider-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 48px; padding: 0px 30px; }
  .item-slide-jornada.swiper-slide { height: 380px; position: relative; border-radius: 20px; background-color: #dadada; overflow: hidden; }
  .item-foto-slide-int { width: 310px; height: 390px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  #div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 30px; }
  #view-div-faq { width: 100%; height: auto; position: relative; margin: auto; }
  #view-div-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 24px; color: #000; text-align: center; }
  #view-div-faq p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; color: #000; text-align: center; padding: 0px 30px; }
  #faixa-quadro-faq { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
  #box-faq { width: 100%; height: auto; position: relative; margin: auto; background-color: #ffffff; border-radius: 0px; overflow: hidden; padding: 0px 30px; }
  #rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 50px; padding-top: 10px; }
  #view-rodape { width: 100%; height: auto; position: relative; margin: auto; max-width: 1900px; padding: 0px 20px; }
  .sessao-a { width: 100%; height: auto; position: relative; float: left; margin: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
  .sessao-a h4 { width: 70%; height: auto; position: relative; float: left; font-size: 22px; color: #000; }
  .sessao-a p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 14px; color: #000; }
  .sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
  .legenda-sessao-rodape { width: 70%; height: auto; position: relative; float: left; margin-top: 14px; font-size: 14px; color: #000; }
  #faixa-politica-de-privacidade { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }

  /*Inicio janela*/
  #janela-politica-privacidade { width: 90%; height: 80%; position: fixed; top: -210%; left: 5%; margin-left: 0px; background-color: #fff; border-radius: 20px; overflow: hidden; z-index: 1000; opacity: 0; }
  #conteudo-politica-texto { width: 90%; margin: 0 auto; padding: 11px 10px 180px 10px; font-family: "Inter", "Helvetica Neue", Arial, sans-serif; color: #173f2c; line-height: 1.7; font-size: 15px; background-color: transparent; }
  #janela-formulario { width: 400px; height: 600px; position: fixed; top: 250%; left: 50%; margin-left: -200px; margin-top: -300px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 1000; opacity: 0; }
  #chamada-formulario-e-1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 23px; color: #000; text-align: center; font-weight: 400; }
  .item-cta-e-1 { width: 100%; height: auto; position: relative; float: left; padding: 17px 25px; text-align: left; background-color: #ffcc00; font-size: 16px; color: #000; border-radius: 40px; cursor: pointer; }
  #chamada-formulario-e-2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 22px; color: #000; text-align: center; font-weight: 400; }
  #box-campos-formulario { width: 100%; height: auto; position: relative; float: left; padding: 10px 19px 0px 8px; margin-top: 10px; }
  #rodape-formulario { width: 100%; height: auto; position: absolute; bottom: 29px; z-index: 90; }
  #cta-fechar-formulario { width: 37%; height: auto; position: relative; float: right; margin-bottom: 7px; margin-right: 7%; padding: 10px 40px 8px 40px; font-size: 16px; color: #fff; background-color: #ff001e; border-radius: 60px; cursor: pointer; text-align: center; }
  #cta-fechar-voltar-formulario { width: 37%; height: auto; position: relative; float: left; margin-bottom: 7px; margin-right: 0px; margin-left: 7%; padding: 10px 20px 8px 20px; font-size: 16px; color: #000; background-color: #ffcc00; border-radius: 60px; cursor: pointer; opacity: 0; text-align: center; }
  #faixa-foto-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 41px; margin-bottom: 10px; }
  #sobre-etapa-01 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 17px; padding: 0px 30px; color: #000; }
  #rodape-formulario { width: 100%; height: auto; position: absolute; bottom: 25px; z-index: 90; }
  #logo-rodape-form { display: none; }
  #pop-up-politica-privacidade { width: 400px; height: 192px; position: fixed; left: 50%; margin-left: -200px; bottom: -450px; background-color: #fff; border-radius: 20px; z-index: 9999; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15); }
  #faixa-txt-pop-up-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 14px; color: #000; padding: 0px 40px; }
  #cta-fechar-popup { width: auto; height: auto; position: absolute; right: unset; left: 30px; bottom: 27px; padding: 10px 20px 8px 20px; font-size: 16px; color: #000; background-color: #ffcc00; border-radius: 60px; cursor: pointer; }
  #rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 140px !important; }
}
@media only screen  
and (min-width:370px) 
and (max-width:440px) {
   #cta-login{display: block;}
  .hide-telas-menores { display: none; }
  .hide-tablet { display: none; }
  #cta-produzir-conteudo { display: none; }
  #sombra-topo { width: 150%; height: 140px; position: absolute; left: -25%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); z-index: 10; }
  #bg-menu-fixo { width: 100%; height: 65px; position: absolute; left: 0px; top: 0px; background-color: #19535a; border: 1px solid #226f78; border-radius: 120px; opacity: 0; transition: opacity 0.2s linear; }
  #logo-menu-fixo { width: 120px; height: 33px; position: relative; float: left; margin-left: 19px; margin-top: 16px; background: url('../img/logo-roots-do-cerrado.png'); background-size: 120px; background-repeat: no-repeat; }
  #cta-login { width: auto; height: auto; position: relative; float: right; margin-top: 14px; margin-right: 13px; padding: 10px 20px 5px 21px; color: rgb(255, 204, 0); font-size: 16px; background-color: rgb(19, 64, 69); border-radius: 30px; cursor: pointer; }
  #view-conteudo-banner { width: 100%; height: auto; position: relative; margin: auto; }
  #faixa-logo-banner-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; }
  #logo-roots-do-cerrado-banner { width: 200px; height: 53px; position: relative; margin: auto; background: url('../img/logo-roots-do-cerrado.png'); background-size: 200px; background-repeat: no-repeat; }
  #view-conteudo-banner p { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; color: #fff; font-size: 17px; text-align: center; padding: 0px 30px; }
  #cta-banner-topo { width: 260px; height: auto; position: relative; margin: auto; padding: 14px 0px 12px 0px; background-color: #ffcc00; color: #000; font-size: 16px; text-align: center; border-radius: 50px; cursor: pointer; }
  .view-conteudo-banner-slider { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
  .logo-int { width: 90px; height: auto; position: relative; margin: auto; }
  .sobre-foto-banner { width: 100%; height: auto; position: relative; float: left; font-size: 14px; text-align: center; padding: 0px 70px; color: #fff; box-sizing: border-box; }
  .sombra-centro-banner { width: 550px; height: 310px; position: absolute; left: 50%; top: 50%; margin-left: -275px; margin-top: -180px; border-radius: 100%; z-index: 10; -webkit-filter: blur(100px); -moz-filter: blur(100px); -o-filter: blur(100px); -ms-filter: blur(100px); filter: blur(100px); opacity: 0.8; }
  #sessao-video-apresentacao { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 50px; }
  #view-sessao-video-apresentacao { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 30px; }
  #headline-video-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
  #headline-video-apresentacao h2 { width: 350px; height: auto; position: relative; float: left; font-size: 26px; color: #fff; }
  #headline-video-apresentacao p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; padding-left: 0px; margin-top: -10px; }
  #faixa-player-apresentacao { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
  #div-video-apresentacao { width: 281px; height: 500px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; }
  #faixa-play-icn-video { width: 100%; height: 150px; position: absolute; top: 50%; margin-top: -70px; }
  #play-video-icn { width: 70px; height: 70px; position: relative; margin: auto; background: url('../img/icn-play.png'); background-size: 70px; cursor: pointer; }
  #legenda-play-video { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; padding: 0px 40px; font-size: 18px; color: #fff; cursor: pointer; }
  #player-yt { width: 281px; height: 500px; position: absolute; top: -5000px; left: 0px; z-index: 90; border-radius: 20px; overflow: hidden; opacity: 0; }
  #cta-produzir-conteudo-b { width: 250px; height: auto; left: 50%; position: relative; float: left; margin-top: 18px; margin-left: -125px; padding: 13px 0px 11px 0px; color: #000; font-size: 16px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
  #view-sessao-servicos { width: 100%; height: auto; position: relative; margin: auto; max-width: 1800px; }
  #faixa-seletor-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 46px; }
  #seletor-servico { width: 90%; height: 50px; position: relative; margin: auto; border-radius: 50px; border: 1px solid #000; }
  .item-tipo-servico { width: 50%; height: 100%; position: relative; float: left; margin-top: 14px; font-size: 17px; color: #000; text-align: center; z-index: 10; cursor: pointer; }
  #faixa-slide-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 10px; }
  .item-slide-servico { width: 100%; height: auto; position: relative; float: left; }
  .item-lista-servico { width: 90%; height: 50px; position: relative; float: left; margin-left: 5%; margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #cccccc; }
  .item-slide-servico-b { width: 100%; height: 680px; position: relative; float: left; margin-left: 2%; }
  .blocos-tipo-1 { width: 100%; height: auto; position: relative; float: left; padding-top: 0px; padding-bottom: 0px; border-radius: 40px; background-color: #F5F5F6; }
  .icone-int-servico { width: 25px; height: 25px; position: absolute; left: 50%; top: 50%; margin-left: -12.5px; margin-top: -12.5px; }
  .icone-cam { background: url('../img/icone-cam.png'); background-size: 25px; }
  .icone-vl { background: url('../img/videos-longos-icn.png'); background-size: 25px; }
  .icone-story { background: url('../img/story-telign-icn.png'); background-size: 25px; }
  .icone-edicao { background: url('../img/edicao-icn.png'); background-size: 25px; }
  .sobre-item-servico { width: 70%; height: auto; position: relative; float: left; padding-left: 20px; margin-top: -4px; font-size: 16px; color: #000; }
  .blocos-tipo-1 { width: 100%; height: auto; position: relative; float: left; padding-top: 0px; padding-bottom: 0px; border-radius: 30px; background-color: #F5F5F6; }
  .blocos-timeline { width: 100%; height: 118px; position: relative; float: left; margin-top: 15px; border-radius: 30px; background-color: #F5F5F6; }
  .item-slide-servico-b { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-top: 14px; }
  .txt-servico-central { width: 100%; height: 100%; position: relative; float: left; padding: 0px 40px; box-sizing: border-box; }
  .txt-servico-central h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; font-size: 22px; color: #000; font-weight: 700; }
  .txt-servico-central p { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 16px; color: #000; }
  .video-bloco-central { width: 100%; height: 100%; position: relative; float: left; }
  .box-player-conteudo { width: 338px; height: 600px; left: 50%; position: relative; float: left;/* left: unset; */ top: unset; margin-left: -169px; margin-top: 20px; background-color: #dadada; border-radius: 30px; overflow: hidden; }
  #sessao-outdoor-ready { width: 100%; height: auto; position: relative; float: left; }
  .parallax-container { height: 450px; }
  #view-outdoor-ready { width: 100%; height: 100%; position: absolute; top: 0px; left: 0%; margin-left: 0px; padding: 0px 20px; }
  #view-outdoor-ready h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; margin-right: 100%; font-size: 42px; color: #fff; text-align: center; }
  #view-outdoor-ready p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; color: #fff; padding: 0px 20px; text-align: center; }
  #sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; background-color: #000; padding-bottom: 70px; }
  #view-sessao-equipamentos { width: 100%; height: auto; position: relative; margin: auto; max-width: 1500px; padding: 0px 30px; }
  #conteudo-sessao-equipamentos { width: 100%; height: auto; position: relative; float: left; padding-top: 50px; margin-bottom: 59px; }
  #conteudo-sessao-equipamentos h3 { width: 220px; height: auto; position: relative; float: left; color: #fff; font-size: 38px; margin-bottom: 5px; padding-right: unset; }
  #conteudo-sessao-equipamentos p { width: 100%; height: auto; position: relative; float: left; margin-bottom: -4px; color: #fff; font-size: 16px; }
  #faixa-imersao-cerrado { width: 100%; height: 360px; position: relative; float: left; overflow: hidden; background-color: #000; }
  #view-sessao-imersao { width: 100%; height: 100%; position: relative; margin: auto; }
  #view-sessao-imersao h4 { width: 240px; height: auto; left: 50%; position: relative; float: left; margin-top: 116px; margin-left: -120px; font-size: 25px; color: #fff; text-align: center; padding: 0px 0px; }
  #view-sessao-imersao p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 18px; color: #fff; text-align: center; padding: 0px 60px; }
  #conteudo-sessao-jornada { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; }
  #conteudo-sessao-jornada h4 { width: 260px; height: auto; position: relative; float: left; margin-top: 60px; color: #000; font-size: 29px; padding: 0px 30px; }
  #conteudo-sessao-jornada p { width: 100%; height: auto; position: relative; float: left; margin-top: 2px; font-size: 16px; padding: 0px 30px; color: #000; }
  #faixa-cta-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; }
  #cta-produzir-conteudo-d { width: 260px; height: auto; position: relative; float: left; margin-top: 0px; padding: 13px 0px 11px 0px; color: #000; font-size: 16px; text-align: center; background-color: #ffcc00; border-radius: 30px; cursor: pointer; }
  #div-slider-jornada { width: 100%; height: auto; position: relative; float: left; }
  #faixa-controles-slider-jornada { width: 100%; height: auto; position: relative; float: left; margin-top: 48px; padding: 0px 30px; }
  .item-slide-jornada.swiper-slide { height: 380px; position: relative; border-radius: 20px; background-color: #dadada; overflow: hidden; }
  .item-foto-slide-int { width: 310px; height: 390px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  #div-faq { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 30px; }
  #view-div-faq { width: 100%; height: auto; position: relative; margin: auto; }
  #view-div-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 24px; color: #000; text-align: center; }
  #view-div-faq p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 16px; color: #000; text-align: center; padding: 0px 30px; }
  #faixa-quadro-faq { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
  #box-faq { width: 100%; height: auto; position: relative; margin: auto; background-color: #ffffff; border-radius: 0px; overflow: hidden; padding: 0px 30px; }
  #rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 50px; padding-top: 10px; }
  #view-rodape { width: 100%; height: auto; position: relative; margin: auto; max-width: 1900px; padding: 0px 20px; }
  .sessao-a { width: 100%; height: auto; position: relative; float: left; margin: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
  .sessao-a h4 { width: 70%; height: auto; position: relative; float: left; font-size: 22px; color: #000; }
  .sessao-a p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 14px; color: #000; }
  .sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
  .legenda-sessao-rodape { width: 70%; height: auto; position: relative; float: left; margin-top: 14px; font-size: 14px; color: #000; }
  #faixa-politica-de-privacidade { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }

  /*Inicio janela*/
  #janela-politica-privacidade { width: 90%; height: 80%; position: fixed; top: -210%; left: 5%; margin-left: 0px; background-color: #fff; border-radius: 20px; overflow: hidden; z-index: 1000; opacity: 0; }
  #conteudo-politica-texto { width: 90%; margin: 0 auto; padding: 11px 10px 180px 10px; font-family: "Inter", "Helvetica Neue", Arial, sans-serif; color: #173f2c; line-height: 1.7; font-size: 15px; background-color: transparent; }
  #janela-formulario { width: 360px; height: 600px; position: fixed; top: 250%; left: 50%; margin-left: -180px; margin-top: -300px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 1000; opacity: 0; }
  #chamada-formulario-e-1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 19px; color: #000; text-align: center; font-weight: 400;/* padding: 0px 10px; */ }
  .item-cta-e-1 { width: 100%; height: auto; position: relative; float: left; padding: 17px 25px; text-align: left; background-color: #ffcc00; font-size: 16px; color: #000; border-radius: 40px; cursor: pointer; }
  #chamada-formulario-e-2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 19px; color: #000; text-align: center; font-weight: 400; }
  #box-campos-formulario { width: 100%; height: auto; position: relative; float: left; padding: 10px 19px 0px 8px; margin-top: 10px; }
  #rodape-formulario { width: 100%; height: auto; position: absolute; bottom: 29px; z-index: 90; }
  #cta-fechar-formulario { width: 37%; height: auto; position: relative; float: right; margin-bottom: 7px; margin-right: 7%; padding: 10px 40px 8px 40px; font-size: 16px; color: #fff; background-color: #ff001e; border-radius: 60px; cursor: pointer; text-align: center; }
  #cta-fechar-voltar-formulario { width: 37%; height: auto; position: relative; float: left; margin-bottom: 7px; margin-right: 0px; margin-left: 7%; padding: 10px 20px 8px 20px; font-size: 16px; color: #000; background-color: #ffcc00; border-radius: 60px; cursor: pointer; opacity: 0; text-align: center; }
  #faixa-foto-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 41px; margin-bottom: 10px; }
  #sobre-etapa-01 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 15px; padding: 0px 20px; color: #000; }
  #sobre-etapa-02 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; margin-bottom: 5px; font-size: 16px; text-align: center; padding: 0px 10px; color: #000; }
  .item-cta-e-2 { width: 100%; height: auto; position: relative; float: left; padding: 20px 25px; text-align: left; background-color: #ffcc00; font-size: 14px; color: #000; text-align: center; border-radius: 40px; cursor: pointer; }
  #rodape-formulario { width: 100%; height: auto; position: absolute; bottom: 25px; z-index: 90; }
  #logo-rodape-form { display: none; }
  #pop-up-politica-privacidade { width: 350px; height: 212px; position: fixed; left: 50%; margin-left: -175px; bottom: -450px; background-color: #fff; border-radius: 20px; z-index: 9999; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15); }
  #faixa-txt-pop-up-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 14px; color: #000; padding: 0px 40px; }
  #cta-fechar-popup { width: auto; height: auto; position: absolute; right: unset; left: 30px; bottom: 27px; padding: 10px 20px 8px 20px; font-size: 16px; color: #000; background-color: #ffcc00; border-radius: 60px; cursor: pointer; }
  #rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 140px !important; }
 
  

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */
.hidden, [hidden] { display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visually-hidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px;    /* 1 */ }

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width:35em) {

/* Style adjustments for viewports that meet the condition */ }
@media print, (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx), (min-resolution:120dpi) {

/* Style adjustments for high resolution devices */ }

/* ==========================================================================
 Print styles.
 Inlined to avoid the additional HTTP request:
 https://www.phpied.com/delay-loading-your-print-css/
 ========================================================================== */
@media print {
  *, *::before, *::after { background: #fff !important; color: #000 !important;        /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]::after { content: " ("attr(href) ")"; }
  abbr[title]::after { content: " ("attr(title) ")"; }

  /*
                     * Don't show links that are fragment identifiers,
                     * or use the `javascript:` pseudo protocol
                     */
  a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}