@import "owl.css";
@import "fancybox.css";
@import "font-awesome/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&display=swap');


/*! HTML5 Boilerplate v4.3.0 - INICIO */
html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}



/* ==========================================================================
   Site
   ========================================================================== */

html { font-size: 10px; }
body { font: 100% "Roboto", Arial, Helvetica, sans-serif; background: #fff; font-size: inherit; line-height: 1.4em; color: #4C4C4C; }

a { color: inherit; outline: none !important; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active,
a:focus { color: inherit; text-decoration: none; }
a, button, input { outline: none !important; }

a.under{
	text-decoration: underline;
}
	a.under:hover {
		text-decoration: none;
	}
/* a, button, input { transition: color 0.2s, border-color 0.2s, background-color 0.2s, opacity 0.2s; } /* transição leve em hovers básicos */

ul, li { display: block; list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; display: block; font-weight: inherit; font-size: inherit; line-height: inherit; }

p { margin: 0 0 1.4em 0; }
p:last-child { margin-bottom: 0 !important; }

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* usar se não incluir o bootstrap */

.container { position: relative; }

.form-group { margin: 0 0 10px 0; }
.form-control { border: solid 1px #ccc; padding: 0.5em 1em; line-height: 1.3em; font-size: inherit; width: 100%; background: #fff; }
textarea.form-control { resize: none; }

.vtop { vertical-align: top !important; }
.vbottom { vertical-align: bottom !important; }

.tbl { display: table; width: 100%; vertical-align: middle; }
.tbl .trow { display: table-row; vertical-align: inherit; }
.tbl .tcol { display: table-cell; vertical-align: inherit; }
.tbl .tcol.um, .tbl .tcol.one { width: 1%; }
.tbl.grid > .tcol, .tbl.grid > .trow > .tcol { padding-right: 15px !important; padding-left: 15px !important; }
.tbl.grid.grid10 > .tcol, .tbl.grid.grid10 > .trow > .tcol.grid10 { padding-right: 5px !important; padding-left: 5px !important; }
.tbl.grid.grid20 > .tcol, .tbl.grid.grid20 > .trow > .tcol.grid20 { padding-right: 10px !important; padding-left: 10px !important; }
.tbl.grid > .tcol:first-child, .tbl.grid > .trow > .tcol:first-child { padding-left: 0px !important; }
.tbl.grid > .tcol:last-child, .tbl.grid > .trow > .tcol:last-child { padding-right: 0px !important; }
.tbl.tbl2 > .tcol { width: 50%; }
.tbl.tbl3 > .tcol { width: 33.33%; }
.tbl.tbl4 > .tcol { width: 25%; }
.tbl.tbl5 > .tcol { width: 20%; }

.u, .hu:hover { text-decoration: underline; }
.hu, .u:hover { text-decoration: none; }

.nw { white-space: nowrap; }

.mg0  { margin-bottom: 0px !important; }	.mg0q { margin-bottom: 0.25em !important; }		.mg0h { margin-bottom: 0.5em !important; }		.mg0hq { margin-bottom: 0.75em !important; }
.mg1  { margin-bottom: 1em !important; }	.mg1q { margin-bottom: 1.25em !important; }		.mg1h { margin-bottom: 1.5em !important; }		.mg1hq { margin-bottom: 1.75em !important; }
.mg2  { margin-bottom: 2em !important; }	.mg2q { margin-bottom: 2.25em !important; }		.mg2h { margin-bottom: 2.5em !important; }		.mg2hq { margin-bottom: 2.75em !important; }
.mg3  { margin-bottom: 3em !important; }	.mg3q { margin-bottom: 3.25em !important; }		.mg3h  { margin-bottom: 3.5em !important; }		.mg3hq { margin-bottom: 3.75em !important; }
.mg4  { margin-bottom: 4em !important; }	.mg4q { margin-bottom: 4.25em !important; }		.mg4h  { margin-bottom: 4.5em !important; }		.mg4hq { margin-bottom: 4.75em !important; }
.mg5  { margin-bottom: 5em !important; }
.mg6  { margin-bottom: 6em !important; }
.mg7  { margin-bottom: 7em !important; }
.mg8  { margin-bottom: 8em !important; }

.b100 { display: block; width: 100%; text-align: center; }

.txtl { text-align: left !important; }	.txtr { text-align: right !important; }	.txtc { text-align: center !important; }

.color1, .color1h:hover { color: #ff0000; }
.bg1, bg1h:hover { background-color: #ff0000; }
.brd1, .brd1h:hover { border-color: #ff0000; }

.base16-9, .base-wide { position: relative; width: 100%; padding: 56.25% 0 0 0; display: block; }
.base9-16 { position: relative; width: 100%; padding: 178% 0 0 0; display: block; }
.base4-3, .base-tv { position: relative; width: 100%; padding: 75% 0 0 0; display: block; }
.base3-4 { position: relative; width: 100%; padding: 133% 0 0 0; display: block; }
.base1-1, .base-sq { position: relative; width: 100%; padding: 100% 0 0 0; display: block; }
.imgbg { background: center center no-repeat; background-size: cover; display: block; overflow: hidden; }
.fit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.clickscale:active { transform: scale(0.9); } 

.z500 { z-index: 500; }
.z1000 { z-index: 1000; }
.z2000 { z-index: 2000; }
.z3000 { z-index: 3000; }
.z4000 { z-index: 4000; }
.z5000 { z-index: 5000; }

.extend-bg, .extend-bg-r, .extend-bg-l { position: relative; }
.extend-bg:before,
.extend-bg:after,
.extend-bg-r:after,
.extend-bg-l:before { content: ""; position: absolute; height: 100%; background: inherit; width: 3000px; z-index: 0; top: 0; }
.extend-bg:before,
.extend-bg-l:before { left: -3000px; }
.extend-bg:after,
.extend-bg-r:after{ right: -3000px; }

.video-wrapper {
	width: 90%;
	max-width: 560px;
	margin: 0 auto 20px auto;
}
.video-container {
	text-align: center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;	
}

	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#wrapper { position: relative; width: 100%; max-width: 4000px; margin: auto; overflow: hidden; }



.cor1 { color: #663399 !important; }
.cor2 { color: #9E1E62 !important; }
.cor3 {
	color: #E44137 !important;
}

.btn1 {
	display: inline-block;
	background: #6EBA4D;
	color: #fff !important;
	border: none;
	font-size: 1.6em;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.25em;
	padding: 1.25em 1.25em;
	text-align: center;
	border-radius: 1.875em;
	min-width: 12.5em;
	max-width: 100%;
}
	.btn1:hover {
		background: #663399;
	}

#obrigado .btn1 {	
	font-size: 1em;	
	line-height: 1.25em;	
}	

label.error{font-size: 1.2em; color: red; margin-top: 5px; display: block;}

.btn2 { display: inline-block; background: none; color: #fff !important; border: solid 2px #fff; border-radius: 0.5em; font-size: 1.6em; font-weight: 500; text-transform: uppercase; line-height: 1.25em; padding: 1.85em 1em; text-align: center; min-width: 16em; max-width: 100%; transition: all 0.2s; }
.btn2 .fa { transform: scale(1.2); }
.btn2:hover { background: #fff; color: #000 !important; }

.box-form { background: #fff; border-radius: 0.3rem; overflow: hidden; padding: 4.2em 4em; }
.box-form h2 { font-weight: 500; color: #663399; font-size: 3em; text-align: center; line-height: 1.2em; margin: 0 0 1em 0; }
.box-form .form-control { font-size: 1.8em; color: #666; border: solid 1px #e6e6e6; border-radius: 0.6rem; line-height: 1.556em; padding: 0.833em 1.2em; box-shadow: 0.2em 0.2em 0.35em rgb(0,0,0,0.1); transition: box-shadow 0.1s; }
.box-form .form-control:focus { box-shadow: 0.2em 0.2em 0.35em rgb(0,0,0,0.2); }
.box-form .form-group { margin-bottom: 2em; position: relative; }


#header {
	height: 100vh;
	padding: 3em 0;
	background: center center no-repeat #F1F1F2 fixed;
	background-size: cover;
	position: relative;
}
#header > * { position: relative; z-index: 100; }
#header:after { content: ""; position: absolute; z-index: 1; width: 100%; height: 30.1em; left: 0; bottom: 0; background: url(../img/header_circulo.png) center top no-repeat; background-size: auto 200%; }
#header .logo { margin: 0 0 4em 0; }
#header .logo img { display: block; margin: auto; width: 28.7em; max-width: 90%; }
	#header h1 {
		font-weight: 500;
		color: #663399;
		font-size: 3.6em;
		line-height: 1.2em;
		text-align: center;
		margin: 0 0 1em 0;
	}
#header .video { background: center center no-repeat; background-size: cover; padding: 1em 2em; text-align: center; color: #fff; border-radius: 0.3rem; }
#header .video > * { position: relative; z-index: 100; }
#header .video:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; transition: all 0.2s; }
#header .video:hover:after { opacity: 0; }
#header .video .legenda { font-size: 2.4em; line-height: 1.333em; font-weight: 500; }
#header .video .legenda .fa { transform: scale(1.2); }

#obrigado #header h1 {
	font-size: 2em;
	line-height: 1.2em;	
}
#obrigado #header h2 {
	font-weight: bold;
	color: #663399;
	font-size: 3em;
	line-height: 1.2em;
	text-align: center;
	margin: 0 0 1em 0;
}
#obrigado #header p {
	font-size: 2em;
	line-height: 1.2em;
	text-align: center;
}

.main { position: relative; padding: 8em 0; z-index: 10; }


.detalhe { position: relative; z-index: 100; }
	.detalhe:after {
		content: "";
		position: absolute;
		background: #9E1E62;
		width: 4.5rem;
		height: 0.7rem;
		border-radius: 0.35rem;
		display: block;
		left: 50%;
		left: calc( 50% - 2.25rem );
		bottom: -0.35rem;
	}
.detalhe.detalhe-cima:after { bottom: auto; top: -0.35rem; }


.titulo { position: relative; width: 100%; height: 18em; }
.titulo h1,
.titulo h2 { position: absolute; z-index: 1; width: 100%; height: inherit; display: table; vertical-align: middle; text-align: center; }
.titulo h1 { z-index: 100; }
.titulo h1 > span,
.titulo h2 > span { display: table-cell; vertical-align: inherit; }
	.titulo h1 > span {
		font-size: 4.8em;
		line-height: 1em;
		color: #663399;
		font-weight: bold;
		padding: 0.2em 0 0 0;
	}
.titulo h2 > span { font-size: 12em; line-height: 1em; color: #fff; text-shadow: 0.1em 0.1em 0.15em rgba(0,0,0,0.05); font-weight: 900; text-transform: uppercase; letter-spacing: -0.08em; white-space: nowrap; }


#curso { overflow: hidden; background: #fff; position: relative; padding-bottom: 10em; }
#curso > * { position: relative; z-index: 100; }
#curso:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 30.1em; left: 0; top: 0; background: url(../img/header_circulo.png) center bottom no-repeat; background-size: auto 200%; opacity: 0.5; }
#curso:after { content: ""; position: absolute; z-index: 1; width: 156em; height: 156em; background: url(../img/curso_o_bg.jpg); background-size: contain; left: 60%; top: 20em; }
#curso h3 { text-align: center; font-weight: 300; color: #663399; line-height: 1.4em; font-size: 3em; margin: 0 auto 2em auto; max-width: 95.5rem; padding-bottom: 1.333em; }
#curso h4 { font-size: 3em; line-height: 1.2em; margin: 0 0 0.6em 0; }
#curso p { font-size: 1.7em; font-weight: 300; line-height: 1.4em; }
#curso .foto { position: relative; display: inline-block; }
#curso .foto img { max-width: 100%; display: block; border-radius: 0.75rem; box-shadow: 0.75em 0.75em 2em rgba(0,0,0,0.15); position: relative; z-index: 1; }
#curso .foto:before,
#curso .foto:after { content: ""; position: absolute; right: 30%; top: -3em; z-index: 10; background: url(../img/curso_foto_det1.png) center center no-repeat; background-size: contain; width: 5.9em; height: 5.9em; }
#curso .foto:after { background-image: url(../img/curso_foto_det2.png); width: 8em; height: 10.2em; right: -4em; top: 63%; }


#juliana { background: url(../img/juliana_bg.jpg) center center no-repeat #000; background-size: cover; padding: 7em 0 12em 0; }
#juliana .titulo h1 > span { color: #fff; }
	#juliana .titulo h2 > span {
		color: #663399;
	}
#juliana .inner { max-width: 72em; }
#juliana h4 { font-size: 3em; line-height: 1.2em; margin: 0 0 0.6em 0; color: #ffffff; }
#juliana p { font-size: 1.7em; font-weight: 300; line-height: 1.4em; color: #fff; }
#juliana .foto { position: relative; display: inline-block; }
#juliana .foto img { max-width: 100%; display: block; border-radius: 500px; position: relative; z-index: 1; }
#juliana .foto:after { content: ""; position: absolute; left: 50%; left: calc( 50% - 2.2em ); bottom: -2.2em; z-index: 10; background: url(../img/juliana_det1.png) center center no-repeat; background-size: contain; width: 4.4em; height: 4.4em; }


#depoimentos { background: url(../img/depoimentos_bg.png) center center no-repeat; background-size: cover; }
#depoimentos h4 { font-size: 2em; text-transform: uppercase; color: #999; line-height: 1.2em; margin: 0 0 0.3em 0; }
#depoimentos h3 { font-size: 3em; text-transform: uppercase; line-height: 1.2em; color: #663399; font-weight: 900; }
#depoimentos .depoimento { display: block; padding-bottom: 50px;}
#depoimentos .depoimento .imgbg { position: relative; width: 100%; padding: 56.5% 0 0 0; border-radius: 0.3rem; overflow: hidden; }
#depoimentos .depoimento .imgbg:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; transition: all 0.2s; }
#depoimentos .depoimento:hover .imgbg:after { opacity: 0; }
#depoimentos .depoimento h5 { text-align: center; padding: 0.5em 0 0 0; font-size: 1.8em; font-weight: 500; line-height: 1.2em; overflow: hidden; white-space: nowrap; }
#depoimentos .owl-carousel .owl-dots { display: none; }
#depoimentos .owl-carousel .owl-nav { position: absolute; left: -6em; bottom: 4em; font-size: 2.5em; }
#depoimentos .owl-carousel .owl-nav button { color: #C1C1C1; opacity: 0.5; text-align: center; width: 2em; line-height: 2em; }
#depoimentos .owl-carousel .owl-nav button:hover { opacity: 1; }
#depoimentos .owl-carousel .owl-nav button:active { transform: scale(0.85); }


#formados { background: url(../img/formados_bg.jpg) center center no-repeat #900; background-size: cover; padding: 4em 0; }
#formados .titulo h1 > span { color: #fff; }
#formados .titulo h2 > span { color: #792E42; }


#numeros { background: url(../img/numeros_bg.jpg) center center no-repeat #000; background-size: cover; }
#numeros h4 { font-size: 4.4em; line-height: 1.2em; margin: 0.4em 0 0.3em 0; font-weight: 500; color: #fff; }
#numeros h5 { font-size: 1.6em; font-weight: 500; line-height: 1.4em; color: #fff; text-transform: uppercase; margin: 0 0 1.5em 0; letter-spacing: 0.2em; }
#numeros p { font-size: 1.7em; font-weight: 300; line-height: 1.4em; color: #fff; max-width: 55rem; }







#footer { padding: 4em 0 0 0; }
#footer .logo { margin: 0 0 1.8em 0; }
#footer .logo img { display: block; margin: auto; width: auto; max-width: 80%; }
#footer .obs { font-weight: 300; font-size: 1.6em; line-height: 1.4em; text-align: center; margin: 0 0 4rem 0; }
#footer .obs p { display: block; margin: 0 auto 1em auto; max-width: 76rem; }
#footer .copy { padding: 3.5em 0 2.5em 0; position: relative; }
#footer .copy:before { position: absolute; width: 300vw; height: 1em; left: -100vw; top: 0; background: #663399; content: ""; }
#footer .copy p { text-align: center; font-weight: bold; font-size: 1.6em; line-height: 1.3em; }



#loading { position: fixed; right: 0; top: 0; z-index: 5000; width: 100%; height: 100%; width: 100vw; height: 100vh; background: url(../img/loading.gif) center center no-repeat rgba(255,255,255,0.95); transition: all 0.5s; }
.still-loading #loading { width: 60px; height: 60px; }
.loaded #loading { visibility: hidden; opacity: 0; }



/* ==========================================================================
   Resposivo
   ========================================================================== */

/* 1200px+ */
@media (min-width: 1200px) {
	.qlg { margin-bottom: 30px; }
}


/* até 1199px */
@media (max-width: 1199px) {
	html { font-size: 9px; }
	.qmd { margin-bottom: 30px; }
	.tbl .tcol.bmd, .tbl.bmd > .tcol { display: block; width: 100% !important; }
	.tbl.grid .tcol.bmd, .tbl.grid.bmd > .tcol { padding-left: 0px !important; padding-right: 0px !important; }
	.txtl-md { text-align: left !important; }	.txtr-md { text-align: right !important; }	.txtc-md { text-align: center !important; }
	.b100-md { display: block; width: 100%; text-align: center; }

	.box-form { padding: 3.8em 3.2em; }
}

/* até 991px */
@media (max-width: 991px) {
	html { font-size: 8px; }
	.qsm { margin-bottom: 30px; }
	.tbl .tcol.bsm, .tbl.bsm > .tcol { display: block; width: 100% !important; }
	.tbl.grid .tcol.bsm, .tbl.grid.bsm > .tcol { padding-left: 0px !important; padding-right: 0px !important; }
	.txtl-sm { text-align: left !important; }	.txtr-sm { text-align: right !important; }	.txtc-sm { text-align: center !important; }
	.b100-sm { display: block; width: 100%; text-align: center; }
	
	#header .video { height: 35em; }
	
	.box-form { padding: 3.5em 3em; }
	
	.titulo { height: 15em; }
	.titulo h2 > span { font-size: 10em; }

	#juliana .inner { max-width: none; }

	#depoimentos .owl-carousel .owl-nav { position: relative; left: auto; bottom: auto; width: 100%; text-align: center; font-size: 3em; padding-top: 0.5em; }
	
}

/* até 767px */
@media (max-width: 767px) {
	html { font-size: 8px; }
	.qxs { margin-bottom: 30px; }
	.tbl .tcol.bxs, .tbl.bxs > .tcol { display: block; width: 100% !important; }
	.tbl.grid .tcol.bxs, .tbl.grid.bxs > .tcol { padding-left: 0px !important; padding-right: 0px !important; }
	.txtl-xs { text-align: left !important; }	.txtr-xs { text-align: right !important; }	.txtc-xs { text-align: center !important; }
	.b100-xs { display: block; width: 100%; text-align: center; }
	
	#header .video { height: 25em; }

	.main { padding: 3.5em 0 4em 0 !important; }
	
	.box-form { padding: 3em 2.5em; }

	#depoimentos .depoimento {	
		padding-bottom: 15px;
	}
	.titulo h1 > span {
		font-size: 4em;
	}
	#numeros h4 {
		font-size: 3em;
	}

/* até 550px */
@media (max-width: 550px) {
	.tbl .tcol.bxxs, .tbl.bxxs > .tcol { display: block; width: 100% !important; }
	.tbl.grid .tcol.bxxs, .tbl.grid.bxxs > .tcol { padding-left: 0px !important; padding-right: 0px !important; }
	.txtl-xxs { text-align: left !important; }	.txtr-xxs { text-align: right !important; }	.txtc-xxs { text-align: center !important; }
	.b100-xxs { display: block; width: 100%; text-align: center; }
	
	.btn1,
	.btn2 { display: block; width: 100%; }
	.box-form { padding: 2.5em 2em; }

	.titulo { height: 12em; }
	.titulo h2 > span { font-size: 7em; }
}






/*! HTML5 Boilerplate v4.3.0 - FINAL */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}