/* VARIAVEIS */
:root {
	--cor-44-pri : #232e0e;
	--cor-44-sec : #47562b;
	--cor-principal : #0E2C42;
	--cor-secundaria: #044468;
	--cor-textos    : #ffffff;
	--cinza-textos  : #808080;
	--sombra-1      : 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/* CARREGAR ICONES DO GOOGLE */
/* @font-face {
	font-family: 'Material Icons';
	font-style : normal;
	font-weight: 400;
	src        : url(https://example.com/MaterialIcons-Regular.eot);
	src        : local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
		url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
		url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
} */

/* FONTES INSTALAVEIS */
/* @font-face {
	font-family: "open sans lite";
	src        : url('../fontes/OpenSans/OpenSans-Light.ttf');
	font-weight: 300;
} */

/* BASE */
* {
	box-sizing : border-box;
	font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
}

p {
	font-size: 16px !important;
}

/*CORES E PLANOS DE FUNDO  */
.cinza {
	background-color: #f1f1f1;
}

.t-cinza {
	color: var(--cinza-textos);
}

.cor-principal {
	background-color: var(--cor-principal) !important;
	color           : #ffffff !important;
}

.t-cor-principal {
	color: var(--cor-principal);
}

.cor-secundaria {
	background-color: var(--cor-secundaria);
}

.t-cor-secundaria {
	color: var(--cor-secundaria);
}

/* TAMANHO DE FONTE */
.tt-12 {
	font-size: 12px !important;
}

.tt-13 {
	font-size: 13px !important;
}

.tt-14 {
	font-size: 14px !important;
}

.tt-15 {
	font-size: 15px !important;
}

.tt-16 {
	font-size: 16px !important;
}

.tt-17 {
	font-size: 17px !important;
}

.tt-18 {
	font-size: 18px !important;
}

.tt-19 {
	font-size: 19px !important;
}

.tt-20 {
	font-size: 20px !important;
}

.tt-25 {
	font-size: 25px !important;
}

.tt-30 {
	font-size: 30px !important;
}

.tt-40 {
	font-size: 40px !important;
}

.tt-50 {
	font-size: 50px !important;
}

/* LINHA HORIZONTAL E VERTICAL */
hr {
	height          : 1px !important;
	border          : 0px !important;
	background-color: silver;
}

.vr {
	height          : 100%;
	width           : 1px !important;
	background-color: silver;
	border-color    : silver;
}

/** FONTES */
.lite {
	font-weight: 100;
}

.normal {
	font-weight: 300;
}

.semi {
	font-weight: 600;
}

.negrito {
	font-weight: 700;
}

.extra {
	font-weight: 800;
}

strong {
	font-weight: 700;
}

/* TRANSFORMAÇÃO DE TEXTO */
.mscl,
.maiusc {
	text-transform: uppercase;
}

.mncl,
.minusc {
	text-transform: lowercase;
}

.cptl {
	text-transform: capitalize;
}

.nrml {
	text-transform: initial;
}

.sbld {
	text-decoration: line-through;
}

.jstf {
	text-align  : justify;
	text-justify: inter-character;
}

/* OVERFLOW */
.ovf-a {
	overflow: auto;
}


/** painel de controle para YFW */
.painel-controle {
	background-color: #000000;
	color           : #ffffff;
	padding         : 5px 20px !important;
	width           : 100%;
	max-width       : 100%;
	overflow-x      : auto;
}

.painel-controle>pre {
	margin : 0px !important;
	padding: 0px !important;
}

.painel-controle-rotas {
	background-color: #000000;
	padding         : 5px 20px;
	width           : 100%;
	max-width       : 100%;
	overflow-x      : auto;
}

/** ALERTAS */
.alerta {
	box-sizing: border-box;
	width     : 100%;
	padding   : 7px 5px 7px 20px !important;
	margin    : 0 auto;
	box-shadow: var(--sombra-sec);
}

.alerta>a {
	cursor: pointer;
}

.a-amarelo {
	background-color: rgba(255, 248, 0, 0.3);
	border-left     : 5px solid #bb9900;
	color           : #bb9900;
}

.a-vermelho {
	background-color: rgba(255, 0, 4, 0.1);
	border-left     : 5px solid #C3424A;
	color           : #C3424A;
}

.a-verde {
	background-color: rgba(0, 255, 0, 0.1);
	border-left     : 5px solid green;
	color           : green;
}

.a-azul {
	background-color: #f1f1f1;
	border-left     : 5px solid #0083CA;
	color           : #0083CA;
}

.a-roxo {
	background-color: #f1f1f1;
	border-left     : 5px solid #9c27b0;
	color           : #9c27b0;
}

/** MARGENS */
.margem {
	margin: 5px !important;
}

.margem-10 {
	margin: 10px !important;
}

.margem-15 {
	margin: 15px !important;
}

.margem-20 {
	margin: 20px !important;
}

.margem-30 {
	margin: 30px !important;
}

.margem-40 {
	margin: 40px !important;
}

.margem-50 {
	margin: 50px !important;
}

.margem-100 {
	margin: 5px !important;
}

.margem-150 {
	margin: 5px !important;
}

.margem-200 {
	margin: 5px !important;
}

.margem-h {
	margin-right: 5px !important;
	margin-left : 5px !important;
}

.margem-h-10 {
	margin-right: 10px !important;
	margin-left : 10px !important;
}

.margem-h-15 {
	margin-right: 15px !important;
	margin-left : 15px !important;
}

.margem-h-20 {
	margin-right: 20px !important;
	margin-left : 20px !important;
}

.margem-h-30 {
	margin-right: 30px !important;
	margin-left : 30px !important;
}

.margem-h-40 {
	margin-right: 40px !important;
	margin-left : 40px !important;
}

.margem-h-50 {
	margin-right: 50px !important;
	margin-left : 50px !important;
}

.margem-h-100 {
	margin-right: 100px !important;
	margin-left : 100px !important;
}

.margem-h-150 {
	margin-right: 150px !important;
	margin-left : 150px !important;
}

.margem-h-200 {
	margin-right: 200px !important;
	margin-left : 200px !important;
}

.margem-h-0 {
	margin-right: 0;
	margin-left : 0;
}

.margem-v {
	margin-top   : 5px !important;
	margin-bottom: 5px !important;
}

.margem-v-10 {
	margin-top   : 10px !important;
	margin-bottom: 10px !important;
}

.margem-v-15 {
	margin-top   : 15px !important;
	margin-bottom: 15px !important;
}

.margem-v-20 {
	margin-top   : 20px !important;
	margin-bottom: 20px !important;
}

.margem-v-30 {
	margin-top   : 30px !important;
	margin-bottom: 30px !important;
}

.margem-v-40 {
	margin-top   : 40px !important;
	margin-bottom: 40px !important;
}

.margem-v-50 {
	margin-top   : 50px !important;
	margin-bottom: 50px !important;
}

.margem-v-70 {
	margin-top   : 70px !important;
	margin-bottom: 70px !important;
}

.margem-v-100 {
	margin-top   : 100px !important;
	margin-bottom: 100px !important;
}

.margem-v-150 {
	margin-top   : 150px !important;
	margin-bottom: 150px !important;
}

.margem-v-200 {
	margin-top   : 200px !important;
	margin-bottom: 200px !important;
}

.margem-t {
	margin-top: 5px !important;
}

.margem-t-7 {
	margin-top: 7px !important;
}

.margem-t-10 {
	margin-top: 10px !important;
}

.margem-t-15 {
	margin-top: 15px !important;
}

.margem-t-20 {
	margin-top: 20px !important;
}

.margem-t-25 {
	margin-top: 25px !important;
}

.margem-t-30 {
	margin-top: 30px !important;
}

.margem-t-35 {
	margin-top: 35px !important;
}

.margem-t-40 {
	margin-top: 40px !important;
}

.margem-t-50 {
	margin-top: 50px !important;
}

.margem-t-55 {
	margin-top: 55px !important;
}

.margem-t-60 {
	margin-top: 60px !important;
}

.margem-t-70 {
	margin-top: 70px !important;
}

.margem-t-100 {
	margin-top: 100px !important;
}

.margem-t-150 {
	margin-top: 150px !important;
}

.margem-f {
	margin-bottom: 5px !important;
}

.margem-f-10 {
	margin-bottom: 10px !important;
}

.margem-f-15 {
	margin-bottom: 15px !important;
}

.margem-f-20 {
	margin-bottom: 20px !important;
}

.margem-f-30 {
	margin-bottom: 30px !important;
}

.margem-f-50 {
	margin-bottom: 50px !important;
}

.margem-f-80 {
	margin-bottom: 80px !important;
}

.margem-f-100 {
	margin-bottom: 100px !important;
}

.margem-d-1 {
	margin-right: 1px !important;
}

.margem-d-3 {
	margin-right: 3px !important;
}

.margem-d {
	margin-right: 5px !important;
}

.margem-d-10 {
	margin-right: 10px !important;
}

.margem-d-15 {
	margin-right: 15px !important;
}

.margem-d-20 {
	margin-right: 20px !important;
}

.margem-d-30 {
	margin-right: 30px !important;
}

.margem-d-50 {
	margin-right: 50px !important;
}

.margem-e {
	margin-left: 5px !important;
}

.margem-e-10 {
	margin-left: 10px !important;
}

.margem-e-15 {
	margin-left: 15px !important;
}

.margem-e-20 {
	margin-left: 20px !important;
}

.margem-e-30 {
	margin-left: 30px !important;
}

.margem-e-50 {
	margin-left: 50px !important;
}

.center {
	margin: auto !important;
}

.alinhar-c {
	text-align: center !important;
}

.alinhar-d {
	text-align: right !important;
}

.alinhar-e {
	text-align: left !important;
}

.flutuar-d {
	float: right !important;
}

.flutuar-e {
	float: left !important;
}

.margem-0 {
	margin: 0px !important;
}

.margem-v-0 {
	margin-top   : 0;
	margin-bottom: 0;
}

.margem-t-0 {
	margin-top: 0;
}

.margem-f-0 {
	margin-bottom: 0px !important;
}

.margem-d-0 {
	margin-right: 0px !important;
}

.margem-e-0 {
	margin-left: 0px !important;
}

/** PADDINGS */
.inflar-0 {
	padding: 0px !important;
}

.inflar-1 {
	padding: 1px !important;
}

.inflar-2 {
	padding: 2px !important;
}

.inflar-3 {
	padding: 3px !important;
}

.inflar-4 {
	padding: 4px !important;
}

.inflar {
	padding: 5px !important;
}

.inflar-10 {
	padding: 10px !important;
}

.inflar-15 {
	padding: 15px !important;
}

.inflar-20 {
	padding: 20px !important;
}

.inflar-30 {
	padding: 30px !important;
}

.inflar-40 {
	padding: 40px !important;
}

.inflar-50 {
	padding: 50px !important;
}

.inflar-60 {
	padding: 60px !important;
}

.inflar-100 {
	padding: 100px !important;
}

.inflar-150 {
	padding: 150px !important;
}

.inflar-200 {
	padding: 200px !important;
}

.inflar-h-0 {
	padding-right: 0;
	padding-left : 0;
}

.inflar-h {
	padding-right: 5px !important;
	padding-left : 5px !important;
}

.inflar-h-10 {
	padding-right: 10px !important;
	padding-left : 10px !important;
}

.inflar-h-15 {
	padding-right: 15px !important;
	padding-left : 15px !important;
}

.inflar-h-20 {
	padding-right: 20px !important;
	padding-left : 20px !important;
}

.inflar-h-30 {
	padding-right: 30px !important;
	padding-left : 30px !important;
}

.inflar-h-40 {
	padding-right: 40px !important;
	padding-left : 40px !important;
}

.inflar-h-50 {
	padding-right: 50px !important;
	padding-left : 50px !important;
}

.inflar-h-100 {
	padding-right: 100px !important;
	padding-left : 100px !important;
}

.inflar-h-150 {
	padding-right: 150px !important;
	padding-left : 150px !important;
}

.inflar-h-200 {
	padding-right: 200px !important;
	padding-left : 200px !important;
}


.inflar-v-0 {
	padding-top   : 0;
	padding-bottom: 0;
}

.inflar-v {
	padding-top   : 5px !important;
	padding-bottom: 5px !important;
}

.inflar-v-10 {
	padding-top   : 10px !important;
	padding-bottom: 10px !important;
}

.inflar-v-15 {
	padding-top   : 15px !important;
	padding-bottom: 15px !important;
}

.inflar-v-20 {
	padding-top   : 20px !important;
	padding-bottom: 20px !important;
}

.inflar-v-30 {
	padding-top   : 30px !important;
	padding-bottom: 30px !important;
}

.inflar-v-40 {
	padding-top   : 40px !important;
	padding-bottom: 40px !important;
}

.col.inflar-v-50,
.inflar-v-50 {
	padding-top   : 50px !important;
	padding-bottom: 50px !important;
}

.inflar-v-100 {
	padding-top   : 100px !important;
	padding-bottom: 100px !important;
}

.inflar-v-150 {
	padding-top   : 150px !important;
	padding-bottom: 150px !important;
}

.inflar-v-200 {
	padding-top   : 200px !important;
	padding-bottom: 200px !important;
}


.inflar-t-10 {
	padding-top: 10px !important;
}

.inflar-t-20 {
	padding-top: 20px !important;
}

.inflar-t-30 {
	padding-top: 30px !important;
}

.inflar-t-40 {
	padding-top: 40px !important;
}

.inflar-t-50 {
	padding-top: 50px !important;
}

.inflar-t-60 {
	padding-top: 60px !important;
}

.inflar-t-70 {
	padding-top: 70px !important;
}

.inflar-t-80 {
	padding-top: 80px !important;
}

.inflar-t-90 {
	padding-top: 90px !important;
}

.inflar-t-100 {
	padding-top: 100px !important;
}

.inflar-f {
	padding-bottom: 5px !important;
}

.inflar-f-10 {
	padding-bottom: 10px !important;
}

.inflar-f-20 {
	padding-bottom: 20px !important;
}

.inflar-f-30 {
	padding-bottom: 30px !important;
}

.inflar-f-40 {
	padding-bottom: 40px !important;
}

.inflar-f-50 {
	padding-bottom: 50px !important;
}

.inflar-f-100 {
	padding-bottom: 100px !important;
}

.inflar-d-0 {
	padding-right: 0px !important;
}

.inflar-d-5 {
	padding-right: 5px !important;
}

.inflar-d-10 {
	padding-right: 10px !important;
}

.inflar-d-20 {
	padding-right: 20px !important;
}

.inflar-d-30 {
	padding-right: 30px !important;
}

.inflar-e-0 {
	padding-left: 0px !important;
}

.inflar-e {
	padding-left: 5px !important;
}

.inflar-e-10 {
	padding-left: 10px !important;
}

.inflar-e-20 {
	padding-left: 20px !important;
}

.inflar-e-30 {
	padding-left: 30px !important;
}

.inflar-e-50 {
	padding-left: 50px !important;
}

.inflar-e-100 {
	padding-left: 100px !important;
}

/* TABELAS */
.tabela-0,
.tabela-0 td,
.tabela-0 th,
.tabela-0 tr {
	border: 0px !important;
}

.tabela-0.fina th,
.tabela-0.fina td,
.tabela-0.fina tr {
	padding: 5px !important;
	border : 0px !important;
}

.tabela {
	border: 1px solid #f1f1f1;
}

.tabela.fina th,
.tabela.fina td {
	padding: 5px !important;
}

.tabela tr:nth-child(odd) {
	background-color: #f2f2f2;
}

.tabela tr:hover {
	background-color: #ddd;
}

.tabela-2,
.tabela-2 th,
.tabela-2 td {
	border: 1px solid #f1f1f1;
}

.tabela-2.fina th,
.tabela-2.fina td {
	padding: 5px !important;
}

/** BORDAS */
.borda-0 {
	border: 0px !important;
}

.borda-1 {
	border: 1px solid #f1f1f1;
}

.borda-2 {
	border: 1px solid silver;
}

.borda-3 {
	border: 1px solid grey;
}

.borda-4 {
	border: 1px solid #cecece;
}

.borda-e-1 {
	border-left: 1px solid #f1f1f1;
}

.borda-e-2 {
	border-left      : 1px solid #a1a1a1;
	border-left-color: rgba(0, 0, 0, 0.07);
}

.borda-d-1 {
	border-right: 1px solid #f1f1f1;
}

.borda-d-2 {
	border-right: 1px solid #a5a5a5;
}

.borda-t-0 {
	border-top: 0px !important;
}

.borda-t-1 {
	border-top: 1px solid #f1f1f1;
}

.borda-t-2 {
	border-top: 1px solid silver;
}

.borda-t-3 {
	border-top: 1px solid grey;
}

.bordap-t-1 {
	border-top: 1px dotted #f1f1f1;
}

.borda-f-0 {
	border-bottom: 0px !important;
}

.borda-f-1 {
	border-bottom: 1px solid #f1f1f1;
}

.borda-f-2 {
	border-bottom: 1px solid silver;
}

.borda-f-3 {
	border-bottom: 1px solid gray;
}

.borda-f-5 {
	border-bottom: 5px solid #00A2FF;
}

.bordap-f-1 {
	border-bottom      : 1px dotted #f1f1f1;
	/* background-image: linear-gradient(to right, silver 33%, rgba(255,255,255,0) 0%);
background-position : bottom;
background-size     : 3px 1px !important;
background-repeat   : repeat-x; */
}

.borda-e-4 {
	border-left: 1px dotted #f1f1f1;
}

.borda-d-4 {
	border-right: 1px dotted #f1f1f1;
}

.borda-t-4 {
	border-top: 1px dotted #f1f1f1;
}

.borda-f-4 {
	border-bottom: 1px dotted #f1f1f1;
}

.borda-e {
	border-left: 1px dashed #f1f1f1;
}

.borda-d {
	border-right: 1px dashed #f1f1f1;
}

.borda-t {
	border-top: 1px dashed #f1f1f1;
}

.borda-f {
	border-bottom: 1px dashed #f1f1f1;
}

.borda-h-1 {
	border-right: 2px solid white;
	border-left : 2px solid white;
}


/** ARREDONDAR */
.arredondar-100-p {
	border-radius: 100%;
}

.arredondar-100 {
	border-radius: 100px !important;
}

.arredondar-50 {
	border-radius: 50px !important;
}

.arredondar-25 {
	border-radius: 25px !important;
}

.arredondar-20 {
	border-radius: 20px !important;
}

.arredondar-10 {
	border-radius: 10px !important;
}

.arredondar {
	border-radius: 5px !important;
}

.arredondar-0 {
	border-radius: 0px !important;
}

/* CAMPOS DE TEXTO */
/* .campo {
	height: 30px !important;
} */

.campo-f-line {
	border-radius: 0px !important;
	border-top   : 0px !important;
	border-left  : 0px !important;
	border-right : 0px !important;
	border-bottom: 1px solid grey;
}

/* IMAGENS */
.img,
.wide {
	width : 100%;
	height: auto;
}

.pic{
	border-radius: 8px;
	box-shadow: 0 13px 27px -5px hsla(240, 30.1%, 28%, 0.25),0 8px 16px -8px hsla(0, 0%, 0%, 0.3),0 -6px 16px -6px hsla(0, 0%, 0%, 0.03);
}

.pic-2{
	border-radius: 8px;
	box-shadow: 8px 0 8px 0 rgb(0 0 0 / 10%)
}

.pic-2.btn{
	display: inline-block;
}

/* FIXO  */
.fixo {
	position: fixed;
	z-index : 999;
}

/* LISTAS */
.lista-0 {
	list-style: none;
}

.lista {
	list-style: circle;
}

/* .lista li::before{
	color: var(--amarelo-1);
	content: "\2022";
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
} */


/** MOUSE */
.clicar {
	cursor: pointer;
}

/* BOTÃO MATERIALIZE */
/* .btn {
	border        : none;
	border-radius : 2px !important;
	display       : inline-block;
	height        : 36px !important;
	line-height   : 36px !important;
	padding       : 0 16px !important;
	text-transform: uppercase;
	vertical-align: middle;
	font-size     : 14px !important;
	outline       : 0;
} */

/* TOAST */
.toast-box {
	width   : 300px !important;
	position: fixed;
	right   : 5%;
	top     : 10px !important;
	z-index : 999;
}

.toast-msg {
	padding         : 10px 20px !important;
	background-color: black;
	color           : white;
	box-shadow      : var(--sombra-1);
	text-align      : center;
	z-index         : 999;
	font-size       : 16px !important;
	margin-bottom   : 5px !important;
}

/* SOMBRA */
.sombra-0 {
	box-shadow: none
}

.sombra {
	box-shadow: var(--sombra-1)
}

.t-sombra {
	text-shadow: 2px 2px 5px #000000;
}

.t-sombra-2 {
	text-shadow: 2px 2px #000000;
}

.t-sombra-3 {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.t-sombra-4 {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.btn-sombra:hover {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

/* CONTENT BEFORE E AFTER */
.content-0::before {
	content: none;
}

/* BOTAO DO WHATSAPP */
#whats-flutuante {
	position: fixed;
	bottom  : 10px !important;
	right   : 10px !important;
	z-index : 3;
}

/* LGPD */
.lgpd-cookie {
	position: fixed;
	bottom  : 0px !important;
	margin  : auto;
	z-index : 9999;
}

.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover,
.ui.secondary.pointing.menu .item:hover {
	border-color: var(--cor-principal);
}

/* CONTROLE SHOW */
.mostrar-somente-mobile,
.mostrar-tablet-mobile,
.esconder-computador {
	display: none !important;
}

/* BOX REMOVER */
.box-remover {
	position        : fixed;
	right           : 0px !important;
	bottom          : 10px !important;
	background-color: white;
	border-radius   : 5px !important;
	border-left     : 5px solid red;
	border-right    : 5px solid red;
	padding         : 10px !important;
	width           : 100%;
	max-width       : 320px !important;
	box-shadow      : var(--sombra-1);
}

/* CONTAINER YAGI */
.container-yagi,
.container-wide {
	margin   : 0 auto;
	max-width: 1280px !important;
	width    : 90%;
}
  
.anime-e{
  opacity: 0;
  transform: translate3d(-100px,0,0);
  transition: .3s;
}

.anime-d{
  opacity: 0;
  transform: translate3d(100px,0,0);
  transition: .3s;
}

.anime-f{
  opacity: 0;
  transform: translate3d(0,100px,0);
  transition: .3s;
}

.anime-t{
  opacity: 0;
  transform: translate3d(0,-100px,0);
  transition: .3s;
}

.anime-start{
	opacity: 1;
	transform: translate3d(0,0,0);
}

@media only screen and (min-width: 601px) {
	.container-yagi {
		width: 85%;
	}
}

@media only screen and (min-width: 993px) {
	.container-yagi {
		width: 80%;
	}
}

/* VIDEO YOUTUBE */
.video-yagi {
	width : 100%;
	height: 170px !important;
}

@media only screen and (min-width: 601px) {
	.video-yagi {
		height: 100px !important;
	}
}

@media only screen and (min-width: 993px) {
	.video-yagi {
		height: 515px !important;
	}
}

/** DESCARTAVEL ----------------------------------------------------*/

/** CONTROLE DE MIDIA ----------------------------------------------*/

@media only screen and (max-width: 768px) {
	.mostrar-somente-mobile {
		display: none !important;
	}

	.esconder-note-tablet-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 600px) {

	.mostrar-somente-mobile,
	.esconder-tablet,
	.esconder-tablet-mobile {
		display: none !important;
	}

	.mostrar-tablet-mobile {
		display: flex !important;
	}
}

@media only screen and (max-width: 450px) {

	.mostrar-somente-mobile,
	.mostrar-tablet-mobile,
	.esconder-computador{
		display: flex !important;
	}

	.esconder-tablet-mobile,
	.esconder-mobile {
		display: none !important;
	}

	.tt-40,
	.t-flex {
		font-size: 30px !important;
	}

	.ui.container {
		max-width: 100%;
	}

	.card {
		width: 100%;
	}
}

@media only screen and (max-width: 400px) {

	.mostrar-somente-mobile,
	.mostrar-tablet-mobile,
	.esconder-computador{
		display: initial !important;
	}

	.esconder-tablet-mobile,
	.esconder-mobile {
		display: none !important;
	}

	.tt-40,
	.t-flex {
		font-size: 30px !important;
	}

	.ui.container {
		max-width: 100%;
	}

	.ui.stackable.grid>.column.frete-produto {
		padding-top   : 0px !important;
		padding-bottom: 0px !important;
		padding-left  : 0px !important;
		padding-right : 0px !important;
	}

	.card {
		width: 100%;
	}
}