@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:wght@600|Quicksand:wght@500;700&display=swap');

*
{
	box-sizing:border-box !important;
}

html,body
{
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
	float:left !important;
		
	background-color:#FFFFFF;
	font-family:'Poppins';
	font-size:13px;
	line-height:18px;
	color:#838383;

	height:100%;
	min-height:100%;
	display:table !important;
	overflow-x:hidden !important;
}

#Preload
{
	width:100%;
	height:100%;
	min-height:100%;
	
	position:fixed !important;
	z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
	text-align:center;
		
	background-color:rgb(255,255,255,0.9);
	
	transition:all 2s;
	animation: fade 2s;
    -webkit-animation: fade 2s;
    -moz-animation: fade 2s;
}

#Preload div
{
	width:120px;
	height:120px;
	margin:0 auto;
	margin-top:18%;
	border-radius:150px;
	
	background-color:rgb(255,255,255);
	box-shadow:1px 1px 4px rgb(0,0,0,0.2);
	
	background-image:url(../js/ajax/loader/preload.gif);
	background-size:auto 150px;
	background-position:center;
	background-repeat:no-repeat;
	
	transition:all 2s;
	animation: fade 2s;
	  -webkit-animation: fade 2s;
	  -moz-animation: fade 2s;
}

.preloadIframe
{
	width:100%;
	float:left;
	height:100%;
	
	background-image:url(../js/ajax/loader/preload.gif);
	background-size:auto 150px;
	background-position:center;
	background-repeat:no-repeat;
}

.hidden 
{
  visibility: hidden; /* ou display: none; dependendo do efeito desejado */
  opacity: 0;
  position: absolute; /* Garante que não afete o layout */
  transform: translateX(-100px); /* Garante que os elementos estejam fora da tela inicialmente */
  transition: all 0.5s ease-in-out; /* Adiciona transição para suavizar a revelação */
}

#Top
{
	width:55px;
	height:55px;
	background-color:rgb(1,190,211);
	border-radius:100px;
	
	position:fixed;
	padding:5px;
	padding-top:13px;
	bottom:10px;
	right:10px;
	opacity:0;
	text-align:center;	
	
	z-index:999999999999999 !important;
	
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#bannerWhats
{
	width:68px;
	height:68px;
	background-color:rgb(243,243,243);
	border:solid 5px #FFFFFF;
	border-radius:68px;
	cursor:pointer;
	
	position:fixed;
	padding:5px;
	padding-top:13px;
	bottom:8px;
	left:8px;
	opacity:0;
	text-align:center;	
	
	z-index:999999999999999 !important;
	
	box-shadow:inset 1px 1px 6px rgb(0,0,0,0.1), 1px 1px 9px rgb(0,0,0,0.3);
	background-image:url(../images/whats1.png);
	background-size:cover;
	background-position:center;
	
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;	
}

#bannerWhats div
{
	width:30px;
	height:30px;
	border-radius:30px;
	
	position:absolute;
	right:-10px;
	bottom:5px;
	
	background-image:url(../images/whats1.png);
	background-position:center;
	background-size:25px auto;
	background-color:#25d567;
	
	border:solid 2px #FFFFFF;
	box-shadow:inset 1px 1px 3px rgb(0,0,0,0.1), 1px 1px 6px rgb(0,0,0,0.3);
}

.bannerWhatsZoom
{
	
	-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08);
	
	transition: all 0.5s ease-in;	
}

#Top img
{
	cursor:pointer;	
	width:25px !important;
}

#Top:hover
{
	-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08);
}

.pointer
{
	cursor:pointer !important;	
}

.sombraInset
{
	box-shadow:inset 1px 6px 18px rgb(0,0,0,0.07);	
}

.sombraOff
{
	box-shadow:1px 1px 16px rgb(0,0,0,0.38);	
}

.titles
{
	width:100%;
	float:left;
	font-family:'Poppins';
	/*text-transform:uppercase;*/
	font-size:60px;
	color:#909090;	
	
	/*text-shadow:3px 0px 3px rgba(0,0,0,0.1);*/
	margin-bottom:10px;
	text-align:center;
	height:110px;
	
	letter-spacing:4px;
	font-weight: 200;	
	text-transform:uppercase;
	
	background-image:url(../images/sep.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.titlesBasic
{
	width:100%;
	float:left;
	font-family:'Poppins';
	/*text-transform:uppercase;*/
	font-size:25px;
	color:#909090;	
	
	/*text-shadow:3px 0px 3px rgba(0,0,0,0.1);*/
	margin-bottom:18px;
	text-align:center;
	height:70px;
	display:table;
	padding-bottom:10px;
	
	letter-spacing:4px;
	font-weight:300;	
	text-transform:uppercase;
	
	background-image:url(../images/sepTitle.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.titlesCenter
{
	width:100%;
	float:left;
	display:table;
	
	font-family:'Poppins' !important;
	font-size:30px;
	line-height:55px;
	letter-spacing:5px;
	color:rgb(90,90,90);
	
	text-transform:uppercase;
	text-align:center;
	
	margin-bottom:25px;
}

.titlesCenterWhite
{
	width:100%;
	float:left;
	display:table;
	
	font-family:'Poppins' !important;
	font-size:30px;
	line-height:55px;
	letter-spacing:5px;
	color:#FFFFFF;
	
	text-transform:uppercase;
	text-align:center;
	
	margin-bottom:25px;
}

.titlesCenterLinks
{
	width:100%;
	float:left;
	display:table;
	
	font-family:'Poppins' !important;
	font-size:30px;
	letter-spacing:5px;
	color:rgb(90,90,90);
	
	text-transform:uppercase;
	text-align:center;
	
	margin-bottom:10px;
}

.titlesCenter1
{
	width:100%;
	float:left;
	display:table;
	
	font-family:'Poppins' !important;
	font-size:27px;
	line-height:55px;
	
	text-transform:uppercase;
	text-align:center;
	
	margin-bottom:5px;
}

.titlesLine
{
	width:100px;
	margin:0 auto;
	border-top:solid 5px rgb(255,255,255,0.7);
	margin-top:5px;	
}

.titlesLine1
{
	width:100px;
	margin:0 auto;
	border-top:solid 5px #afaaa4;
	margin-top:5px;	
}

.titlesLine2
{
	width:100px;
	margin:0 auto;
	border-top:solid 5px #01DBF3;
	margin-top:5px;	
}

.titlesLine3
{
	width:100px;
	margin:0 auto;
	border-top:solid 5px #01BED3;
	margin-top:5px;	
}

.titlesCenterLinksLine
{
	width:100px;
	margin:0 auto;
	height:20px;
	border-top:solid 5px #01BED3;
	margin-top:25px;
    margin-bottom: 15px;
}

.contentWhite
{
	position:relative;
	width:100%;
	float:left;
	display:table;
	min-height:600px;
	background:rgb(245,245,245);
	display:table !important;	
	box-shadow:inset 0px 0px 30px rgb(0,0,0,0.2);	
	z-index:9999 !important;
}

.contentWhite > div:nth-child(1)
{
	width:70%;
	float:left;
	height:600px;
	display:table !important;
	
	padding-left:10%;
	padding-top:12%;
	padding-right:15%;
	padding-bottom:10%;
	
	text-align:justify;
	line-height:22px;
}

.contentWhite > div:nth-child(2) /* FOTO */
{
	width:30%;
	float:right;
	height:600px;
	
	padding-right:10%;
	padding-top:12%;
}

.contentWhitePrint1
{
	position:relative;
	width:100%;
	float:left;
	display:table;
	min-height:600px;
	background:rgb(255,255,255);
	display:table !important;	
	box-shadow:0px 0px 72px rgb(0,0,0,0.4);	
	z-index:9999 !important;	
	text-align:center;
	
	padding-top:9%;
	padding-bottom:5%;
}

.contentWhitePrint1 > div:nth-child(1)
{
	width:90%;
	margin:0 auto;
	text-align:center !important;
	display:table;
	
	font-size:14px;
	line-height:25px;
}

.contentWhitePrint1 .images
{
	width:48%;
	max-width:48%;
	float:left;
	padding:1%;
}

.contentWhitePrint1 .images img
{
	max-width:100%;	
}


.contentWhitePrint
{
	position:relative;
	width:100%;
	float:left;
	display:table;
	min-height:600px;
	background:rgb(255,255,255);
	display:table !important;	
	box-shadow:0px 0px 62px rgb(0,0,0,0.3);	
	z-index:9999 !important;	
	text-align:center;
}

.contentGrey
{
	width:100%;
	float:left;
	background-color:rgb(50,50,50);	
	
	padding:10%;
	height:600px;
}

.contentWhite1
{
	width:100%;
	float:left;
	display:table;
	min-height:600px;
	background:rgb(240,240,240);
	padding:5%;
	padding-top:8%;
	
	box-shadow:0px 0px 22px rgb(0,0,0,0.8);	
}

.contentGrey2
{
	width:100%;
	float:left;
	display:table;
	min-height:600px;
	background-color:rgb(100,100,100);
	padding:5%;
	padding-top:8%;
	
	box-shadow:0px 0px 22px rgb(0,0,0,0.8);	
}

.contentGrey3
{
	width:100%;
	float:left;
	display:table;
	min-height:600px;
	/*background-color:rgb(110,110,110);*/
	background-color: rgba(255,255,255,1.00);
	padding:5%;
	padding-top:8%;
	
	box-shadow:0px 0px 22px rgb(0,0,0,0.8);	
}

.content_center
{
	width:65%;
	margin:0 auto !important;	
}

.content_login
{
	width:100%;
	float:left;
	display:table;
	margin-top:10px;
	margin-bottom:10px;
	
	font-size:11px;
	line-height:15px;
	color:rgb(120,120,120);	
}

.content_bt
{
	width:100%;
	float:left;
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
	
	padding-bottom:20px;
	
	background-image:url(../images/sep.png);
	background-repeat:no-repeat;
	background-position:center top;
	
	padding-top:20px;	
}

.font1
{
	font-family:'Poppins';
	font-size:12px !important;
	line-height:21px !important;
}


.subtitles
{
	width:100%;
	font-size:18px;	
	font-family:'Poppins';
	letter-spacing:4px;
	color:#5b5a5a;
	margin-top:8px;	
}

.white
{
	color:#FFFFFF;	
}

.text
{
	width:100%;
	font-size:15px;	
	font-family:'Poppins';
	color:#838383;
	margin-top:10px;	
	padding-left:8px;
	line-height:34px;
}

article
{
	width:100%;
	float:left !important;
	display:table !important;	
	
	-webkit-transition: all 3s; /* Safari */
    transition: all 3s;
}

.content_corpo_auto
{
	width:auto;
	margin:0 auto;
	display:table;
}

.corpo90
{
	width:90%;
	margin:0 auto;
	padding:20px;
}

.corpo80
{
	width:80%;
	margin:0 auto;
	padding:20px;
}

.corpo60
{
	width:60%;
	margin:0 auto;
	padding:20px;
}

.corpo_links
{
	width:100%;
	float:left;
	display:table;
	min-height:600px !important;
	height:100%;
	padding-top:20px;
}


.content_auto
{
	width:auto !important;
	min-width:95%;
	margin:0 auto !important;
	padding:0px !important;
	
	display:table;
}


.content
{
	width:100% !important;
	float:left;
	display:table !important;
}


.corpo_right
{
	width:70%;
	float:right;
	padding-right:30px;	
}

.mtop
{
	margin-top:15px;	
}

.mtop5
{
	margin-top:5px;	
}

.mtop10
{
	margin-top:10px;	
}

.mtop20
{
	margin-top:20px;	
}

.mtop30
{
	margin-top:30px;	
}

.mtop50
{
	margin-top:50px;	
}

.mtop60
{
	margin-top:60px;	
}

.mtop70
{
	margin-top:70px;	
}

.mtop80
{
	margin-top:80px;	
}

.mtop100
{
	margin-top:100px;	
}

.mtop80N
{
	margin-top:-80px !important;	
}

.mtop100N
{
	margin-top:-100px !important;	
}

.mbottom40
{
	margin-bottom:40px !important;
}

.mbottom50
{
	margin-bottom:50px !important;
}

.mbottom60
{
	margin-bottom:60px !important;
}

.mbottom100
{
	margin-bottom:100px !important;
}

.mleft10p
{
	margin-left:10%;
}

.mright10p
{
	margin-right:10%;
}

.FontBig
{
	font-size: 30px;
	font-family: 'Poppins';
}

.left
{
	text-align:left;	
}

.FontMin
{
	font-size: 11px !important;
	line-height:14px;
	font-family: 'Poppins';
	color:#B9B9B9;
}

.FontMin2
{
	font-size: 13px !important;
	line-height:15px;
	font-family: 'Poppins';
	color:#969696;
}

.FontMin3
{
	font-size: 12px !important;
	line-height:15px;
	font-family: 'Poppins';
	color:#888;
}

.red
{
	color:rgb(255,0,0) !important;	
}

.mtopN
{
	margin-top:-15px !important;
}

.mtopN2
{
	margin-top:-10px !important;
}

.mtopN3
{
	margin-top:-5px !important;
}

.mtopN40
{
	margin-top:-40px !important;
}

.center
{
	text-align:center !important;	
}

.div_center
{
	width:auto !important;
	display:table !important;
	text-align:center;
	margin:0 auto !important
}

.left
{
	float:left !important;
	display:table !important;	
}

.text_left
{
	text-align:left !important;	
}

.white
{
	color:#FFFFFF !important;	
}

.none
{
	display:none !important;	
}

.right
{
	float:right;
	display:table;	
}

.ptop,.ptop10
{
	padding-top:10px;	
}

.ptop02
{
	padding-top:2px;	
}

.ptop2
{
	padding-top:20px;	
}

.ptop5
{
	padding-top:5px;	
}

.pbottom
{
	padding-bottom:10px;	
}

.pbottom50
{
	padding-bottom:50px;	
}

.pleft
{
	padding-left:5px;	
}

.pleft15
{
	padding-left:15px;	
}

.pleft25
{
	padding-left:25px;	
}

.pright
{
	padding-right:5px;	
}

.pright10
{
	padding-right:10px;	
}

.pright20
{
	padding-right:20px;	
}

.pright30
{
	padding-right:30px;	
}

.pright50
{
	padding-right:50px;	
}


.pright80
{
	padding-right:80px;	
}

.minHeight
{
	height:450px;
	min-height:450px !important;
}

.justify
{
	text-align:justify;
	line-height:20px;	
}

.line-height
{
	line-height:28px;	
}

#janelas
{
	display:none !important;	
}

a
{
	text-decoration:none !important;	
	color:rgb(51,51,51) !important;
}

.tam60p
{
	width:60% !important;
	min-width:60% !important;	
}

.tam40p
{
	width:40% !important;
	min-width:40% !important;	
}

.video
{
	border:solid 8px #FFFFFF;
	box-shadow:2px 2px 16px rgb(0,0,0,0.22);
	padding:3px;
	background-color:rgb(245,245,245);	
}

.mensagem_presente
{
	width:100%;
	height:auto;
	background-color:rgb(249,249,249);
	border:dotted 1px rgb(200,200,200);
	
	padding:8px;	
	display:table;
	margin-top:30px;
	margin-bottom:50px;
	text-align:left;
	
	background-image:url(../images/present.png);
	background-size:30px auto;
	background-position:10px 10px;
	background-repeat:no-repeat;
	
	padding-left:60px;
	line-height:30px;
}

.mensagem_presente strong
{
	font-size:14px !important;
	line-height:20px !important;
}

.mensagem_presente span
{
	font-size:12px !important;
	line-height:18px !important;
}

.mensagem_plano
{
	width:100%;
	float:left;
	height:auto;
	background:rgb(250,250,250);
	border:solid 1px rgb(210,210,210);
	border-radius: 10px;
	
	padding:10px;
	padding-left: 15px;
	padding-top:12px;
	display:table;
	margin-top:-15px;
	margin-bottom:30px;
	text-align:center;
	
	font-size:14px;
	color:rgb(1,190,211);
}

.mensagem_plano span
{
	font-size:10px !important;
	line-height:16px !important;
	color:rgb(122,122,122) !important;
}

.frame_pagamento
{
	width:100%;
	float:left;
	height:100%;
	min-height:480px;
	border:none !important;	
}

footer
{
	width:100%;
	float:left;
	text-align:center;
	background-color:#313131;
	color:#FFFFFF;
	
	font-size:13px;
	line-height:18px;
	padding:25px;	
	box-shadow:inset 1px 1px 5px rgb(0,0,0,0.2);
}

footer span
{
	font-size:10px !important;	
}

footer a
{
	color:#FFFFFF !important;	
}