@import url(reset.css);
@import url(fonts.css);
@import url(responsivo.css);
@import url(padrao.css);

header { float: left; width: 100%; height: auto; position: relative; }

#main section#conteudo { width: 100%; height: auto; float: left; position: relative; padding: 0px 0px; opacity: 0; }

.blocos { width: 100%; height: auto; position: relative; float: left; background-position: center center; background-size: cover; background-repeat: no-repeat; }

#bloco_1 .coluna_1 { width: 50%; height: auto; position: relative; float: left; }
#bloco_1 .coluna_1 h2,
#bloco_1 .coluna_1 p,
#bloco_1 .coluna_1 a { opacity: 0; }

#bloco_1 .coluna_1_div { width: 49%; height: auto; position: relative; float: left; }
#bloco_1 .coluna_1_div .coluna_1_chamada { width: 568px; height: auto; position: relative; float: right; }
#bloco_1 .coluna_1_div .coluna_1_chamada h2,
#bloco_1 .coluna_1_div .coluna_1_chamada p,
#bloco_1 .coluna_1_div .coluna_1_chamada a { opacity: 0; }
#bloco_1 .coluna_2_ilustracao { opacity: 0; width: 49%; height: 100%; position: relative; float: right; background-position: center center; background-size: cover; background-repeat: no-repeat; }

#bloco_2 .coluna_1 { opacity: 0; top: -200px; width: 50%; float: left; padding-top: 215px; height: auto; position: relative; }
#bloco_2 .coluna_2 { opacity: 0; top: -200px; width: 40.5%; float: right; height: auto; position: relative; }

#bloco_3 { text-align: center; }
#bloco_3 .card_beneficios { opacity: 0; margin: 0px 2px 10px; text-align: center; padding: 60px 10px 30px; width: 368px; height: 375px; min-height: 375px; display: inline-table; background-color: #FFFFFF; border: 1px solid #707070; }
#bloco_3 .card_beneficios img { margin-bottom: 27px; height: 68px; width: auto; position: relative; display: inline-block; }
#bloco_3 .card_beneficios p.titulo { min-height: 56px; text-align: center; font: normal normal normal 24px/24px var(--font-bold); }
#bloco_3 .card_beneficios p.texto { min-height: 100px; text-align: center; font: normal normal normal 20px/20px var(--font-regular); }

#bloco_4 { text-align: center; }
#bloco_4 h2 { opacity: 0; text-align: center; }
#bloco_4 p { opacity: 0; text-align: center; }
#bloco_4 a.link_saiba_mais { opacity: 0; text-align: center; }

#bloco_5 #diferenciais_card_principal { width: 100%; height: auto; position: relative; float: left; background-color: transparent; }
#bloco_5 #diferenciais_card_principal #imagem_pricipal { width: 100%; height: auto; position: relative; float: left; z-index: 1; }
#bloco_5 #diferenciais_card_principal img.imagem_set_point_mais { display: block; cursor: pointer; opacity: 1; width: 25px; height: 30px; position: absolute; z-index: 2; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#bloco_5 #diferenciais_card_principal img.imagem_set_point_mais:hover { opacity: 0.8; }
#bloco_5 #diferenciais_card_principal img.imagem_set_point_menos { display: none; cursor: pointer; opacity: 1; width: 25px; height: 30px; position: absolute; z-index: 2; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#bloco_5 #diferenciais_card_principal img.imagem_set_point_menos:hover { opacity: 0.8; }

#bloco_5 #diferenciais_card_principal .card_ver_diferencial { overflow-x: scroll; display: none; background-color: #FFFFFF; padding: 20px 20px; width: 250px; height: 360px; position: absolute; z-index: 3; margin-top: -365px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
#bloco_5 #diferenciais_card_principal .card_ver_diferencial .foto { margin: 0px 0px 20px; width: 100%; height: auto; position: relative; float: left; }
#bloco_5 #diferenciais_card_principal .card_ver_diferencial p.label_titulo { margin-bottom: 10px; color: #000000; font: normal normal normal 16px/19px var(--font-bold); text-align: left; }
#bloco_5 #diferenciais_card_principal .card_ver_diferencial p.label_texto { color: #707070; text-align: left; font: normal normal normal 16px/19px var(--font-regular); }


#bloco_6 #amazingcarousel-1 .amazingcarousel-image div { display: none!important; }
#bloco_6 #carrousel { padding: 0px; width: 100%; height: 100%; float: left; position: relative; }
#bloco_6 #carrousel span.card_produto_imagem { width: 100%; height: 380px; position: relative; float: left; text-decoration: none; display: block; font-size: 0px; background-repeat: no-repeat; background-position: center top; background-size: auto 110%; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#bloco_6 #carrousel span.card_produto_imagem img.card_produto { z-index: 1; width: 100%; height: 385px; position: absolute; left: 0px; top: 0px; }
#bloco_6 #carrousel span.card_produto_imagem img.produtos_icone_mais { display: block; z-index: 2; width: auto; height: 35px; position: absolute; right: 15px; top: 15px; }

#bloco_6 #carrousel span.card_produto_info { display: none; width: 100%; height: 385px; position: absolute; left: 0px; top: 0px; float: left; padding: 20px; background-color: #FFFFFF; overflow-x: scroll; }
#bloco_6 #carrousel span.card_produto_info p.label_titulo { margin-bottom: 25px; color: #000000; font: normal normal normal 16px/19px var(--font-bold); text-align: left; padding-right: 45px; }
#bloco_6 #carrousel span.card_produto_info p.label_texto { color: #707070; text-align: left; font: normal normal normal 16px/19px var(--font-regular); }
#bloco_6 #carrousel span.card_produto_info img.produtos_icone_menos { display: block; z-index: 2; width: auto; height: 35px; position: absolute; right: 15px; top: 15px; }


#bloco_7 { text-align: center; }
#bloco_7 #slider_depoimentos .coluna_100 { padding: 0px 65px; margin: 35px 19% 0px; min-height: 450px; width: 62%; height: auto; float: left; position: relative; background-color: #FFF; border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 1px 1px 10px 1px #4C4C4C; box-shadow: 1px 1px 10px 1px #4C4C4C; }
#bloco_7 #slider_depoimentos .setas { padding: 10px 0px; }
#bloco_7 #slider_depoimentos .foto { height: 137px; width: auto; position: relative; margin-top: -34px; display: inline-block; -webkit-border-radius: 10% 10% 10% 10%; border-radius: 10% 10% 10% 10%; }
#bloco_7 #slider_depoimentos .label_texto { margin-top: 40px; min-height: 130px; color: #707070; text-align: center; font: normal normal normal 16px/19px var(--font-regular); }
#bloco_7 #slider_depoimentos .label_nome { margin: 15px 0px; color: #000000; font: normal normal normal 20px/20px var(--font-bold); text-align: center; }
#bloco_7 #slider_depoimentos .label_curso { color: #707070; font: normal normal normal 16px/19px var(--font-regular); text-align: center; }

#bloco_8 .bloco_duvidas_frequentes { border: 1px solid #707070; margin: 11px 0px; width: 100%; height: auto; position: relative; float: left; }
#bloco_8 .bloco_duvidas_frequentes .click_duvidas { cursor: pointer; padding: 10px 30px 15px; background-color: #FFFFFF; width: 100%; height: auto; float: left; position: relative; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#bloco_8 .bloco_duvidas_frequentes .click_duvidas:hover { background-color: #F9F9F9; }
#bloco_8 .bloco_duvidas_frequentes .click_duvidas img { position: absolute; width: auto; height: auto; right: 20px; top: 20px; }
#bloco_8 .bloco_duvidas_frequentes .click_duvidas img.duvidas_flecha_abre { display: block; }
#bloco_8 .bloco_duvidas_frequentes .click_duvidas img.duvidas_flecha_fecha { display: none; }
#bloco_8 .bloco_duvidas_frequentes .click_duvidas p { text-align: left; padding: 0px; font: normal normal normal 32px/34px var(--font-bold); }
#bloco_8 .bloco_duvidas_frequentes .resposta { background-color: #FFFFFF; display: none; padding: 20px 30px 50px; width: 100%; height: auto; position: relative; float: left; }
#bloco_8 .bloco_duvidas_frequentes .resposta p.label_texto { text-align: left; font: normal normal normal 20px/20px var(--font-regular); }

#bloco_9 .coluna_1 { left: -200px; opacity: 0; width: 50%; height: auto; position: relative; float: left; }
#bloco_9 .coluna_1 p { opacity: 0; bottom: -100px; }
#bloco_9 .coluna_1 a { opacity: 0; bottom: -100px; }

footer { float: left; height: auto; position: relative; width: 100%; padding: 0px; background-color: #FFFFFF; opacity: 0; }
footer .coluna_1 { padding: 23px 0px; width: 50%; height: auto; float: left; position: relative; text-align: left; }
footer .coluna_1 p { text-align: left; font: normal normal normal 12px/12px var(--font-regular); color: var(--cor-textos); }
footer .coluna_2 { padding: 17px 0px; width: 50%; height: auto; float: left; position: relative; text-align: right; }
footer .coluna_2 a { text-align: right; font: normal normal normal 12px/12px var(--font-regular); color: var(--cor-textos); }
footer .coluna_2 img { margin: -10px 0px -10px 15px; float: right; }

#botao_chamada_flutuante { opacity: 0; position: fixed; right: 25px; bottom: -180px; z-index: 10; font: normal normal normal 20px/20px var(--font-bold); }

#demo { z-index: 9; width: 100%; height: auto; float: left; position: fixed; top: 0px; left: 0px; padding: 18px 10px; background-color: #FF0000; }
#demo p { text-align: center; font: normal normal normal 16px/19px var(--font-regular); color: #FFFFFF; }

#bloco_10 { display: none; width: 100vw; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: 10; }
#bloco_10 #bloco_sombra { width: 100vw; height: 100vh; position: absolute; left: 0px; top: 0px; z-index: 11; background-color: #000000; opacity: 0.8; }
#bloco_10 #bloco_10_conteudo { width: 1000px; height: auto; min-height: 500px; position: relative; margin: 50px auto; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; z-index: 12; background-position: center center; background-size: cover; }
#bloco_10 #bloco_10_conteudo a#bloco_10_lk_fechar { width: auto; height: auto; position: absolute; z-index: 13; right: 20px; top: 20px; }

#bloco_10_passo_1 { opacity: 1; width: 100%; height: auto; position: relative; float: left; }
#bloco_10_passo_2 { opacity: 0; width: 100%; height: auto; position: relative; float: left; }
#bloco_10_passo_3 { opacity: 0; width: 100%; height: auto; position: relative; float: left; }
#bloco_10_passo_4 { opacity: 0; width: 100%; height: auto; position: relative; float: left; }
#bloco_10_passo_5 { opacity: 0; width: 100%; height: auto; position: relative; float: left; }
#bloco_10_passo_6 { opacity: 0; width: 100%; height: auto; position: relative; float: left; }
#bloco_10_passo_7 { opacity: 0; width: 100%; height: auto; position: relative; float: left; }
#bloco_10_passo_8 { opacity: 0; width: 100%; height: auto; position: relative; float: left; }