/* -----------------
AUXILIARES
----------------- */
/*@import url(https://3ws.dev.br/app/animate/animate.min.css);*/
/*@import url('https://3ws.dev.br/tec/css/auxi/aos.css');*/

/* -----------------
FONT PADRÃO
----------------- */
/*@import url('https://3ws.dev.br/tec/fonts/fa/css/all.min.css');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


/* -----------------
VARIAVEIS
----------------- */
:root{

	--t1: all 100ms ease-in-out;
	--t2: all 200ms ease-in-out;
	--t3: all 300ms ease-in-out;
	--t4: all 400ms ease-in-out;
	--t5: all 500ms ease-in-out;
	--t6: all 600ms ease-in-out;
	--t7: all 700ms ease-in-out;
	--t8: all 800ms ease-in-out;
	--t9: all 900ms ease-in-out;
	--t10: all 1000ms ease-in-out;
	--t11: all 1100ms ease-in-out;
	--t12: all 1200ms ease-in-out;
	--t13: all 1300ms ease-in-out;
	--t14: all 1400ms ease-in-out;
	--t15: all 1500ms ease-in-out;	
	
	--ff-primary: 'Roboto', sans-serif;


}

/* -----------------
ASSINATURA 3WS
----------------- */
@-webkit-keyframes animationgradienttitle {0% {background-position: 0 1000px;} 100% {background-position: 1000px 0;}}
@keyframes animationgradienttitle {0% {background-position: 0 1000px;} 100% {background-position: 1000px 0;}}
.sign3Ws{
	font-family:var(--ff-primary);
	color: #000;
	font-weight:700;
	background: rgb(0,255,255);
	background: -moz-linear-gradient(90deg, rgba(0,255,255,1) 0%, rgba(94,0,255,1) 15%, rgba(131,58,180,1) 30%, rgba(253,29,29,1) 45%, rgba(252,176,69,1) 60%, rgba(255,248,0,1) 75%, rgba(48,190,84,1) 90%, rgba(0,255,255,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,255,255,1) 0%, rgba(94,0,255,1) 15%, rgba(131,58,180,1) 30%, rgba(253,29,29,1) 45%, rgba(252,176,69,1) 60%, rgba(255,248,0,1) 75%, rgba(48,190,84,1) 90%, rgba(0,255,255,1) 100%);
	background: linear-gradient(90deg, rgba(0,255,255,1) 0%, rgba(94,0,255,1) 15%, rgba(131,58,180,1) 30%, rgba(253,29,29,1) 45%, rgba(252,176,69,1) 60%, rgba(255,248,0,1) 75%, rgba(48,190,84,1) 90%, rgba(0,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff",endColorstr="#00ffff",GradientType=1);
	background-size: 1000px 200px;	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-name: animationgradienttitle;
          animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;	
}


/* -----------------
PADRONIZAÇÃO
----------------- */
	html, body{
		width: 99.99999998999999%;  
		*width: 99.94680850063828%;
		min-width: 99.99999998999999%;
		max-width: 99.99999998999999%;
			
	}
	html,body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {
		margin: 0;
	}
	ul[role="list"],ol[role="list"] {
		list-style: none;
	}

	html:focus-within {
		scroll-behavior: smooth;
	}
	body {
		border: 0px;
	}
	a{
		text-decoration:none;
	}
	.orem{
		cursor:pointer !important;
	}
	.w100{
		width: 99.99999998999999% !important;  
		*width: 99.94680850063828% !important; 
		margin:0 !important;
	}
	.h100{
		height:100% !important; 
		margin-top:0; 
		margin-bottom:0;
	}
	.divcontainer, 
	.bodycontainer{
		width: min(100% - 4rem, 65ch);
		margin-inline: auto;	
	}
	.divcontainer > *+*,
	.bodycontainer > *+*{
		margin-top: var(--flow-space, 1em);
	}
	.divcontainer::before,
	.divcontainer::after,
	.bodycontainer::before,
	.bodycontainer::after{
		clear:both !important;
	}


/* -----------------
TEXTOS
----------------- */
	ol,
	li,
	ul{
		list-style-type:none;
	}
	.wbr{
		-ms-word-break: break-all; 
		word-break: break-all; 
		word-break: break-word; 
		-webkit-hyphens: auto; 
		-moz-hyphens: auto; 
		-ms-hyphens: auto; 
		hyphens: auto;
	}
	.fw100,fwi100,.roboto-thin,.roboto-thin-italic {
	  font-family: var(--ff-primary);
	  font-weight: 100;
	}

	.fw300,.fwi300,.roboto-light,.roboto-light-italic {
	  font-family: var(--ff-primary);
	  font-weight: 300;
	}

	.fw400,.fwi400,.roboto-regular,.roboto-regular-italic {
	  font-family: var(--ff-primary);
	  font-weight: 400;
	}

	.fw500,.fwi500,.roboto-medium,.roboto-medium-italic {
	  font-family: var(--ff-primary);
	  font-weight: 500;
	}

	.fw700,.fwi700,.roboto-bold,.roboto-bold-italic,b {
	  font-family: var(--ff-primary);
	  font-weight: 700;
	}

	.fw900,.fwi900,.roboto-black,.roboto-black-italic,bb {
	  font-family: var(--ff-primary);
	  font-weight: 900;
	}
	.fw100,.fw300,.fw400,.fw500,.fw700,.fw900,
	.roboto-thin,.roboto-light,.roboto-regular,.roboto-medium,.roboto-bold,.roboto-black{
		font-style: normal;
	}
	.fwi100,.fwi300,.fwi400,.fwi500,.fwi700,.fwi900,
	.roboto-thin-italic,.roboto-light-italic,.roboto-regular-italic,.roboto-medium-italic,.roboto-bold-italic,.roboto-black-italic{
		font-style: italic;
	}
	.tjus, .tjust, .tjustify, .tjustificado, .justificado, .justfy, .just, .jus{text-align:justify;}

	
/* -----------------
IMAGENS
----------------- */
	img,
	picture,
	svg,
	video{
		position:relative;
		width: 100%;
		height:auto;
		max-width: 100%;
		display: block;
	}    

	
/* -----------------
DIVISORES
----------------- */
	.divisor-huge{clear:both !important; height:150px !important;}
	.divisor-big{clear:both !important; height:70px !important;}
	.divisor{clear:both !important; height:35px !important;}
	.divisor-min{clear:both !important; height:10px !important;}
	.divisor-mic{clear:both !important; height:5px !important;}
	.clear{clear:both !important; height:0px !important;}
	hr{width:100%; height:1px; background:var(--ltn__secondary-color); margin:5px; border:none; clear:both;}    

	
/* -----------------
ALINHAMENTOS
----------------- */		
	.posrel{position:relative !important;}
	.posabs{position:absolute !important;}
	.fright {float: right;}
	.fleft {float: left;}
	.tleft{text-align:left;}
	.tcenter{text-align:center;}
	.tright{text-align:right;}	
	.acenter-h, .acenter-v, .acenter{display:flex;}
	.acenter-h, .acenter{align-items:center;}
	.acenter-v, .acenter{justify-content:center;}
	.fixed, 
	.fixar, 
	.fixo {
		width: 99.99999998999999%;  
		*width: 99.94680850063828%; 
		position: fixed; 
		top:0;
		left:0;
	}

	
/* -----------------
CIRCULO
----------------- */	
	.circle, .circulo{
		-webkit-border-radius:100% !important; 
		-moz-border-radius: 100% !important; 
		border-radius: 100% !important; 
		overflow:hidden !important;
	}
	
	
/* -----------------
POSICIONAMENTO
----------------- */
	.posrel{position:relative !important;}
	.posabs{position:absolute !important;}
	.fright {float: right !important;}
	.fleft {float: left !important;}	


/* -----------------
ALFA
----------------- */
	.alfa, .desabilitado, .inativo, .desativado, .desligado{zoom: 1;filter: alpha(opacity=30);opacity: 0.3;-webkit-transition:var(--t7);-moz-transition:var(--t7);-ms-transition:var(--t7);-o-transition:var(--t7);transition:var(--t7);}
	.alfa:hover{zoom: 1;filter: alpha(opacity=100);opacity: 1;-webkit-transition:var(--t7);-moz-transition:var(--t7);-ms-transition:var(--t7);-o-transition:var(--t7);transition:var(--t7);}	

	
/* -----------------
TRANSIÇÕES
----------------- */
	.transit100,.tr100{-webkit-transition: var(--t1); -moz-transition: var(--t1);-ms-transition: var(--t1);-o-transition:  var(--t1);transition:  var(--t1);}
	.transit200, .tr200{-webkit-transition: var(--t2); -moz-transition: var(--t2);-ms-transition: var(--t2);-o-transition:  var(--t2);transition:  var(--t2);}
	.transit300, .tr300{-webkit-transition: var(--t3); -moz-transition: var(--t3);-ms-transition: var(--t3);-o-transition:  var(--t3);transition:  var(--t3);}
	.transit400, .tr400{-webkit-transition: var(--t4); -moz-transition: var(--t4);-ms-transition: var(--t4);-o-transition:  var(--t4);transition:  var(--t4);}
	.transit500, .tr500{-webkit-transition: var(--t5); -moz-transition: var(--t5);-ms-transition: var(--t5);-o-transition:  var(--t5);transition:  var(--t5);}
	.transit600, .tr600{-webkit-transition: var(--t6); -moz-transition: var(--t6);-ms-transition: var(--t6);-o-transition:  var(--t6);transition:  var(--t6);}
	.transit700, .tr700{-webkit-transition: var(--t7); -moz-transition: var(--t7);-ms-transition: var(--t7);-o-transition:  var(--t7);transition:  var(--t7);}
	.transit800, .tr800{-webkit-transition: var(--t8); -moz-transition: var(--t8);-ms-transition: var(--t8);-o-transition:  var(--t8);transition:  var(--t8);}
	.transit900, .tr900{-webkit-transition: var(--t9); -moz-transition: var(--t9);-ms-transition: var(--t9);-o-transition:  var(--t9);transition:  var(--t9);}
	.transit1000, .tr1000{-webkit-transition: var(--t10); -moz-transition: var(--t10);-ms-transition: var(--t10);-o-transition:  var(--t10);transition:  var(--t10);}
	.transit1100, .tr1100{-webkit-transition: var(--t11); -moz-transition: var(--t11);-ms-transition: var(--t11);-o-transition:  var(--t11);transition:  var(--t11);}
	.transit1200, .tr1200{-webkit-transition: var(--t12); -moz-transition: var(--t12);-ms-transition: var(--t12);-o-transition:  var(--t12);transition:  var(--t12);}
	.transit1300, .tr1300{-webkit-transition: var(--t13); -moz-transition: var(--t13);-ms-transition: var(--t13);-o-transition:  var(--t13);transition:  var(--t13);}
	.transit1400, .tr1400{-webkit-transition: var(--t14); -moz-transition: var(--t14);-ms-transition: var(--t14);-o-transition:  var(--t14);transition:  var(--t14);}
	.transit1500, .tr1500{-webkit-transition: var(--t15); -moz-transition: var(--t15);-ms-transition: var(--t15);-o-transition:  var(--t15);transition:  var(--t15);}	
	

/* -----------------
COLUNAS
----------------- */
	.flx{
		display:flex;
		flex-flow: column wrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content:stretch;
	}
	.flx .tcenter{align-items:center;}
	.flx .center{align-content:center; align-items:center;}

	.ncols2, 
	.ncols3, 
	.ncols4, 
	.ncols5, 
	.ncols6, 
	.ncols7, 
	.ncols8, 
	.ncols9, 
	.ncols10, 
	.ncols11, 
	.ncols12{
		display:grid; 
		grid-auto-columns: 1fr;
	}
	.ncols2{grid-template-columns: repeat(2, 1fr);}
	.ncols3{grid-template-columns: repeat(3, 1fr);}
	.ncols4{grid-template-columns: repeat(4, 1fr);}
	.ncols5{grid-template-columns: repeat(5, 1fr);}
	.ncols6{grid-template-columns: repeat(6, 1fr);}
	.ncols7{grid-template-columns: repeat(7, 1fr);}
	.ncols8{grid-template-columns: repeat(8, 1fr);}
	.ncols9{grid-template-columns: repeat(9, 1fr);}
	.ncols10{grid-template-columns: repeat(10, 1fr);}
	.ncols11{grid-template-columns: repeat(11, 1fr);}
	.ncols12{grid-template-columns: repeat(12, 1fr);}
	
	.un2cols{grid-column: span 2;}
	.un3cols{grid-column: span 3;}
	.un4cols{grid-column: span 4;}
	.un5cols{grid-column: span 5;}
	.un6cols{grid-column: span 6;}
	.un7cols{grid-column: span 7;}
	.un8cols{grid-column: span 8;}
	.un9cols{grid-column: span 9;}
	.un10cols{grid-column: span 10;}
	.un11cols{grid-column: span 11;}
	.un12cols{grid-column: span 12;}	

	.g3{ gap:3px;}
	.g5{ gap:5px;}
	.g10{ gap:10px;}
	.g15{ gap:15px;}
	.g20{ gap:20px;}
	.g25{ gap:25px;}
	.g30{ gap:30px;}
	.g35{ gap:35px;}
	.g40{ gap:40px;}
	.g45{ gap:45px;}
	.g50{ gap:50px;}

	.nlines1,
	.nlines2,
	.nlines3,
	.nlines4,
	.nlines5,
	.nlines6,
	.nlines7,
	.nlines8,
	.nlines9,
	.nlines10
	{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;	
	}
	.nlines1{-webkit-line-clamp: 1;}
	.nlines2{-webkit-line-clamp: 2;}
	.nlines3{-webkit-line-clamp: 3;}
	.nlines4{-webkit-line-clamp: 4;}
	.nlines5{-webkit-line-clamp: 5;}
	.nlines6{-webkit-line-clamp: 6;}
	.nlines7{-webkit-line-clamp: 7;}
	.nlines8{-webkit-line-clamp: 8;}
	.nlines9{-webkit-line-clamp: 9;}
	.nlines10{-webkit-line-clamp: 10;}	



/* -----------------
MARGENS
----------------- */
	.nomargin{margin:0px !important;}
	.nomargin-t{margin-top:0px !important;}
	.nomargin-l{margin-left:0px !important;}
	.nomargin-r{margin-right:0px !important;}
	.nomargin-b{margin-bottom:0px !important;}
	.nomargin-tb{margin-top:0px !important; margin-bottom:0px !important;}
	.nomargin-lr{margin-left:0px !important; margin-right:0px !important;}

	
	
/* -----------------
PADDINGS
----------------- */
	.pd3{padding:3px;}
	.pd5{padding:5px;}
	.pd10{padding:10px;}
	.pd15{padding:15px;}
	.pd20{padding:20px;}
	.pd25{padding:25px;}
	.pd30{padding:30px;}
	.pd35{padding:35px;}
	.pd40{padding:40px;}
	.pd45{padding:45px;}
	.pd50{padding:50px;}
	.pd75{padding:75px;}
	.pd100{padding:100px;}

	.pdl3{padding:0px 3px;}
	.pdl5{padding:0px 5px;}
	.pdl10{padding:0px 10px;}
	.pdl15{padding:0px 15px;}
	.pdl20{padding:0px 20px;}
	.pdl25{padding:0px 25px;}
	.pdl30{padding:0px 30px;}
	.pdl35{padding:0px 35px;}
	.pdl40{padding:0px 40px;}
	.pdl45{padding:0px 45px;}
	.pdl50{padding:0px 50px;}
	.pdl75{padding:0px 75px;}
	.pdl100{padding:0px 100px;}

	.npd{padding:0px !important;}
	.npd-t{padding-top:0px !important;}
	.npd-b{padding-bottom:0px !important;}
	.npd-l{padding-left:0px !important;}
	.npd-r{padding-right:0px !important;}
	.npd-tb{padding-top:0px !important; padding-bottom:0px !important;}
	.npd-lr{padding-left:0px !important; padding-right:0px !important;}	
	
	
	
/* -----------------
BORDAS
----------------- */
	.bord-s1{border:solid 1px #CCC;}
	.bord-s2{border:solid 2px #CCC;}
	.bord-s3{border:solid 3px #CCC;}
	.bord-s5{border:solid 5px #CCC;}
	.bord-s10{border:solid 10px #CCC;}	
	
	
/* -----------------
SOCIALSHARE - BARRA DE COMPARTILHAMENTO EM REDES SOCIAIS
----------------- */
	.social-share-bar ol, 
	.social-share-bar ul, 
	.rodape ol, 
	.rodape ul, 
	#rodape ol, 
	#rodape ul, 
	.nomarcador{
		list-style-type:none !important;
	}	
	
	
/* -----------------
CORES PADRÃO
----------------- */
	.t-gelo{color:#eeeeee;}
	.bg-gelo{background-color:#eeeeee;}	
	
	
/* -----------------
LGPD BANNER
----------------- */
	#lgpd{position:fixed !important; bottom:0px; width:100%; z-index:9999999 !important;}
	#lgpd.bg-blk{background:rgba(0,0,0,0.95) !important;}
		#lgpd.bg-blk p{color:#FFF !important;}
	#lgpd.bg-w{background:rgba(255,255,255,0.9) !important;}
		#lgpd.bg-w p{color:#000 !important;}
		
		
		
/* -----------------
CORES PADRÃO
----------------- */
.b32{background-color:#FFFFFF !important;}
.b31{background-color:#EEEEEE !important;}
.b30{background-color:#DDDDDD !important;}
.b29{background-color:#CCCCCC !important;}
.b28{background-color:#BBBBBB !important;}
.b27{background-color:#AAAAAA !important;}
.b26{background-color:#999999 !important;}
.b25{background-color:#888888 !important;}
.b24{background-color:#777777 !important;}
.b23{background-color:#666666 !important;}
.b22{background-color:#555555 !important;}
.b21{background-color:#444444 !important;}
.b20{background-color:#333333 !important;}
.b19{background-color:#222222 !important;}
.b18{background-color:#111111 !important;}
.b17{background-color:#000000 !important;}

.t32{color:#FFFFFF !important;}
.t31{color:#EEEEEE !important;}
.t30{color:#DDDDDD !important;}
.t29{color:#CCCCCC !important;}
.t28{color:#BBBBBB !important;}
.t27{color:#AAAAAA !important;}
.t26{color:#999999 !important;}
.t25{color:#888888 !important;}
.t24{color:#777777 !important;}
.t23{color:#666666 !important;}
.t22{color:#555555 !important;}
.t21{color:#444444 !important;}
.t20{color:#333333 !important;}
.t19{color:#222222 !important;}
.t18{color:#111111 !important;}
.t17{color:#000000 !important;}		
		
		


/* -----------------
MEDIAS QUERIES
----------------- */
@media (min-width:1370px){
    .container, .divcontainer, .bodycontainer{width:90%; max-width:1300px; margin-left: auto; margin-right: auto; }

}

@media (min-width:1280px) and (max-width:1369px){
    .container, .divcontainer, .bodycontainer{width:90%; max-width:1200px; margin-left: auto; margin-right: auto;}

}
@media (min-width:992px) and (max-width:1279px){
	.container, .divcontainer, .bodycontainer{width:90%; max-width:930px; margin-left: auto; margin-right: auto;}

}

@media (min-width:768px) and (max-width:991px){
	.container, .divcontainer, .bodycontainer{width:96%; margin:0 2%;}

	
}
@media (min-width:576px) and (max-width:767px){
	.container, .divcontainer, .bodycontainer{width:94%; margin:0 3%;}
	.ncols2, .ncols3, .ncols4, .ncols5, .ncols6, .ncols7, .ncols8, .ncols9, .ncols10, .ncols11, .ncols12{
		grid-template-columns: repeat(1, 1fr);
	}	
	.k2{grid-template-columns: repeat(2, 1fr) !important;}
	.k3{grid-template-columns: repeat(3, 1fr) !important;}
	.k4{grid-template-columns: repeat(4, 1fr) !important;}
	.k5{grid-template-columns: repeat(5, 1fr) !important;}
	.k6{grid-template-columns: repeat(6, 1fr) !important;}
	.k7{grid-template-columns: repeat(7, 1fr) !important;}
	.k8{grid-template-columns: repeat(8, 1fr) !important;}
	.k9{grid-template-columns: repeat(9, 1fr) !important;}
	.k10{grid-template-columns: repeat(10, 1fr) !important;}
	.k11{grid-template-columns: repeat(11, 1fr) !important;}
	.k12{grid-template-columns: repeat(12, 1fr) !important;}	
}
@media (min-width:480px) and (max-width:575px){
	.container, .divcontainer, .bodycontainer{width:90%; margin:0 5%;}
	.ncols2, .ncols3, .ncols4, .ncols5, .ncols6, .ncols7, .ncols8, .ncols9, .ncols10, .ncols11, .ncols12{
		grid-template-columns: repeat(1, 1fr);
	}
	.k2{grid-template-columns: repeat(2, 1fr) !important;}
	.k3{grid-template-columns: repeat(3, 1fr) !important;}
	.k4{grid-template-columns: repeat(4, 1fr) !important;}
	.k5{grid-template-columns: repeat(5, 1fr) !important;}
	.k6{grid-template-columns: repeat(6, 1fr) !important;}
	.k7{grid-template-columns: repeat(7, 1fr) !important;}
	.k8{grid-template-columns: repeat(8, 1fr) !important;}
	.k9{grid-template-columns: repeat(9, 1fr) !important;}
	.k10{grid-template-columns: repeat(10, 1fr) !important;}
	.k11{grid-template-columns: repeat(11, 1fr) !important;}
	.k12{grid-template-columns: repeat(12, 1fr) !important;}
}
@media (max-width:479px){
	.container, .divcontainer, .bodycontainer{width:90%; margin:0 5%;}
	.ncols2, .ncols3, .ncols4, .ncols5, .ncols6, .ncols7, .ncols8, .ncols9, .ncols10, .ncols11, .ncols12{
		grid-template-columns: repeat(1, 1fr);
	}
	.un2cols, .un3cols, .un4cols, .un5cols, .un6cols, .un7cols, .un8cols, .un9cols, .un10cols, .un11cols, .un12cols{
		grid-column:auto;
	}
	.k2{grid-template-columns: repeat(2, 1fr) !important;}
	.k3{grid-template-columns: repeat(3, 1fr) !important;}
	.k4{grid-template-columns: repeat(4, 1fr) !important;}
	.k5{grid-template-columns: repeat(5, 1fr) !important;}
	.k6{grid-template-columns: repeat(6, 1fr) !important;}
	.k7{grid-template-columns: repeat(7, 1fr) !important;}
	.k8{grid-template-columns: repeat(8, 1fr) !important;}
	.k9{grid-template-columns: repeat(9, 1fr) !important;}
	.k10{grid-template-columns: repeat(10, 1fr) !important;}
	.k11{grid-template-columns: repeat(11, 1fr) !important;}
	.k12{grid-template-columns: repeat(12, 1fr) !important;}
}