@charset "utf-8";
/* CSS Document */
:focus {outline: 0;}
/*FONTES*/
@font-face {
    font-family: 'RobotoThin';
    src: url('fonts/Roboto-Thin.eot');
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Thin.woff2') format('woff2'),
url('fonts/Roboto-Thin.woff') format('woff'),
url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Light.woff2') format('woff2'),
url('fonts/Roboto-Light.woff') format('woff'),
url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: 'RobotoNormal';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Regular.woff2') format('woff2'),
url('fonts/Roboto-Regular.woff') format('woff'),
url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Bold.woff2') format('woff2'),
url('fonts/Roboto-Bold.woff') format('woff'),
url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
}

.fonteExtraFina {
	font-family: RobotoThin, Helvetica, Arial, sans-serif;
}
.fonteFina {
	font-family: RobotoLight, Helvetica, Arial, sans-serif;
}
.fonteNormal {
	font-family: RobotoNormal, Helvetica, Arial, sans-serif;
}
.fonteBold {
	font-family: RobotoBold, Helvetica, Arial, sans-serif;
}

h1 , h2, h3{
	font-weight: normal;
	font-size: 100%;
}
/*FECHA FONTES*/
*{margin:0px; padding:0px;}
a {
	text-decoration: none;
}
body {
	font-size: 20px;
}
.idMail {
	height: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: hidden;
}
.content90 {
	width: 80%;
	margin-left: 10%;
	position: relative;
	float: left;
}

.content100 {
	width: 70%;
	margin-left: 15%;
	position: relative;
	float: left;
}

.centralizar {
	text-align: center;
	float: left;
	width: 100%;
}

.img100 {
	float:left;
	width: 100%;
}
.screen100 
{
	width: 100%;
	float: left;
	position: relative;
}



/*.transparencia{
background-color: rgba(0, 31, 122, 0.5);
	background: rgba(0, 31, 122, 0.5);
	color: rgba(0, 31, 122, 0.5);}*/
	@keyframes colorChange {
            0% { background-color: #ee2776; }
            20% { background-color: #ff8c00; }
            40% { background-color: #0388e6; }
            60% { background-color: #4828b1; }
            80% { background-color: #3cba84; }
            100% { background-color: #ee2776; }

        }
	.faixaColor{
		float:left;
		width:100%;
		height:10px;
    animation: colorChange 10s infinite;
	}
	@keyframes animateClipPath { 0% { clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%); } 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 27% 90%, 0 100%); } }
	.top {
	float: left;
	width: 100%;
	height: 860px;
	/*clip-path: polygon(0 0, 100% 0, 100% 55%, 27% 45%, 0 53%);*/
	clip-path: polygon(0 0, 100% 0, 100% 100%, 27% 90%, 0 100%);
	background-attachment: fixed;
	background-image: url(../imgs/bgTop.jpg);
	background-repeat: no-repeat;
	animation: animateClipPath 1.5s ease forwards;
	background-position: right top;
	background-color:#000000;
}
.logotipoTop {
	float: left;
	width: 414px;
	margin-top: 53px;
}
.txtTop {
	color: #FFF;
	float: left;
	width: 550px;
	margin-top: 25px;
}

.txtTop h1 {
	font-size: 220%;
	width: 455px;
	line-height: 55px;
	text-shadow: 0px 0px 17px #000000;
}
.txtTop h1 span {
	display: block;
}
.txtTop p {
	font-size: 120%;
	margin-top: 15px;
	line-height: 30px;
	text-shadow: 0px 0px 17px #000000;
}
.txtTop a, .bgPto a {
	font-size: 130%;
	color: #FFF;
	background-color: #ff6600;
	float: left;
	margin-top: 20px;
	padding-top: 8px;
	padding-right: 50px;
	padding-bottom: 8px;
	padding-left: 50px;
	border-radius: 25px;

}
.bgPto a {
	float: none;
	/* [disabled]display:block; */
	margin-top: 80px;
	display:inline-block;
}
.linhas {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='560' preserveAspectRatio='none' viewBox='0 0 1920 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1038%26quot%3b)' fill='none'%3e%3cpath d='M -246.578560172982%2c311 C -118.58%2c278.2 137.42%2c134 393.421439827018%2c147 C 649.42%2c160 777.42%2c382.2 1033.421439827018%2c376 C 1289.42%2c369.8 1417.42%2c113.8 1673.421439827018%2c116 C 1929.42%2c118.2 2264.11%2c371.2 2313.421439827018%2c387 C 2362.74%2c402.8 1998.68%2c233.4 1920%2c195' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -622.6245837086084%2c129 C -494.62%2c188.6 -238.62%2c416 17.375416291391588%2c427 C 273.38%2c438 401.38%2c191 657.3754162913916%2c184 C 913.38%2c177 1041.38%2c373.2 1297.3754162913915%2c392 C 1553.38%2c410.8 1812.85%2c290.8 1937.3754162913915%2c278 C 2061.9%2c265.2 1923.48%2c318 1920%2c328' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -2.760537931693534%2c488 C 125.24%2c415.6 381.24%2c158.4 637.2394620683065%2c126 C 893.24%2c93.6 1021.24%2c322.8 1277.2394620683065%2c326 C 1533.24%2c329.2 1661.24%2c116.6 1917.2394620683065%2c142 C 2173.24%2c167.4 2556.69%2c450.6 2557.2394620683062%2c453 C 2557.79%2c455.4 2047.45%2c213.8 1920%2c154' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -311.05661930031386%2c443 C -183.06%2c388.2 72.94%2c189.4 328.94338069968614%2c169 C 584.94%2c148.6 712.94%2c326.4 968.9433806996861%2c341 C 1224.94%2c355.6 1352.94%2c223.6 1608.9433806996863%2c242 C 1864.94%2c260.4 2186.73%2c425.6 2248.9433806996863%2c433 C 2311.15%2c440.4 1985.79%2c309.8 1920%2c279' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1038'%3e%3crect width='1920' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	width: 100%;
	overflow:hidden;
}
.linhas2 {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='560' preserveAspectRatio='none' viewBox='0 0 1920 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1038%26quot%3b)' fill='none'%3e%3cpath d='M -246.578560172982%2c311 C -118.58%2c278.2 137.42%2c134 393.421439827018%2c147 C 649.42%2c160 777.42%2c382.2 1033.421439827018%2c376 C 1289.42%2c369.8 1417.42%2c113.8 1673.421439827018%2c116 C 1929.42%2c118.2 2264.11%2c371.2 2313.421439827018%2c387 C 2362.74%2c402.8 1998.68%2c233.4 1920%2c195' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -622.6245837086084%2c129 C -494.62%2c188.6 -238.62%2c416 17.375416291391588%2c427 C 273.38%2c438 401.38%2c191 657.3754162913916%2c184 C 913.38%2c177 1041.38%2c373.2 1297.3754162913915%2c392 C 1553.38%2c410.8 1812.85%2c290.8 1937.3754162913915%2c278 C 2061.9%2c265.2 1923.48%2c318 1920%2c328' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -2.760537931693534%2c488 C 125.24%2c415.6 381.24%2c158.4 637.2394620683065%2c126 C 893.24%2c93.6 1021.24%2c322.8 1277.2394620683065%2c326 C 1533.24%2c329.2 1661.24%2c116.6 1917.2394620683065%2c142 C 2173.24%2c167.4 2556.69%2c450.6 2557.2394620683062%2c453 C 2557.79%2c455.4 2047.45%2c213.8 1920%2c154' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -311.05661930031386%2c443 C -183.06%2c388.2 72.94%2c189.4 328.94338069968614%2c169 C 584.94%2c148.6 712.94%2c326.4 968.9433806996861%2c341 C 1224.94%2c355.6 1352.94%2c223.6 1608.9433806996863%2c242 C 1864.94%2c260.4 2186.73%2c425.6 2248.9433806996863%2c433 C 2311.15%2c440.4 1985.79%2c309.8 1920%2c279' stroke='rgba(214%2c 214%2c 214%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1038'%3e%3crect width='1920' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	width: 100%;
}
.diferenciais {
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 24%, rgba(233,233,233,1) 79%);
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 127px;
	padding-bottom: 75px;
	box-shadow: 0px 0px 51px -4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 51px -4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 51px -4px rgba(0,0,0,0.4);
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
.amplia { transition: all .2s ease-in-out;}
.amplia:hover { transform: scale(1.07); z-index:1000;  position:relative; 	box-shadow: 0px 0px 37px 13px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0px 0px 37px 13px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 0px 37px 13px rgba(0,0,0,0.33)
}
.diferenciais a {
	font-size: 130%;
	color: #FFF;
	background-color: #ff6600;
	padding-top: 8px;
	padding-right: 130px;
	padding-bottom: 8px;
	padding-left: 130px;
	border-radius: 25px;
	margin-right: auto;
	margin-left: auto;
	display:inline-block;
}
.boxDiferencial {
	display: inline-block;
	width: 326px;
	margin-right: 30px;
	margin-left: 30px;
	vertical-align: top;
	min-height: 307px;
	margin-bottom: 50px;
}
.boxDiferencial figure {
	display: inline-block;
	height: 108px;
	width: 108px;
	border-radius:50%;
}
.boxDiferencial:nth-child(1) figure {
	background-color: #3cba84;
}
.boxDiferencial:nth-child(2) figure {
	background-color: #faa339;
}
.boxDiferencial:nth-child(3) figure {
	background-color: #5f4b9f;
}
.boxDiferencial:nth-child(4) figure {
	background-color: #3b92cf;
}
.boxDiferencial:nth-child(5) figure {
	background-color: #ed2578;
}
.boxDiferencial:nth-child(6) figure {
	background-color: #3cba84;
}
.boxDiferencial:nth-child(7) figure {
	background-color: #faa339;
}
.linhas h2 {
	color: #4326a0;
	float: left;
	width: 550px;
}
.linhas .contentLeft {
	float: left;
	width: 45%;
	margin-left: 5%;
	margin-top:50px;
}
.linhas .contentLeft h2 span:nth-child(1) {
	font-size: 470%;
	display: block;
	line-height: 80px;
}
.linhas .contentLeft h2 span:nth-child(2) {
	font-size: 480%;
	line-height: 90px;
	display: block;
}
.linhas .contentLeft p {
	font-size: 150%;
	color: #4326a0;
	float: left;
	width: 500px;
	margin-top: 42px;
	line-height: 45px;
	margin-bottom: 57px;
}
.linhas .content90 figure {
	width: 536px;
	position: absolute;
	right: 5%;
	bottom: 0px;
}
.boxDiferencial h2 {
	color: #2900ae;
	margin-top: 32px;
	margin-bottom: 15px;
	float: left;
	width: 80%;
	margin-left: 10%;
}
.boxDiferencial p {
	color: #2900ae;
	line-height: 25px;
	width: 90%;
	margin-left: 5%;
	font-size:90%;
}
.diferenciais .screen100 {
	margin-top: 60px;
}
.bgPto {
	background-color: #000000;
	float: left;
	width: 100%;
	position: relative;
	clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
	padding-bottom: 480px;
}
@keyframes animateClipPath2 { 0% { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); } 100% { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 76%); } }
.bgCampo {
	background-attachment: fixed;
	background-image: url(../imgs/bg2.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 100%;
	animation: animateClipPath2 1.5s ease forwards;
	text-align: center;
	padding-top: 145px;
	padding-bottom: 200px;
}
.bgCampo div {
	width: 519px;
	margin-right: auto;
	margin-left: auto;
}
.bgCampo div p {
	font-size: 200%;
	color: #FFF;
	text-align: left;
	margin-bottom: 5px;
}
.bgCampo div figure {
	width: 100%;
}
.bgPto h2 {
	color: #FFF;
	display: inline-block;
	width: 80%;
	font-size: 250%;
	margin-bottom: 40px;
	margin-bottom: 70px;
}
.especialidade {
	text-align: left;
	width: 42%;
	margin-right: 23px;
	margin-left: 23px;
	min-height: 80px;
	vertical-align: top;
	margin-bottom: 30px;
	display: inline-block;
}
.especialidade img {
	float: left;
}
.especialidade p {
	float: right;
	color: #FFF;
	width: 83%;
	line-height: 25px;
}
.jogoTV {
	width: 100%;
	position: absolute;
	top: -400px;
	text-align: center;
}
.jogoTV figure {
	max-width: 998px;
	width:100%;
	display: inline-block;
}
.txtFinal figure {
	width: 228px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
.txtFinal {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 300px;
	padding-bottom: 60px;
}
.txtFinal h2 {
	clear: both;
	width: 42%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	font-size: 200%;
}
.rodape {
	background-color: #000000;
	float: left;
	width: 100%;
	padding-top: 150px;
}
.logoRodape {
	width: 222px;
	margin-left:7%;
}
.mais-info {
	float: left;
	margin-left: 40px;
}
.mais-info h2 {
	color: #ff6600;
}
.mais-info a, .mais-info p {
	color: #d8d9dd;
	margin-top: 4px;
}
.qr-code {
	float: right;
	margin-bottom: 40px;
}
.details {
	float: left;
	width: 100%;
}
.details div {
	float: left;
	height: 10px;
	width: 33.333%;
}
.details div:nth-child(1) { background-color:#5f4b9f; }
.details div:nth-child(2) { background-color:#faa339;}
.details div:nth-child(3) { background-color:#3cba84;}

.formGeral input, .formGeral textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.ajusta50 {
	float: left;
	width: 47.5%;
	margin-right: 5%;
}
.ajusta50:nth-child(2n) {margin-right:0px;}
.inputGeral {
	background-color: #f7f7f7;
	height: 45px;
	width: 100%;
	border-radius: 5px;
	margin-bottom: 15px;
	padding-left: 15px;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cacaca;
	font-size:90%;
}
.campoIndispensavel{
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #F00;
}
.textareaGeral {
	border-radius: 3px;
	height: 77px;
	margin-bottom: 7px;
	padding-left: 15px;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cacaca;
	font-size: 90%;
	padding-top: 5px;
	float:left;
	width: 100%;
	background-color: #f7f7f7;
}
.formGeral {
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:27px;
}
.formGeral h2{
	float:left;
	font-size:190%;
	color:#971CA8;
}
.formGeral p{
	font-size:80%;
	float:left;
	margin-bottom:30px;
}
.btGeral {
	color: #ffffff;
	background-color: #5f4b9f;
	float: right;
	font-size: 110%;
	border: none;
	padding: 12px;
	margin-top: 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-radius: 5px;
}
.btGeral:hover{
	background-color: #ff7800;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#777777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#777777;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#777777;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#777777;
}

.linhaColorida{
	float:left;
	width:20%;
	height:7px;
	display:inline-block;
}
.linhaColorida:nth-child(1) {
    background-color: #ee2776; /* Cor 1 */
}

.linhaColorida:nth-child(2) {
    background-color: #ff8c00; /* Cor 2 */
}

.linhaColorida:nth-child(3) {
    background-color: #0388e6; /* Cor 3 */
}

.linhaColorida:nth-child(4) {
    background-color: #4828b1; /* Cor 4 */
}
.linhaColorida:nth-child(5) {
    background-color: #3cba84; /* Cor 4 */
}


.politica {
	float: left;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 60px;
	text-align:justify;
}
.politica h1 {
	color: #4326a0;
	font-size: 110%;
	margin-bottom: 20px;
}
.politica h2 {
	color: #4326a0;
	font-size: 100%;
	margin-bottom: 7px;
	margin-top: 10px;
	line-height: 25px;
}
.politica p {
	font-size: 100%;
	color: #999;
	margin-bottom: 15px;
	line-height: 30px;
}

.boxCookie {
background-color:#000;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(3px);
background-color: rgba(48, 0, 93, 0.77);
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 5000000;
	color: #ffffff;
	text-align: center;
	font-size: 80%;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 19px;
}
.boxCookie p a {
	color: #FFF;
	text-decoration: underline;
	background: none;
}
.botaoCookie {
	color: #000;
	background-color: #fc0;
	font-size: 100%;
	float: right;
	padding-top: 9px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	line-height: normal;
	border:none;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   cursor:pointer;
   	border-radius: 25px;
}
.txtCookie {
	float: left;
	width: 85%;
	text-align: justify;
}
.logoPolitica figure {
	width: 00200px;
}
.logoPolitica {
	float: left;
	width: 100%;
	margin-bottom: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	
box-shadow: 0px 0px 51px -4px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 51px -4px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 51px -4px rgba(0,0,0,0.4);
}
.politica a {
	color: #4326a0;
	display: block;
	margin-bottom: 20px;
}