.thumb {	
	overflow: hidden;
}

.thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 45%;
	display: none;
}

.skeleton {	
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
	background-size: 200% 100%;
	animation: shimmer 3s infinite;
}

@keyframes shimmer {
	0% {
		background-position: -200px 0;
	}

	100% {
		background-position: 200px 0;
	}
}


.fadeIn:hover {
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
}

.hand{
cursor:pointer;
}	

.caps{
text-transform: uppercase;
}

.center{
/* margin: auto; */
text-align: center;
}

.clear{ clear:both; }

.left{
float:left;
}
.right{
float:right;
}

.justify{
text-align: justify;
}

.media {
	position: relative;
	padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
	height: 0;
	overflow: hidden;
}

.media iframe {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}

iframe[src*=youtube]
{
	aspect-ratio: 16/9;
	height: auto;
}

.mdi.center {
	position: relative;
	top: 2px;
 }

a{
	color: inherit;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;	
}
a:hover {
	cursor:hand;
	text-decoration: none;
	color: inherit;
	opacity: 0.9;
}
a:active {
	text-decoration: none;
}

.share {
	display: flex;
}

.share a {
	margin: 0 2px;
	width: 30px;
	height: 30px;
	background: url('../images/share.png') no-repeat top/ auto 100% ;
}

.share .facebook {
	background-position-x: 0px;
}
.share .twitter {
	background-position-x: 66.4%;
}
.share .whatsapp {
	background-position-x: 99.5%;
}
.share .telegram {
	background-position-x: 33.4%;
}
img, object, embed,iframe {max-width:100%;}
img {height:auto;}



.italico{ font-style:italic;}
.strong{ font-weight: bold;}
.underline{ text-decoration:underline;}

::placeholder {
	color: #a3a3a3 !important;
	opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #a3a3a3 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  	color: #a3a3a3 !important;
}


.b300 {
	font-weight: 300;
}

.b400 {
	font-weight: 400;
}

.b500 {
	font-weight: 500;
}

.b600 {
	font-weight: 600;
}

.b700 {
	font-weight: 700;
}

:root {
	--radius: 15px;
	--azul_1: #0654A6;
	--azul_2: #038FC6;
	--azul_3: #0FA7ED;
	--azul_4: #BEE7F7;
	--verde: #22B299;
	--amarelo: #ffbb00;
	--vermelho: #C62317;
	--marinho: #174160;
	--roxo: #0C2C5A;
	--branco: #ffffff;
	--black_1: #000;
	--black_2: #444;
	--black_3: #666666;
	--black_4: #999999;
	--black_5: #CCCCCC;
	--light_1: #F5F5F5;
	--light_2: #E9E9E9;
	--light_3: #DDDDDD;
	--light_4: #CACACA;
}

.azul_1 {
	color: var(--azul_1);
}
.azul_2 {
	color: var(--azul_2);
}
.azul_3 {
	color: var(--azul_3);
}
.azul_4 {
	color: var(--azul_4);
}
.verde {
	color: var(--verde);
}
.amarelo {
	color: var(--amarelo);
}
.vermelho {
	color: var(--vermelho);
}
.marinho {
	color: var(--marinho);
}
.roxo {
	color: var(--roxo);
}
.branco {
	color: var(--branco);
}
.black_1{
	color: var(--black_1);
}
.black_2{
	color: var(--black_2);
}
.black_3{
	color: var(--black_3);
}
.black_4{
	color: var(--black_4);
}
.black_5{
	color: var(--black_5);
}
.light_1{
	color: var(--light_1);
}
.light_2{
	color: var(--light_2);
}
.light_3{
	color: var(--light_3);
}
.light_4{
	color: var(--light_4);
}

.ta-1{  font-size:10px; }
.ta-2{  font-size:11px; }
.ta-3{  font-size:12px; }
.ta-4{  font-size:14px; }
.ta-5{  font-size:16px; }
.ta-6{  font-size:18px; }
.ta-7{  font-size:20px; }
.ta-8{  font-size:22px; }
.ta-9{  font-size:24px; }
.ta-10{  font-size:28px; }
.ta-11{  font-size:34px; }
.ta-12{  font-size:38px; }
.ta-13{  font-size:44px; }
.ta-14{  font-size:56px; }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.tb-1{  font-size:10px; }
.tb-2{  font-size:11px; }
.tb-3{  font-size:12px; }
.tb-4{  font-size:14px; }
.tb-5{  font-size:16px; }
.tb-6{  font-size:18px; }
.tb-7{  font-size:20px; }
.tb-8{  font-size:22px; }
.tb-9{  font-size:24px; }
.tb-10{  font-size:28px; }
.tb-11{  font-size:34px; }
.tb-12{  font-size:38px; }
.tb-13{  font-size:44px; }
.tb-14{  font-size:56px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.tc-1{  font-size:10px; }
.tc-2{  font-size:11px; }
.tc-3{  font-size:12px; }
.tc-4{  font-size:14px; }
.tc-5{  font-size:16px; }
.tc-6{  font-size:18px; }
.tc-7{  font-size:20px; }
.tc-8{  font-size:22px; }
.tc-9{  font-size:24px; }
.tc-10{  font-size:28px; }
.tc-11{  font-size:34px; }
.tc-12{  font-size:38px; }
.tc-13{  font-size:44px; }
.tc-14{  font-size:56px; } 
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
.td-1{  font-size:10px; }
.td-2{  font-size:11px; }
.td-3{  font-size:12px; }
.td-4{  font-size:14px; }
.td-5{  font-size:16px; }
.td-6{  font-size:18px; }
.td-7{  font-size:20px; }
.td-8{  font-size:22px; }
.td-9{  font-size:24px; }
.td-10{  font-size:28px; }
.td-11{  font-size:34px; }
.td-12{  font-size:38px; }
.td-13{  font-size:44px; }
.td-14{  font-size:56px; }
}


.anime {
	opacity: 0;
}

.anime-init {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
} 


.debug::before {
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 1;
	padding: 4px;
	color: #00000040;
	font-size: 12px;
 }
 
 @media (min-width: 0px) { 
	.debug::before { content: "XS"; }
 }
 
 @media (min-width: 576px) { 
	.debug::before { content: "SM"; }
 }
 
 @media (min-width: 768px) { 
	.debug::before { content: "MD"; }
 }
 
 @media (min-width: 992px) { 
	.debug::before { content: "LG"; }
 }
 
 @media (min-width: 1200px) { 
	.debug::before { content: "XL"; }
 }
 
 @media (min-width: 1400px) { 
	.debug::before { content: "XXL"; }
 }