/* reset css */
* { box-sizing: border-box; }
html, body { margin: 0px auto; padding: 0px; width: 100%; max-width: 2580px; font: 400 14px/18px 'Arial Nova'; text-size-adjust: none; color: #000000; }
header, main, section, div, article, aside, form, fieldset, footer { display: block; margin: 0px; padding: 0px; border: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }
ul, ol { margin: 0px; padding: 0px; list-style-position: inside; }
img, figure, iframe, embed, object, video { display: block; margin: 0px; padding: 0px; max-width: 100%; border: none; }
input[type="submit"], [type="button"], input[type="file"] { cursor: pointer; }
input, button, select, option, optgroup, textarea { display: block; margin: 0px; padding: 0px; font: 400 14px/18px 'Arial Nova'; color: #000000; outline: none; border: none; }
a { text-decoration: none; color: #000000; }

input:focus::-moz-placeholder { opacity: 0 !important; }
input:focus:-moz-placeholder { opacity: 0 !important; }
input:focus:-ms-input-placeholder { opacity: 0 !important; }
input:focus::-webkit-input-placeholder { opacity: 0 !important; }

textarea:focus:-moz-placeholder { opacity: 0 !important; }
textarea:focus::-moz-placeholder { opacity: 0 !important; }
textarea:focus:-ms-input-placeholder { opacity: 0 !important; }
textarea:focus::-webkit-input-placeholder { opacity: 0 !important; }

:-moz-placeholder { opacity: 1 !important; color: #808080; }
::-moz-placeholder { opacity: 1 !important; color: #808080; }
:-ms-input-placeholder { opacity: 1 !important; color: #808080; }
::-webkit-input-placeholder { opacity: 1 !important; color: #808080; }

/* geral */
.fancybox-container * { position: static; }
.central { margin: 0px auto; padding: 0 10px; width: 100%; max-width: 1280px; }
.clear { clear: both; }

.titulo { text-align: center; }
.titulo h2 { font-size: 23px; line-height: 31px; font-weight: 700; color: #00f1ff; }
.titulo p { padding-top: 20px; color: #ffffff; }

.botao { text-align: center; }
.botao a { display: inline-block; vertical-align: middle; padding: 9px 39px; font-size: 18px; line-height: 1; color: #005b94; border-radius: 10px; box-shadow: 5px 5px 10px #333333; background-color: #00f1ff; transition: all .30s linear; }
.botao a:hover { color: #00f1ff; background-color: #005b94; transition: all .30s linear; }

/* internas */
.internas section { padding: 25px 0px 75px; background: rgb(1,56,95); background: linear-gradient(180deg, rgba(1,56,95,1) 0%, rgba(169,203,233,1) 100%); }
.internas header { padding: 25px 0px; }
.internas header .logo { display: block; margin: 0px auto; width: 100%; max-width: 69px; }

/* validacao formulario */
.sucesso { padding: 20px; font-weight: 700; text-align: center; color: #66b34e; border-radius: 20px; background-color: #e3f5ff; }
.retorno { margin-top: 15px; font-weight: 700; color: #cc0000; }
.erro:focus { color: #cc0000 !important; border: 1px solid #cc0000 !important; }

/* topo */
header .logo { display: none; }

/* index */
#imagem-destaque { position: relative; position: relative; overflow: hidden; z-index: 1; }
#imagem-destaque picture { position: relative; display: block; width: 100%; height: 580px; }
#imagem-destaque picture > img { position: absolute; top: 0px; left: 50%; margin-left: -480px; width: auto; max-width: 960px; height: 580px; }
#imagem-destaque picture .texto { position: absolute; display: flex; flex-wrap: wrap; align-items: center; top: 0px; left: 0px; right: 0px; margin: 0px auto; width: 100%; max-width: 620px; height: 100%; text-align: center; z-index: 2; }
#imagem-destaque picture .texto .logo { margin: 0px auto; width: 100%; max-width: 69px; }
#imagem-destaque picture .texto .bloco .sua-franquia { margin: 17px 0px 15px; }
#imagem-destaque picture .texto .bloco .sua-franquia h1 { font-size: 27px; line-height: 35px; font-weight: 700; text-transform: uppercase; text-shadow: 5px 5px 10px #333333; color: #ffffff; }
#imagem-destaque picture .texto .bloco .quero-conhecer { padding: 23px 18px; background: rgba(0, 0, 0, 0.5); }
#imagem-destaque picture .texto .bloco .quero-conhecer p { font-weight: 300; color: #ffffff; }
#imagem-destaque picture .texto .bloco .quero-conhecer .botao { margin-top: 15px; }
#imagem-destaque picture .texto .saiba-mais { display: none; }

#franquia-robomind { padding: 25px 0px 50px; background-color: #00385e; overflow: hidden; }
#franquia-robomind .bloco { margin: 20px auto 0px; width: 100%; max-width: 1020px; }
#franquia-robomind .bloco .video-container .video { position: relative; padding-bottom: 56.25%; height: 0px; }
#franquia-robomind .bloco .video-container .video iframe,
#franquia-robomind .bloco .video-container .video object, 
#franquia-robomind .bloco .video-container .video embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }
#franquia-robomind .bloco .texto { margin-top: 20px; padding: 0px 18px; text-align: center; }
#franquia-robomind .bloco .texto p { color: #ffffff; }

#beneficios-e-diferenciais { padding-bottom: 75px; background: url('../img/fundo-beneficios-e-diferenciais-mobile.jpg') top center no-repeat; background-size: cover; overflow: hidden; }
#beneficios-e-diferenciais .central { max-width: 1488px; }
#beneficios-e-diferenciais .lista { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0px 0px -15px; }
#beneficios-e-diferenciais .lista .bloco { margin-left: 15px; width: calc(50% - 15px); text-align: center; }
#beneficios-e-diferenciais .lista .bloco h3 { margin-top: 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #ffffff; }
#beneficios-e-diferenciais .lista .bloco figure { display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; }
#beneficios-e-diferenciais .lista .bloco figure img { width: 100%; }
#beneficios-e-diferenciais .lista .bloco:nth-child(2n) ~ .bloco { margin-top: 20px; }

#parceiros picture { display: block; width: 100%; }
#parceiros picture img { width: 100%; }

#proposito-apoio { padding: 75px 0px; background: url('../img/fundo-proposito-apoio-mobile.jpg') top center no-repeat; background-size: cover; overflow: hidden; }
#proposito-apoio .proposito-robomind .central { max-width: 1398px; }
#proposito-apoio .proposito-robomind .lista { margin-top: 20px; }
#proposito-apoio .proposito-robomind .lista .bloco { padding: 25px; text-align: center; background-color: #def0ff; }
#proposito-apoio .proposito-robomind .lista .bloco h3 { font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; color: #d02f32; }
#proposito-apoio .proposito-robomind .lista .bloco p { padding-top: 20px; }
#proposito-apoio .proposito-robomind .lista .bloco + .bloco { margin-top: 20px; }
#proposito-apoio .proposito-robomind .botao { margin-top: 25px; }
#proposito-apoio .apoio-ao-franqueado { margin-top: 50px; }
#proposito-apoio .apoio-ao-franqueado .central { max-width: 1070px; }
#proposito-apoio .apoio-ao-franqueado .lista { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0px 0px -30px; }
#proposito-apoio .apoio-ao-franqueado .lista .bloco { margin-left: 30px; width: calc(50% - 30px); text-align: center; }
#proposito-apoio .apoio-ao-franqueado .lista .bloco h3 { margin-top: 20px; font-size: 14px; line-height: 18px; font-weight: 400; color: #ffffff; }
#proposito-apoio .apoio-ao-franqueado .lista .bloco figure { display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; }
#proposito-apoio .apoio-ao-franqueado .lista .bloco figure img { width: 100%; }
#proposito-apoio .apoio-ao-franqueado .lista .bloco:nth-child(2n) ~ .bloco { margin-top: 20px; }

#depoimentos { padding: 75px 0px; background-color: #def0ff; }
#depoimentos .titulo { padding: 0px 10px; }
#depoimentos .titulo h2 { color: #005b94; }
#depoimentos .bloco { margin-top: 20px; }
#depoimentos .bloco .texto { text-align: center; }
#depoimentos .bloco .texto p + p { padding-top: 20px; }
#depoimentos .bloco .video-container { margin-top: 35px; }
#depoimentos .bloco .video-container .video { position: relative; padding-bottom: 56.25%; height: 0px; }
#depoimentos .bloco .video-container .video iframe,
#depoimentos .bloco .video-container .video object, 
#depoimentos .bloco .video-container .video embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }
#depoimentos .botao { margin-top: 25px; }

#estrutura-contato { padding-top: 75px; background: url('../img/fundo-estrutura-contato-mobile.jpg') bottom center no-repeat; background-size: cover; overflow: hidden; }
#estrutura-contato .estrutura-robomind .cascade-slider_container { position: relative; margin: 76px auto 147px; width: 100%; max-width: 300px; z-index: 1; }
#estrutura-contato .estrutura-robomind .cascade-slider_item { position: absolute; top: 50%; left: 50%; width: 33.33%; opacity: 0; transform: translateY(-50%) translateX(-50%) scale(0.3); transition: all 1s ease; z-index: -1; }
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel { position: relative; left: 0px; top: 0px; width: 33.33%; opacity: 0; transform: translateY(-50%) translateX(-50%) scale(0.3); transition: all 1s ease; z-index: -1; }
#estrutura-contato .estrutura-robomind .cascade-slider_item .titulo h2,
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel .titulo h2 { color: #4d4d4d; }
#estrutura-contato .estrutura-robomind .cascade-slider_item .item,
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel .item { margin-top: 10px; padding: 10px 10px 15px; border-radius: 20px; background-color: #ffffff; }
#estrutura-contato .estrutura-robomind .cascade-slider_item .item figure,
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel .item figure { border-radius: 10px; overflow: hidden; }
#estrutura-contato .estrutura-robomind .cascade-slider_item .item figure img,
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel .item figure img { width: 100%; }
#estrutura-contato .estrutura-robomind .cascade-slider_item .item .texto,
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel .item .texto { display: flex; align-items: center; margin-top: 20px; text-align: center; }
#estrutura-contato .estrutura-robomind .cascade-slider_item .item .texto p,
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel .item .texto p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
#estrutura-contato .estrutura-robomind .cascade-slider_item .item .texto a.link,
#estrutura-contato .estrutura-robomind .cascade-slider_sentinel .item .texto a.link { display: block; margin-top: 10px; font-size: 10px; line-height: 1; text-align: right; text-transform: uppercase; }
#estrutura-contato .estrutura-robomind .cascade-slider_item.next { left: 50%; opacity: 1; transform: translateY(-50%) translateX(-150%) scale(1); z-index: 1; }
#estrutura-contato .estrutura-robomind .cascade-slider_item.prev { left: 50%; opacity: 1; transform: translateY(-50%) translateX(50%) scale(1); z-index: 1; }
#estrutura-contato .estrutura-robomind .cascade-slider_item.now { top: 50%; left: 50%; width: 50%; opacity: 1; transform: translateY(-50%) translateX(-50%) scale(1.28); z-index: 2; }
#estrutura-contato .estrutura-robomind .cascade-slider_arrow { display: none; }
#estrutura-contato .estrutura-robomind .cascade-slider_nav { position: absolute; display: flex; align-items: center; justify-content: center; bottom: -104px; width: 100%; text-align: center; }
#estrutura-contato .estrutura-robomind .cascade-slider_dot { width: 15px; height: 15px; border-radius: 50%; list-style: none; border: 3px solid transparent; background-color: #cccccc; cursor: pointer; }
#estrutura-contato .estrutura-robomind .cascade-slider_dot + .cascade-slider_dot { margin-left: 10px; }
#estrutura-contato .estrutura-robomind .cascade-slider_dot.cur { border: 3px solid #cccccc; background-color: #ffffff; cursor: default; }
#estrutura-contato .contato .bloco { margin-top: 35px; }
#estrutura-contato .contato .bloco .texto { text-align: center; }
#estrutura-contato .contato .bloco .texto p { color: #ffffff; }
#estrutura-contato .contato .bloco .texto p + p { padding-top: 20px; }
#estrutura-contato .contato .bloco .texto h3 { padding: 20px 0px; font-size: 23px; line-height: 31px; font-weight: 700; color: #00f1ff; }
#estrutura-contato .contato .bloco .formulario { margin-top: 35px; padding: 25px 25px 35px 25px; text-align: center; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,91,148,1) 100%); }
#estrutura-contato .contato .bloco .formulario h3 { font-size: 23px; line-height: 31px; font-weight: 700; color: #005b94; }
#estrutura-contato .contato .bloco .formulario > p { padding: 15px 0px 20px; }
#formulario-contato .campo input[type="text"] { padding: 0px 20px; width: 100%; height: 36px; line-height: 1; color: #808080; border-radius: 10px; background-color: #def0ff; }
#formulario-contato .campo select { padding: 0px 59px 0px 20px; width: 100%; height: 36px; line-height: 1; color: #808080; border-radius: 10px; appearance: none; background: #def0ff url('../img/ico-select.png') center right 20px no-repeat; cursor: pointer; }
#formulario-contato .campo select option { line-height: 1; color: #808080; }
#formulario-contato .campo.concordo p { padding-top: 20px; line-height: 1; color: #ffffff; }
#formulario-contato .campo.concordo input[type="checkbox"] { display: none; }
#formulario-contato .campo.concordo input[type="checkbox"] + label { color: #ffffff; font-size:20px; }
#formulario-contato .campo.concordo input[type="checkbox"] + label a { text-decoration: underline; color: #ffffff; }
#formulario-contato .campo.concordo input[type="checkbox"] + label:before { content: '\00a0'; display: inline-block; vertical-align: middle; margin: -2px 10px 0px 0px; width: 20px; height: 20px; background-color: #def0ff; cursor: pointer; }
#formulario-contato .campo.concordo input[type="checkbox"]:checked + label:before { content: '\2713'; line-height: 20px; font-weight: 700; text-align: center; color: #ffffff; background-color: #005b94; }
#formulario-contato .campo.baixe_a_apresentacao { text-align: center; }
#formulario-contato .campo.baixe_a_apresentacao input[type="submit"] { display: inline-block; vertical-align: middle; padding: 9px 39px; font-size: 18px; line-height: 1; color: #005b94; border-radius: 10px; box-shadow: 5px 5px 10px #333333; background-color: #00f1ff; transition: all .30s linear; }
#formulario-contato .campo.baixe_a_apresentacao input[type="submit"]:hover { color: #00f1ff; background-color: #005b94; transition: all .30s linear; }
#formulario-contato .campo + .campo { margin-top: 20px; }

#perguntas-frequentes { padding: 75px 0px; background: rgb(1,56,95); background: linear-gradient(180deg, rgba(1,56,95,1) 0%, rgba(169,203,233,1) 100%); }
#perguntas-frequentes .conteudo { padding: 35px 25px; border-radius: 10px; background-color: #def0ff; }
#perguntas-frequentes .conteudo .titulo h2 { color: #d02f32; }
#perguntas-frequentes .conteudo .texto { margin-top: 25px; }
#perguntas-frequentes .conteudo .texto h3 { padding-left: 35px; font-size: 14px; line-height: 18px; font-weight: 400; background: url('../img/ico-perguntas-frequentes.png') center left no-repeat; background-size: 19px 18px; }
#perguntas-frequentes .conteudo .texto p { padding-bottom: 20px; }
#perguntas-frequentes .conteudo .texto p:last-child { padding-bottom: 0px; }
#perguntas-frequentes .conteudo .texto h3 + p { padding-top: 20px; }

/* politicas e termos */
#politicas-e-termos .conteudo { margin-top: 25px; padding: 35px 25px; border-radius: 10px; background-color: #def0ff; }
#politicas-e-termos .conteudo .texto h2 { font-size: 18px; line-height: 22px; font-weight: 400; color: #005b94; }
#politicas-e-termos .conteudo .texto p + p,
#politicas-e-termos .conteudo .texto p + h2,
#politicas-e-termos .conteudo .texto p + ul,
#politicas-e-termos .conteudo .texto h2 + h2,
#politicas-e-termos .conteudo .texto h2 + p,
#politicas-e-termos .conteudo .texto h2 + ul,
#politicas-e-termos .conteudo .texto ul + ul, 
#politicas-e-termos .conteudo .texto ul + p,
#politicas-e-termos .conteudo .texto ul + h2 { padding-top: 20px; }
#politicas-e-termos .conteudo .texto ul li { padding-left: 30px; list-style: none; background: url('../img/ico-lista-robomind.png') top 6px left no-repeat; background-size: 15px; }

/* 404 */
#page404 .conteudo { margin-top: 25px; padding: 35px 25px; border-radius: 10px; background-color: #def0ff; }

/* rodape */
footer { padding: 50px 0px; text-align: center; background: rgb(169,203,233); background: linear-gradient(180deg, rgba(169,203,233,1) 0%, rgba(222,240,255,1) 100%); }
footer .superior .logo { margin: 0px auto; width: 100%; max-width: 146px; }
footer .superior .redes-sociais figure { display: flex; justify-content: center; width: 100%; }
footer .superior .redes-sociais figure a + a { margin-left: 10px; }
footer .superior .redes-sociais figure svg { width: 35px; height: 35px; transition: all .30s linear; }
footer .superior .redes-sociais figure svg:hover path { fill: #e82d4c; transition: all .30s linear; }
footer .superior > div { text-align: center; }
footer .superior > div + div { margin-top: 20px; }
footer .superior > div p { font-weight: 700; color: #00385e; }
footer .superior > div a { display: block; font-weight: 700; color: #00385e; }
footer .copyright { margin-top: 30px; }
footer .copyright p { font-weight: 700; color: #00385e; }
footer .copyright p span { display: inline-block; vertical-align: middle; margin: -5px 15px 0px 15px; line-height: 1; font-weight: 700; color: #00385e; }
footer .copyright p a { text-decoration: underline; color: #00385e; }
footer .copyright p + p { padding-top: 20px; }
footer .whatsapp-fixo { position: fixed; bottom: 90px; right: 20px; z-index: 999999; }
footer .whatsapp-fixo figure img { display: block; width: 40px; height: 40px; }