@charset "utf-8";

#home { float: left; width: 100%;}
#home .hm_slides { float: left; width: 100%; position: relative;}
#home .hm_planos { float: left; width: 100%; padding: 41px 0; position: relative;}
#home .hm_frase { float: left; width: 100%; position: relative;}
#home .hm_central { float: left; width: 100%; padding: 41px 0 21px; position: relative;}
#home .hm_vantagens { float: left; width: 100%; position: relative;}
#home .hm_duvidas { float: left; width: 100%; padding: 41px 0; position: relative;}


#home .hm_slides .slides { position: relative; z-index: 1;}
#home .hm_slides .slides, .slides > li, .flex-control-nav { float: left; margin: 0; padding: 0; list-style: none;}
#home .hm_slides .slides > li { display: none;}
#home .hm_slides .slides > li img { float: left; width: 100%;}
#home .hm_slides .flex-control-nav { display: none;}
#home .hm_slides .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
#home .hm_slides .flex-direction-nav a { position: absolute; width: 40px; height: 100%; top: 0; z-index: 5; background-repeat: no-repeat; background-position: 50%; opacity: 0; outline: 0; display: block; cursor: pointer; font-size: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#home .hm_slides .flex-direction-nav a.flex-prev { left: 0; background-image:url('../../imagens/site/seta-a.png');}
#home .hm_slides .flex-direction-nav a.flex-next { right: 0; background-image:url('../../imagens/site/seta-b.png');}
#home .hm_slides:hover .flex-direction-nav a.flex-prev { left: 2px; opacity: 1;}
#home .hm_slides:hover .flex-direction-nav a.flex-next { right: 2px; opacity: 1;}


#home .hm_planos .ident { float: left; width: 100%; margin: 0 0 11px;}
#home .hm_planos .ident h1 { float: left; width: 100%; text-align: center;}
#home .hm_planos .ident h1.f2 { font-size: 2em;}
#home .hm_planos .ident h1.f3 { font-size: 3em;}
#home .hm_planos .ident h2 { float: left; width: 100%; margin: 0 0 5px; text-align: center; font-size: 1.2em;}
#home .hm_planos .ident div { margin: 0 auto; width: 50px;}
#home .hm_planos .ident div b { float: left; width: 100%; height: 10px; background-color: rgb(245 130 31);}
#home .hm_planos .itens { display: flex; justify-content: center; float: left; width: 100%;}
#home .hm_planos .itens .item { float: left; width: 23%; margin: 21px 1% 11px; position: relative;}
#home .hm_planos .itens .item .cima { float: left; width: 100%; padding: 30px 20px 12px; background: linear-gradient(97.14deg, #f5821f 7.11%, #a54100 97.04%); -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px;}
#home .hm_planos .itens .item .baixo { float: left; width: 100%; padding: 10px 20px 20px; background: linear-gradient(97.14deg, #1a1a3d 7.11%, #06061a 97.04%); -webkit-border-bottom-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomright: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px;}
#home .hm_planos .itens .item .velocidade { float: left; width: 100%; text-transform: uppercase; text-align: center; font-size: 3em; color: rgb(250 250 250);}
#home .hm_planos .itens .item .valor { float: left; width: 100%; margin: 5px 0 0; outline: 1px solid rgb(5 5 5 / 30%); position: relative; text-align: center; color: rgb(250 250 250);}
#home .hm_planos .itens .item .valor em { position: absolute; top: 50%; left: 10px; font-weight: bold; font-style: normal; font-size: 1.1em; line-height: 0;}
#home .hm_planos .itens .item .valor b { font-size: 2em;}
#home .hm_planos .itens .item .apos { float: left; width: 100%; margin: 5px 0 0; text-align: center; font-size: 0.9em; color: rgb(250 250 250);}
#home .hm_planos .itens .item .etiqueta { position: absolute; width: 100%; top: -15px; right: 0; text-align: center;}
#home .hm_planos .itens .item .etiqueta b { padding: 5px 15px; background-color: rgb(41 187 23); border: 5px solid rgb(250 250 250); text-transform: uppercase; color: rgb(250 250 250); line-height: 0;}
#home .hm_planos .itens .item .caracteristicas { float: left; width: 100%; margin: 16px 0;}
#home .hm_planos .itens .item .caracteristicas .ctt { float: left; width: 80%; padding: 5px 10%; font-size: 1.1em; color: rgb(250 250 250); background-image: url('../../imagens/site/home-planos-seta.png?'); background-repeat: no-repeat; background-position: 0 50%;}
#home .hm_planos .itens .item .assine { float: left; width: 80%; padding: 10px 0; margin: 0 10%; background-color: rgb(245 130 31); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.3em; color: rgb(250 250 250);}
#home .hm_planos .itens .item .assine:hover { background-color: rgb(250 250 250); color: rgb(245 130 31);}


#home .hm_frase .fundo { float: left; width: 100%; padding: 81px 0; background-color: rgb(11 11 34); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#home .hm_frase .ident { float: left; width: 100%;}
#home .hm_frase .ident h2 { float: left; width: 70%; text-transform: uppercase; font-size: 4em; color: rgb(250 250 250);}


#home .hm_central .lado1 { float: left; width: 40%; padding: 5px 20px;}
#home .hm_central .lado2 { float: left; width: 60%; padding: 50px 20px;}
#home .hm_central .imagem { float: left; width: 100%; text-align: right; font-size: 0;}
#home .hm_central .imagem img { max-width: 100%;}
#home .hm_central .ident { float: left; width: 100%;}
#home .hm_central .ident h2 { float: left; width: 100%; text-transform: uppercase; font-size: 1.1em;}
#home .hm_central .ident h2 em { float: left; width: 40px; height: 3px; margin: 9px 10px 0 0; background-color: rgb(245 130 31);}
#home .hm_central .ident h2 b { float: left; font-weight: normal;}
#home .hm_central .ident h3 { float: left; width: 100%; font-weight: bold; font-size: 3em;}
#home .hm_central .editou { float: left; width: 100%; margin: 11px 0;}
#home .hm_central .botoes { float: left; width: 100%;}
#home .hm_central .botoes a { float: left; padding: 15px 25px; margin: 0 10px 10px 0; background-color: rgb(11 11 34); font-size: 1.4em; color: rgb(250 250 250);}
#home .hm_central .botoes a:hover { background-color: rgb(245 130 31);}


#home .hm_vantagens .fundo { float: left; width: 100%; padding: 81px 0; background-color: rgb(11 11 34); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#home .hm_vantagens .ident { float: left; width: 100%;}
#home .hm_vantagens .ident h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-size: 3em; color: rgb(250 250 250);}
#home .hm_vantagens .ident h3 { float: left; width: 100%; text-align: center; font-size: 1.5em; color: rgb(250 250 250);}
#home .hm_vantagens .itens { display: flex; justify-content: center; float: left; width: 100%; margin: 51px 0 0;}
#home .hm_vantagens .itens .item { float: left; width: 160px; margin: 0 10px; text-align: center;}
#home .hm_vantagens .itens .item img { max-width: 100%;}
#home .hm_vantagens .itens .item h4 { font-weight: bold; font-size: 1.2em; color: rgb(250 250 250);}


#home .hm_duvidas .lado1 { float: left; width: 40%; padding: 5px 20px;}
#home .hm_duvidas .lado2 { float: left; width: 60%; padding: 50px 20px;}
#home .hm_duvidas .imagem { float: left; width: 100%; text-align: right; font-size: 0;}
#home .hm_duvidas .imagem img { max-width: 100%;}
#home .hm_duvidas .ident { float: left; width: 100%;}
#home .hm_duvidas .ident h2 { float: left; width: 100%; text-transform: uppercase; font-size: 1.1em;}
#home .hm_duvidas .ident h2 em { float: left; width: 40px; height: 3px; margin: 9px 10px 0 0; background-color: rgb(245 130 31);}
#home .hm_duvidas .ident h2 b { float: left; font-weight: normal;}
#home .hm_duvidas .ident h3 { float: left; width: 100%; font-weight: bold; font-size: 3em;}
#home .hm_duvidas .faqs { float: left; width: 100%; margin: 21px 0;}
#home .hm_duvidas .faqs .item { float: left; width: 100%; padding: 12px 20px 10px 20px; margin: 3px 0; outline: 1px solid rgb(90 90 90 / 30%);}
#home .hm_duvidas .faqs .item .pergunta { float: left; width: 100%; font-weight: bold; font-size: 1.2em;}
#home .hm_duvidas .faqs .item .resposta { float: left; width: 100%;}


@media only screen and (max-width: 1000px){
  #home .hm_slides:hover .flex-direction-nav a.flex-prev { left: 2px; opacity: 1;}
  #home .hm_slides:hover .flex-direction-nav a.flex-next { right: 2px; opacity: 1;}

  #home .hm_planos .itens { display: block;}
  #home .hm_planos .itens .item { width: 100%; margin: 10px 0;}

  #home .hm_frase .fundo { padding: 41px 0;}
  #home .hm_frase .ident h2 { width: 100%; font-size: 3em;}

  #home .hm_central .lado1 { width: 100%; padding: 0;}
  #home .hm_central .lado2 { width: 100%; padding: 0;}
  #home .hm_central .imagem { text-align: center;}

  #home .hm_vantagens .itens { display: block; margin: 21px 0 0;}
  #home .hm_vantagens .itens .item { width: 100%; margin: 20px 0;}

  #home .hm_duvidas .lado1 { width: 100%; padding: 0;}
  #home .hm_duvidas .lado2 { width: 100%; padding: 21px 0 0;}
  #home .hm_duvidas .imagem { text-align: center;}
}