@charset "UTF-8";

.content {max-width: 1104px; padding: 48px 48px 0px 48px;}
.sessao {padding-bottom: 48px;}
h1 {font-size: 2.4em; padding-bottom: 24px;}
h2 {font-size: 2em; padding-bottom: 24px;}
h3 {font-size: 2em; padding-bottom: 24px;}

#destaque {background-image: url("../images/FundoSessaoBranco.png"); background-repeat: no-repeat; background-position: 100% 50%;}
#destaque .content {position: relative;}
#destaque .realcar {font-weight: bold; color: #0C7F7C;}
#destaque p {margin-bottom: 8px;}
#destaque ul { margin: 24px 0px 16px 0px; padding-left: 0px; } 
#destaque li {line-height: 1.6em; list-style-type: none; margin-bottom: 8px;}
#listaDuvidas {margin-top: 8px;}
#listaDuvidas .duvida { background-color: #FFF; background-image: url("../images/SimboloCinza.png"); background-repeat: no-repeat; background-position: 98% 10%; background-size: 32px; padding: 24px; width: 172px; height: 37px; border-radius: 4px; box-shadow: 0px 4px 16px rgba(129, 129, 129, 0.25); margin-right: 16px; margin-bottom: 16px;}
#destaque.sessao {padding-bottom: 32px;}

.bestfriday {background-color: #000; color: #FFF; background-image: url("../images/bestfriday.png"); background-repeat: no-repeat; background-position: 98% 10%; background-size: 135px;}
#compre.bestfriday #lista-ofertas .oferta {border: solid 1px #fff; width: 238px;}
#compre.bestfriday #lista-ofertas .combo {border-color: #0C7F7C;}
.bestfridaytxt {display: inline;}

#compre .content {padding-top: 32px;}
#compre p {margin-bottom: 8px;}
#compre .risca {text-decoration: line-through; color: #666;}
#compre .realcar {font-weight: bold;}
#compre .realcarRed {font-weight: bold; color: #C00;}
#compre #lista-ofertas .oferta {padding: 12px; width: 240px; border-radius: 4px; box-shadow: 0px 4px 16px rgba(129, 129, 129, 0.25); margin-right: 12px; margin-top: 16px;}
#compre #lista-ofertas .oferta .titulo {font-size: 1.2em; font-weight: bold; margin-bottom: 16px;}
#compre #lista-ofertas .oferta .venda {margin-top: 24px;}
#compre .combo {background-color: #0C7F7C; color: #FFF;}
#compre .combo .realcarRed {color: #EBCC8F; margin-top: 20px;}
#compre .combo .risca {color: #CCC;}
#compre .combo .realcar {margin-bottom: 32px;}
#compre .combo .botao {background-color: #FFF; color: #0C7F7C;}
#compre .combo select {transition: color .5s cubic-bezier(.2,1,.2,1),background-color .5s cubic-bezier(.2,1,.2,1),border-color .5s cubic-bezier(.2,1,.2,1),box-shadow .5s cubic-bezier(.2,1,.2,1);
background-clip: padding-box; background-color: #fff; border: 1px solid #c9ced4; border-radius: 0.1875rem; box-shadow: 0 0 0 0 transparent; color: #333; display: block; font-size: .9rem; height: calc(2rem + 2px); line-height: 1.5; padding: 0px;; width: 100%; margin-top: 4px;}
#erroHotmart {padding-top: 8px; }


#bolsa {padding: 32px 24px 0px 24px;}

#depoimentos {background-color: #EEE;}
#depoimentos h2 {padding-bottom: 8px;}
#depoimentos .seta {width: 848px; text-align: right;}
#depoimentos .seta p {margin-right: 1px;}
#lista-depoimentos {width: 840px; padding-left: 8px; overflow: auto; height: 380px; position: relative; }
#lista-depoimentos .item { width: 100%;}
#lista-depoimentos .item img { vertical-align: middle;}
#lista-depoimentos .item p {margin-bottom: 8px;}
#lista-depoimentos .item img {margin-right: 8px;}
#lista-depoimentos .item p.depoImg {width: 88px; float: left; margin-bottom: 24px;margin-left: 8px;}
#lista-depoimentos .item p.texto {margin-bottom: 24px; font-style: italic; float: left; width: 80%; line-height: 1.5em;}
#lista-depoimentos .item .titulo {font-weight: bold;}

#instrutor {background-image: url("../images/FundoSessaoCinza.png"); background-repeat: no-repeat; background-position: 100% 50%;}
#instrutor .esquerda {width: 220px;}
#instrutor .direita {width: 640px; padding-top: 8px;}
#instrutor .direita p {margin-bottom: 16px;line-height: 1.4em;}
#instrutor .direita p.nome {font-weight: bold; margin-bottom: 8px;}
#instrutor .direita p.nome img {vertical-align: bottom;}
#instrutor .direita p.cargo {color: #666;}

#instrutor #mentoria {width: 100%; background-color: #EEE; height: 244px; border-radius: 4px; margin-top: 24px;}
#instrutor #mentoria .esquerda {width: 56%; padding-left: 4%; padding-top: 28px;}
#instrutor #mentoria .esquerda h3 {font-size: 1.4em;}
#instrutor #mentoria .direita {width: 40%; padding: 0px; text-align: right;}
#instrutor #mentoria .direita img {border-radius: 4px;}
#instrutor #mentoria .agendar {margin-top: 32px;}

#conteudo {background-color: #EEE;}
#conteudo li {line-height: 1.6em;}

#certificacao {}
#certificacao .esquerda {width: 240px;}
#certificacao .direita {width: 70%; line-height: 1.6em; padding-top: 16px;}
#certificacao .direita p {margin-bottom: 8px;}

#certificadoSynergyc {}
#certificadoSynergyc .esquerda {width: 240px;}
#certificadoSynergyc .direita {width: 70%; line-height: 1.6em; padding-top: 16px;}
#certificadoSynergyc .direita p {margin-bottom: 8px;}

#turma {background-color: #EEE; padding-bottom: 48px;}

#refazer {background-color: #EEE;}

#disclamer {font-size: .8em;}

div.fancybox-content {float: none;}

#faq .item {width: 98%; border: 1px solid #CCC; margin-bottom: 8px;}
#faq .item p {padding: 8px; margin: 8px;}
#faq .item p.pergunta {background-color: #EEE;}
#faq .item p.resposta {display: none;}

@media(min-width: 1200px) {
	.content {float: none; max-width: none; width: 1104px; margin: 0 auto;}
	.bestfriday {background-size: 270px;}
}

@media(max-width: 959px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.8em;}
	
	.content {padding: 24px 24px 0px 24px;}
	#depoimentos .seta {width: 100%;}
	#lista-depoimentos {width: auto; padding-left: 0px;}
	
	#instrutor { background-image: none;}
	#instrutor .direita {width: auto;}
	
	#certificacao .direita {width: auto;}
}

@media(max-width: 619px) {
	.content {padding: 0px; margin: 0px; width: 100%;}
	.sessao {padding-bottom: 12px;}
	
	.bestfriday {background-size: 72px; background-position: 98% 2%;}
	
	#destaque {padding-top: 12px; background-image: none;}
	#destaque h1 { padding: 0px 12px 12px 12px; }
	#destaque p { padding: 12px 12px 0px 12px; }
	#destaque .duvida p {padding: 0px;}
	#destaque ul {margin: 12px;}
	#listaDuvidas {margin-left: 12px;}
	
	#compre h2 { padding-left: 12px;}
	#compre #lista-ofertas { width: 100%; }
	#compre #lista-ofertas .oferta { margin: 16px auto; float: none;}
	
	#depoimentos h2 {padding: 24px 12px;}
	#depoimentos #lista-depoimentos {padding:  12px;}
	#depoimentos .item p.texto {width: 232px;}
	/* #lista-depoimentos {padding-right: 24px;}
	#lista-numeros {padding: 0px; width: 100%; margin-top: 0px;}
	#lista-numeros .item { margin: 16px auto; float: none;} */
	
	#instrutor h2 {padding: 24px 12px 12px 12px;}
	#instrutor .esquerda {padding: 24px 24px 0px 24px;}
	#instrutor .direita {padding: 24px 24px 0px 24px;}
	
	#instrutor #mentoria {margin: 12px; width: auto; height: auto; padding-bottom: 24px; }
	#instrutor #mentoria .esquerda {width: auto; padding-top: 12px;}
	#instrutor #mentoria .direita {display: none;}
	
	#conteudo h2 {padding: 24px 12px 12px 12px;}
	#conteudo ul {margin: 12px 24px; padding-left: 24px;}
	
	#investimento h2 {padding: 24px 12px 12px 12px;}
	#investimento #aula-complementar {padding: 0px 12px 24px 12px;}
	
	#certificacao h2 {padding: 24px 12px 12px 12px;}
	#certificacao .esquerda {padding: 24px 24px 0px 16px;}
	#certificacao .direita {padding: 24px 24px 0px 16px;}
	
	#turma h2 {padding: 24px 12px 24px 12px;}
	#turma p { padding: 0px 12px 0px 12px; }
	
	#refazer h2 {padding: 24px 12px 24px 12px;}
	#refazer p { padding: 0px 12px 0px 12px; }
	#refazer.sessao {padding-bottom: 24px;}
	
	#disclamer p { padding: 0px 12px 0px 12px; }
	
	#faq h2 {padding: 24px 12px 12px 12px;}
	#faq .item {margin-left: 12px; width: 90%;}
}

@media(max-width: 359px) {
	h1 {font-size: 1.8em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.6em;}
	
	#compre #lista-ofertas .oferta {width: 224px; padding: 12px;}
	
	#depoimentos .item p.depoImg {margin-bottom: 8px; }

}