/*
  Empresa: Wing Midia
  Desenvolvedor: Heliton Afonso Goncalves
  E-mail: contato@wingmidia.com.br
  Site: http://www.wingmidia.com
  Telefone: +55 34 3211.2150
  Cliente: Martins.com.br
  Job: CXDS
*/
@import url('https://fonts.googleapis.com/css2?family=Kulim+Park:wght@200;300;400;600;700&display=swap');

/* Comum */
:focus { outline: none !important; }
::selection { background: #DCE3E7; color: #4373AD; }
::-moz-selection { background: #DCE3E7; color: #4373AD; }
.transicao { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
a, a:hover, a:focus, a:active, a:visited { text-decoration: none; color: inherit; }
a img { border: 0; }
body { font-family: 'Kulim Park', sans-serif; font-weight: 400; line-height: 1.1em; background-color: #ffffff; color: #414A5C; }
.font-200 { font-weight: 200; }
.font-300 { font-weight: 300; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }
.texto-branco { color: #ffffff; }
.texto-vermelho { color: #a62021; }
.fundo-vermelho { background-color: #a62021; }
.fundo-cinza-escuro { background-color: #DEDEDE; }
.divisoria-vermelho { width: 110px; height: 6px; background-color: #a62021; }
.divisoria-vermelho-titulo { width: 216px; height: 5px; background-color: #a62021; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.1em; }
.btn-padrao, .btn-padrao:visited { background-color: #A62021; color: #ffffff; }
.btn-padrao:hover, .btn-padrao:focus, .btn-padrao:active { background-color: #2c494a; color: #ffffff; }
.form-control:focus { border-color: #A62021; }
.form-control:focus, .custom-control-input:focus~.custom-control-label::before, .btn.focus, .btn:focus { box-shadow: none; }
.custom-select:focus { box-shadow: none; border-color: #C6C6C6; }
.form-control { border-color: #C6C6C6;  }
input[type='text'].form-control, input[type='email'].form-control, input[type='tel'].form-control, input[type='password'].form-control, .custom-select { height: 46px; }
.custom-switch .custom-control-label::before { top: calc(.1rem + 2px) !important; }
.custom-switch .custom-control-label::after { top: calc(.1rem + 4px) !important; }
.custom-control-label { line-height: 1.4em; }
.custom-control-label::before, .custom-control-label::after { top: calc(.1rem + 2px); }
.custom-checkbox .custom-control-label::before { border-radius: 0; }
.custom-control-input:checked~.custom-control-label::before { border-color: #a62021; background-color: #a62021; }
.custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #C6C6C6; }
.lnk-sublinhado { text-decoration: underline; }
.md-seja-parceiro .modal-content { border: none; }
.page-link { border: none; color: #414A5C; }
.page-link:focus { box-shadow: none; }
.page-link:hover { background-color: transparent; border-color: transparent; color: #A62021; }
.page-link.anterior, .page-link.proximo { color: #A62021; text-decoration: underline; }
.page-item.active .page-link { background-color: #A62021; border-color: #A62021; }
.page-item.disabled { color: #B7BBC5; }

/* Secao Header */
header nav, header { background-color: #F1F1F1; }
header .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(57, 74, 75, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");}
header.top-login { top: 0; z-index: 1; }

/* Reset para personalização do menu abrir da esquerda para direita */
.navbar, .navbar-collapse { z-index: 1000; }
.navbar-light .nav .nav-link { font-size: 17px; color: #0A51A0; border-bottom: 1px solid #fff; padding: 1em 0.8em; }
.navbar-light .nav .nav-link:hover, .navbar-light .nav .nav-link.active { color: #073C76; border-bottom: 1px solid #BB2A2E; }
.navbar-light .nav .active>.nav-link { color: #073C76; font-weight: 700; border-bottom: 1px solid #0A51A0; }

main { margin-top: 110px; }

/* Secao Banner */
/*section.banner { border-bottom: 2px solid #A62021; }
section.banner.slick-slider { margin: 0 !important; }
section.banner .slick-prev { left: 0 !important; }
section.banner .slick-next { right: 0 !important; }
section.banner .slick-prev, section.banner .slick-next { height: 100%; }
section.banner .slick-prev:hover, section.banner .slick-prev:focus, section.banner .slick-next:hover, section.banner .slick-next:focus { background-color: rgba(255, 255, 255, 0.4); }



section.banner img {width: 100%}
*/

section.banner .container {position: absolute;left: 0;right: 0;top: 50%;text-align: left;transform: translateY(-50%);height:100%;}


/* Secao Sou Cliente / Especialista */
section.cliente-especialista {
    line-height: 1.4em;
}
section.cliente-especialista .btn { background-image: url('../imagens/seta-direita.png'); background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }

/* Secao Como Funciona */
section.como-funciona .slick-next:before { content: url('../imagens/seta-direita-carrossel.svg'); }
section.como-funciona .slick-prev:before { content: url('../imagens/seta-esquerda-carrossel.svg'); }

/* Secao Clientes */
section.clientes { background-color: #F5F5F5; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
section.clientes .nav-carrossel-clientes { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 48px; height: 48px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 10; background-color: transparent; }
section.clientes .nav-carrossel-clientes img { filter: invert(28%) sepia(108%) saturate(19764%) hue-rotate(346deg) brightness(76%) contrast(102%); }
section.clientes .slick-prev:before { content: url('../imagens/seta-esquerda-carrossel-vermelho.svg'); }
section.clientes .slick-next:before { content: url('../imagens/seta-direita-carrossel-vermelho.svg'); }

/* Secao Duvidas */
section.duvidas { background-color: #EAEAEA; }
section.duvidas .btn, .md-seja-parceiro .btn-enviar { background-image: url('../imagens/seta-direita.png'); background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }
section.duvidas .btn-enviar-contato, .btn-enviar-contato:visited, section.duvidas .btn-acesse-faq, section.duvidas .btn-acesse-faq:visited , .md-seja-parceiro .btn-enviar, .md-seja-parceiro .btn-enviar:visited { background-color: #A62021; color: #ffffff; }
section.duvidas .btn-enviar-contato:hover, .btn-enviar-contato:focus, .btn-enviar-contato:active, section.duvidas .btn-acesse-faq:hover, section.duvidas .btn-acesse-faq:focus, section.duvidas .btn-acesse-faq:active, .md-seja-parceiro .btn-enviar:hover, .md-seja-parceiro .btn-enviar:focus, .md-seja-parceiro .btn-enviar:active { background-color: #2c494a; color: #ffffff; }

/* Secao Footer */
footer p.endereco { line-height: 1.5em; }
footer .rede-social, footer .rede-social:visited { border: 2px solid #ffffff; background-color: transparent; border-radius: 50%; width: 40px; height: 40px; }
footer .rede-social:hover, footer .rede-social:focus, footer .rede-social:active { background-color: #ffffff; }
footer .rede-social img, footer .rede-social:visited img { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); }
footer .rede-social:hover img, footer .rede-social:focus img, footer .rede-social:active img { filter: invert(28%) sepia(108%) saturate(19764%) hue-rotate(346deg) brightness(76%) contrast(102%); }
footer .barra-esquerda { border-left: 0 none; }
footer .menu-footer .nav-link span, footer .menu-footer .nav-link:visited span { border-bottom: 1px solid #fff; padding-bottom: 0.1em; }
footer .menu-footer .nav-link:hover span, footer .menu-footer .nav-link:focus span, footer .menu-footer .nav-link:active span { border-bottom: 0 none; }
footer p.estamos-presentes { font-style: italic; font-weight: 600; font-size: 1.3em; }

/** Página de Clientes **/
section.clientes-introducao h2, section.solucoes h2, section.cursos h2, section.cadastre h2 { font-weight: bold; }
section.clientes-introducao p, section.solucoes p, section.cursos p, section.cadastre p { font-size: 1.1em; }
section.cadastre p { line-height: 1.5em; }
section.clientes-introducao .btn { background-image: url('../imagens/seta-direita.png'); background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }
section.solucoes .btn, section.solucoes .btn:visited { background-image: url('../imagens/seta-vermelha.png'); color: #A62021; background-color: #ffffff; border: 1px solid transparent; background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }
section.solucoes .btn:hover, section.solucoes .btn:focus, section.solucoes .btn:active { background-image: url('../imagens/seta-cinza.png'); border: 1px solid #2c494a; color: #2c494a; background-color: #ffffff; }

/** Página de Especialista **/
section.especialista-introducao h2, section.plataforma h2 { line-height: 1.4em; font-weight: bold; }
section.especialista-introducao p, section.plataforma p { line-height: 1.8em; font-size: 1.1em; }
section.especialista-introducao .btn, section.cursos .btn, section.cadastre .btn { background-image: url('../imagens/seta-direita.png'); background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }
section.plataforma .btn, section.plataforma .btn:visited { background-image: url('../imagens/seta-vermelha.png'); color: #A62021; background-color: #ffffff; border: 1px solid transparent; background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }
section.plataforma .btn:hover, section.plataforma .btn:focus, section.plataforma .btn:active { background-image: url('../imagens/seta-cinza.png'); border: 1px solid #2c494a; color: #2c494a; background-color: #ffffff; }
section.cursos { background-color: #EAEAEA; }
section.cursos .btn-acessar-material, section.cursos .btn-acessar-material:visited, section.cadastre .btn-cadastre, section.cadastre .btn-cadastre:visited { background-color: #A62021; color: #ffffff; }
section.cursos .btn-acessar-material:hover, section.cursos .btn-acessar-material:focus, section.cursos .btn-acessar-material:active, section.cadastre .btn-cadastre:hover, section.cadastre .btn-cadastre:focus, section.cadastre .btn-cadastre:active { background-color: #2c494a; color: #ffffff; }

/* Página de Login */
section.login .form-login .input-group-text { background-color: #ffffff; border-color: #C6C6C6; border-right: 0; }
section.login .form-login .form-control { border-color: #C6C6C6; border-left: 0; height: auto; }
section.login .btn { background-image: url('../imagens/seta-direita.png'); background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }
section.login .btn-form-login, section.login .btn-form-login:visited { background-color: #A62021; color: #ffffff; }
section.login .btn-form-login:hover, section.login .btn-form-login:focus, section.login .btn-form-login:active { background-color: #2c494a; color: #ffffff; }

/* Página de Cadastro */
section.cadastro .introducao { color: inherit; }
section.cadastro h2 { font-size: 2.3em; }
section.cadastro p { font-size: 1.1em; line-height: 1.4em; }
section.cadastro .btn { background-repeat: no-repeat; background-position-y: center; line-height: 1.8em; }
section.cadastro .btn-passo-anterior, section.cadastro .btn-passo-anterior:visited { background-image: url('../imagens/seta-esquerda.svg'); background-position-x: 6%; background-color: transparent; color: #414A5C; }
section.cadastro .btn-passo-anterior:hover, section.cadastro .btn-passo-anterior:focus, section.cadastro .btn-passo-anterior:active { background-color: #d63b3f; color: #ffffff; }
section.cadastro .btn-proximo-passo, section.cadastro .btn-proximo-passo:visited, section.cadastro .btn-home, section.cadastro .btn-home:visited { background-image: url('../imagens/seta-direita.png'); background-position-x: 96%; background-color: #A62021; color: #ffffff; }
section.cadastro .btn-proximo-passo:hover, section.cadastro .btn-proximo-passo:focus, section.cadastro .btn-proximo-passo:active, section.cadastro .btn-home:hover, section.cadastro .btn-home:focus, section.cadastro .btn-home:active  { background-color: #2c494a; color: #ffffff; }
section.cadastro .btn-login, section.cadastro .btn-login:visited { background-image: url('../imagens/seta-direita-verde.png'); background-position-x: 96%; background-color: #20A635; color: #ffffff; }
section.cadastro .btn-login:hover, section.cadastro .btn-login:focus, section.cadastro .btn-login:active { background-color: #0e9723; color: #ffffff; }

/* Página CXDS Store */
section.intro h2 { font-size: 2.3em; font-weight: bold; }
section.intro p { font-size: 1.1em; line-height: 1.4em; }
section.busca-bots .form-busca-bot { background-color: #F9F9F9; border: 1px solid #EAEAEA; }
section.busca-bots .form-busca-bot .input-group-text { background-color: #ffffff; border-left: none; }
section.busca-bots .form-busca-bot .busca-bot:focus { border-color: #C6C6C6; }
section.busca-bots .form-busca-bot .busca-bot { border-right: none; }
section.busca-bots .form-busca-bot .btn-buscar-bots { border: none; background-color: transparent; }
.lista-bots .bot figure { background-color: #ffffff; border: 1px solid #EAEAEA; line-height: 1.2em; }
.lista-bots .bot figure .divisoria-vermelho { width: 31px !important; height: 5px; background-color: #a62021; }
.lista-bots .bot figure h3 { font-weight: 800; font-size: 1.3em; }
.lista-bots .bot figure p { height: 67px; overflow: hidden; line-height: 1.4em; }
.lista-bots .bot figure img { top: 30px; z-index: 0; -webkit-transition: -webkit-transform .5s; transition: transform 1s; }
.lista-bots .bot figure:hover img { -ms-transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.lista-bots .bot figure figcaption { z-index: 3; }
.lista-bots .btn { background-image: url('../imagens/seta-direita.png'); background-repeat: no-repeat; background-position-x: 96%; background-position-y: center; line-height: 1.8em; }
.lista-bots .bot .btn-testar, .lista-bots .bot .btn-testar:visited { background-color: #A62021; color: #ffffff; }
.lista-bots .bot:hover .btn-testar, .lista-bots .bot .btn-testar:focus, .lista-bots .bot .btn-testar:active { background-color: #2c494a; color: #ffffff; }
.lista-bots .bot .estrelas input[type=radio] { display: none; }
.lista-bots .bot .estrelas label i.fa { font-size: 1.7em; }
.lista-bots .bot .estrelas label i.fa:before { content:'\f005'; color: #F5BA45; }
.lista-bots .bot .estrelas input[type=radio]:checked ~ label i.fa:before { content:'\f006'; color: #F5BA45; }

/* Página CXDS Store Detalhes */
section.detalhes-bots h2 { font-size: 2.3em; font-weight: bold; }
section.detalhes-bots p { font-size: 1.1em; line-height: 1.4em; }
section.detalhes-bots small { font-size: 0.9em; }
section.detalhes-bots .estrelas input[type=radio] { display: none; }
section.detalhes-bots .estrelas label i.fa { font-size: 1.7em; }
section.detalhes-bots .estrelas label i.fa:before { content:'\f005'; color: #F5BA45; }
section.detalhes-bots .estrelas input[type=radio]:checked ~ label i.fa:before { content:'\f006'; color: #F5BA45; }
section.detalhes-bots .tab-content { line-height: 1.5em; font-size: 1.1em; }
section.detalhes-bots .btn-testar, section.detalhes-bots .btn-testar:visited { width: 220px; background-image: url('../imagens/seta-direita.png'); background-position-y: center; background-repeat: no-repeat; background-position-x: 96%; background-color: #A62021; color: #ffffff; }
section.detalhes-bots .btn-testar:hover, section.detalhes-bots .btn-testar:focus, section.detalhes-bots .btn-testar:active  { background-color: #2c494a; color: #ffffff; }
section.detalhes-bots .btn-comprar, section.detalhes-bots .btn-comprar:visited { width: 220px; background-image: url('../imagens/seta-direita-verde.png'); background-repeat: no-repeat; background-position-y: center; background-position-x: 96%; background-color: #20A635; color: #ffffff; }
section.detalhes-bots .btn-comprar:hover, section.detalhes-bots .btn-comprar:focus, section.detalhes-bots .btn-comprar:active { background-color: #0e9723; color: #ffffff; }

@media(min-width: 320px) {
  .navbar-expand-lg .navbar-collapse { display: block !important; }
  .navbar-light .nav .nav-link { font-size: 14px; padding: 0 0.8em; }
  .navbar-collapse { position: absolute; top: 110px; left: -100%; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 100%; height: 720px; transition: all 0.3s ease; display: block; background-color: rgba(0, 0, 0, 0.4); }
  .navbar-collapse .navbar-nav.mobile { background-color: #A62021; height: inherit; width: 60%; margin-left: -15px; }
  .navbar-collapse.collapsing { margin-right: 50%; transition: all 0.3s ease; display: block; }
  .navbar-collapse.show { left: 0; }
  header nav.navbar-light .navbar-nav .nav-link, header .btn-seja-parceiro { color: #ffffff; font-weight: 600; }
  header nav.navbar-light .navbar-nav .nav-link:focus, header nav.navbar-light .navbar-nav .nav-link:hover, header nav.navbar-light .navbar-nav .nav-link:active { color: #ffffff; }
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #ffffff; }
  header .navbar-toggler { border: 0 none; }
  header .navbar-toggler.collapsed .close-icon { display: none; }
  header .navbar-toggler:not(.collapsed) .navbar-toggler-icon { display: inline; }
  header .nav-link:focus, header .nav-link:hover { color: #ffffff; }
  header .btn-seja-parceiro, header .btn-seja-parceiro:visited { border: 2px solid #ffffff; border-radius: 4px; }
  header .btn-seja-parceiro:hover, header .btn-seja-parceiro:focus, header .btn-seja-parceiro:active { background-color: #A62021; color: #ffffff; }
  header .btn-login .ico-login-mobile { filter: invert(28%) sepia(108%) saturate(19764%) hue-rotate(346deg) brightness(76%) contrast(102%); }
  header .btn-login, header .btn-login:visited { background-color: #ffffff; color: #A62021; }
  header .btn-login:hover, header .btn-login:focus, header .btn-login:active { background-color: #2c494a; color: #ffffff; }
  main section.como-funciona .nav-tabs .nav-link { color: #525252; border-color: #E5E5E5; background-color: #F5F5F5; font-weight: 600; font-size: 1em; }
  main section.como-funciona .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: transparent; }
  main section.como-funciona .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff !important; text-decoration: none !important; background-color: #991819 !important; border-color: transparent !important; border-radius: 6px 6px 0 0; }
  main section.como-funciona .tab-content { background-color: #A62021; color: #ffffff; border-radius: 6px; padding: 1em; margin-top: -4px; }
  main section.como-funciona .tab-content .form-control { border: none; padding: 1.7em 1.1em; }
  main section.como-funciona .tab-content .btn, main section.como-funciona .tab-content .btn:visited { font-size: 1em; background-color: #ff5c0a; border: 1px solid #ff5c0a; border-radius: 4px; color: #ffffff; padding: 0.9em; }
  main section.como-funciona .tab-content .btn:hover, main section.como-funciona .tab-content .btn:active, main section.como-funciona .tab-content .btn:focus { font-size: 1em; background-color: #004282; border: 1px solid #004282; color: #ffffff; box-shadow: none; }
  section.clientes-introducao h2, section.solucoes h2, section.cursos h2 { font-size: 1.4em; line-height: 1.2em; }
  section.clientes-introducao p, section.solucoes p, section.cursos p { line-height: 1.6em; }
  section.especialista-introducao h2, section.plataforma h2 { font-size: 1.4em; }
  .btn-cliente-especialista, .btn-acesse-faq { width: 60%; }
  .btn-testar-bots, .btn-acessar-material, .btn-cadastre { width: 80%; }
  .btn-ver-mais { width: 40%; }
  .fundo-login-cadastro { background: none; }
  .banner-title {font-size: 1.45em;margin-top: 12% !important;}
  .banner-body {font-size: 0.95em;}
  section.banner {background-image: url(/imagens/banners/bn-plataforma-mobile.jpg);height: 240px;}
  section.banner .container {top: auto;transform: none;}
}

@media(min-width: 375px) {
  main section.cliente-especialista .nav-tabs .nav-link { font-size: 1.1em; }
  section.clientes-introducao h2, section.solucoes h2, section.cursos h2 { font-size: 1.7em; }
  .banner-title {font-size: 1.5em;margin-top: 7% !important;}
  .banner-body {font-size: 1em;}
  section.banner {background-image: url(/imagens/banners/bn-plataforma-mobile.jpg);height: 210px;}
  section.banner .container {top: auto;transform: none;}
}

@media(min-width: 420px) {
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
  header nav.navbar-light .navbar-nav .nav-link, header .btn-seja-parceiro { color: #394A4B; font-weight: 600; }
  header nav.navbar-light .navbar-nav .nav-link:focus, header nav.navbar-light .navbar-nav .nav-link:hover, header nav.navbar-light .navbar-nav .nav-link:active { color: #a62021; }
  header .navbar-toggler { border: 0 none; }
  header .nav-link:focus, header .nav-link:hover { color: #A62021; }
  header .btn-seja-parceiro, header .btn-seja-parceiro:visited { border: 2px solid #A62021; border-radius: 4px; }
  header .btn-seja-parceiro:hover, header .btn-seja-parceiro:focus, header .btn-seja-parceiro:active { background-color: #A62021; color: #ffffff; }
  header .btn-login, header .btn-login:visited { background-color: #A62021; color: #ffffff; }
  header .btn-login:hover, header .btn-login:focus, header .btn-login:active { background-color: #2c494a; color: #ffffff; }
  main section.como-funciona .nav-tabs .nav-link { font-size: 1.1em; }
  main section.como-funciona .tab-content { padding: 2em 0; }
  section.clientes-introducao h2, section.solucoes h2, section.cursos h2 { font-size: 1.6em; line-height: 1.4em; }
  section.clientes-introducao p, section.solucoes p, section.cursos p { line-height: 1.8em; }
  section.especialista-introducao h2, section.plataforma h2 { font-size: 1.8em; }
  .btn-cliente-especialista, .btn-acessar-material, .btn-cadastre { width: 80%; }
  .btn-ver-mais { width: 120px; }
  .btn-acesse-faq { width: 100%; }
  footer .barra-esquerda { border-left: 1px solid #ffffff; }
  section.cadastro .introducao { color: #ffffff; }
    section.banner {background-image: url(/imagens/banners/bn-plataforma-mobile.jpg);height: 200px;}
    section.banner .container {top: auto;transform: none;}
}

@media(min-width: 768px) {
  .btn-cliente-especialista, .btn-acessar-material, .btn-cadastre { width: 70%; }
  .fundo-login-cadastro { background: url('../imagens/fundo-cadastro-login.png') no-repeat center center; background-size: cover; }
  .banner-title {font-size: 2.5em;margin-top: 5% !important;}
  .banner-body {font-size: 1.5em;margin-top: 5% !important;}
  section.banner {background-image: url(/imagens/banners/bn-plataforma.png);height: 300px;}
}

@media(min-width: 992px) {
  .navbar-expand-lg .navbar-collapse { display: contents !important; }
  .btn-cliente-especialista, .btn-acessar-material, .btn-cadastre { width: 60%; }
  .btn-acesse-faq { width: 90%; }
  .banner-title {font-size: 2.5em;}
  .banner-body {font-size: 1.5em;margin-top: 5% !important;}
  section.banner {background-image: url(/imagens/banners/bn-plataforma.png);height: 300px;}
}

@media(min-width: 1200px) {
  .btn-cliente-especialista, .btn-acessar-material, .btn-cadastre { width: 50%; }
  .btn-acesse-faq, .btn-testar-bots { width: 70%; }
  .banner-title {font-size: 2.5em}
  .banner-body {font-size: 1.5em;margin-top: 5% !important;}
  section.banner {background-image: url(/imagens/banners/bn-plataforma.png);height: 300px;}
}

/* Inicio Slider */
.slick-slider { margin: 0 30px; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-loading .slick-list { background: #fff url('../imagens/ajax-loader.gif') center center no-repeat; }
/* Icons */
@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fontes/slick.eot'); src: url('../fontes/slick.eot?#iefix') format('embedded-opentype'), url('../fontes/slick.woff') format('woff'), url('../fontes/slick.ttf') format('truetype'), url('../fontes/slick.svg#slick') format('svg'); }
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 48px; height: 48px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 10; background-color: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background-color: transparent; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 37px; line-height: 0.1; opacity: .75; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -30px; }
[dir='rtl'] .slick-prev { right: -30px; left: auto; }
.slick-prev:before { content: '‹'; }
[dir='rtl'] .slick-prev:before { content: '›'; }
.slick-next { right: -30px; }
[dir='rtl'] .slick-next { right: auto; left: -30px; }
.slick-next:before { content: '›'; }
[dir='rtl'] .slick-next:before { content: '‹'; }
/* Dots */
.slick-dotted.slick-slider { margin: 0 0 30px 0; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #a62021; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: #a62021; }
/* Fim Slider */