
: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;	
	
}
/* -----------------
EXCLUSIVO ASSINATURA 3WS
----------------- */
.sign3Ws{background: linear-gradient(90deg, rgba(48,190,84,1) 0%, rgba(58,69,180,1) 20%, rgba(131,58,180,1) 40%, rgba(253,29,29,1) 60%, rgba(252,176,69,1) 80%, rgba(255,248,0,1) 100%);background-size: 200% auto;	color: #000;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: shine 5s linear infinite;font-weight:700;}
@keyframes shine {to {background-position: 400% center;}}

	.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;
	}	
    .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;
    }
	ol,
	li,
	ul{
		list-style-type:none;
	}
	
	
/* -----------------
IMAGENS
----------------- */
	img,
	picture,
	svg,
	video,
	.imgresponsive,
	.imgresp,
	.imgresponsiva{
		width: 100%;
		height:auto;
		max-width: 100%;
		display: block;
	}
	.rot90{transform: rotate(90deg);}
	.rot180{transform: rotate(180deg);}
	.rot270{transform: rotate(270deg);}

    
/* -----------------
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;}    


/* -----------------
AJUSTADORES
----------------- */
	.w100{
		width: 99.99999998999999% !important;  
		*width: 99.94680850063828% !important;
		margin:0 !important;
	}
	.h100{
		height:100% !important; 
		margin-top:0; 
		margin-bottom:0;
	}

	.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;}	
	.tjustificado,.tjustify, .tjust{text-align:justify;}
	.acenter-h, .acenter-v, .acenter{display:flex;}
	.acenter-h, .acenter{align-itens: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;
	}



/* -----------------
TRANSPARÊNCIA
----------------- */
	.alfa, .desabilitado{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);}
	.opaco{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
----------------- */
	.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;}	



/* -----------------
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;
	}		
	
	
/* -----------------
MEDIAS QUERIES
----------------- */
@media (min-width:1370px){
    .divcontainer, .bodycontainer{width:90%; max-width:1300px; margin-left: auto; margin-right: auto; }

}

@media (min-width:1280px) and (max-width:1369px){
    .divcontainer, .bodycontainer{width:90%; max-width:1200px; margin-left: auto; margin-right: auto;}

}
@media (min-width:992px) and (max-width:1279px){
	.divcontainer, .bodycontainer{width:90%; max-width:930px; margin-left: auto; margin-right: auto;}

}

@media (min-width:768px) and (max-width:991px){
	.divcontainer, .bodycontainer{width:96%; margin:0 2%;}

	
}
@media (min-width:576px) and (max-width:767px){
	.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){
	.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){
	.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;}
}		


