img,
 picture,
 video,
 embed {
 	max-width: 100%;
 	border: 0
 }

 a {
 	text-decoration: none;
 	cursor: pointer;
 	color: #333333;
 	display: contents
 }

 html,
 body {
 	min-height: 100%
 }

 body {
 	margin: 0;
 	padding: 0;
 	width: 100%;
 	min-height: 100%;
 	font-size: 16px;
 	position: relative;
 	color: #333333;
 	background-color: #f6f6f6;
 	font-family: 'Montserrat', sans-serif
 }

 h1 {
 	font-size: x-large
 }

 h1.center {
 	text-align: center
 }

 h2.center {
 	text-align: center
 }

 .site-conteudo>div {
 	padding-left: 20px;
 	padding-right: 20px;
 	padding-bottom: 40px
 }

 [class*="lista-flex"] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex-wrap: nowrap;
 	gap: 3px 5px
 }

 .lista-flex-end {
 	justify-content: flex-end
 }

 .lista-flex-start {
 	justify-content: flex-start
 }

 .lista-flex-around {
 	justify-content: space-around
 }

 .lista-flex-between {
 	justify-content: space-between
 }

 [class*="lista-grid"] {
 	display: grid;
 	grid-gap: 10px 10px
 }

 .lista-grid-end {
 	justify-content: flex-end
 }

 .lista-grid-start {
 	justify-content: flex-start
 }

 .lista-grid-around {
 	justify-content: space-around
 }

 .lista-grid-between {
 	justify-content: space-between
 }

 .lista-grid-2 {
 	grid-template-columns: 1fr 1fr
 }

 .lista-grid-3 {
 	grid-template-columns: 1fr 1fr 1fr
 }

 .lista-grid-4 {
 	grid-template-columns: 1fr 1fr 1fr 1fr
 }

 .lista-grid-5 {
 	grid-template-columns: 1fr 1fr 1fr 1fr 1fr
 }

 .lista-grid-6 {
 	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
 }

 [class*="sociais"] {
 	display: flex;
 	gap: 5px;
 	flex-wrap: nowrap;
 	align-items: center
 }

 @media screen and (max-width:700px) {
 	[class*="sociais"] {
 		justify-content: center
 	}
 }

 [class*="sociais"] i {
 	font-size: large
 }

 [class*="sociais"] div {
 	display: contents !important
 }

 .sociais-quadro i,
 .sociais-circulo i {
 	display: block;
 	padding-top: 6px;
 	padding-bottom: 6px;
 	padding-left: 6px;
 	padding-right: 6px;
 	background-color: #105bc8;
 	color: #FFF;
 	transition: all .3s ease-in-out
 }

 .sociais-quadro i:hover,
 .sociais-circulo i:hover {
 	background-color: #307BE8
 }

 .sociais-circulo i {
 	-moz-border-radius: 99px;
 	-webkit-border-radius: 99px;
 	border-radius: 99px
 }

 [class*="sociais"].pequeno i {
 	font-size: medium;
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-left: 4px;
 	padding-right: 4px
 }

 [class*="sociais"].grande i {
 	font-size: x-large;
 	padding-top: 7px;
 	padding-bottom: 7px;
 	padding-left: 7px;
 	padding-right: 7px
 }

 .sociais-icone i,
 .sociais-icone.pequeno i,
 .sociais-icone.grande i {
 	font-size: large;
 	padding-top: 0;
 	padding-bottom: 0;
 	padding-left: 0;
 	padding-right: 0;
 	background-color: transparent !important;
 	color: #666 !important
 }

 .sociais-icone.pequeno i {
 	font-size: large
 }

 .sociais-icone.grande i {
 	font-size: x-large
 }

 .site-linha-bloqueio {
 	display: block;
 	padding-bottom: 15px;
 	padding-top: 15px;
 	height: auto;
 	border-bottom: 2px solid #333;
 	font-size: medium;
 	text-align: center;
 	background: linear-gradient(-45deg, #FF6, #FD6);
 	background-size: 300% 300%;
 	animation: gradient 1s ease infinite;
 	color: #000;
 	position: fixed !important;
 	width: 100%;
 	z-index: 99999999
 }

 @keyframes gradient {
 	0% {
 		background-position: 0 50%
 	}

 	50% {
 		background-position: 100% 50%
 	}

 	100% {
 		background-position: 0 50%
 	}
 }

 .politica-cookie {
 	position: fixed;
 	width: 848px;
 	max-width: 95%;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	bottom: 30px;
 	left: 0;
 	right: 0;
 	margin: auto;
 	background-color: #FFF;
 	padding: 20px;
 	box-shadow: 0 3px 9px 0 rgb(0 0 0 / 41%);
 	border-radius: 8px;
 	z-index: 1000;
 	box-sizing: border-box;
 	animation-iteration-count: 1;
 	animation-name: transitionUp;
 	animation-duration: .8s
 }

 .politica-cookie span {
 	font-size: small
 }

 @keyframes transitionUp {
 	from {
 		transform: translateY(100%)
 	}

 	to {
 		transform: translateY(0)
 	}
 }

 @keyframes transitionDown {
 	from {
 		transform: translateY(0)
 	}

 	to {
 		transform: translateY(100%)
 	}
 }

 pre {
 	max-width: 100%;
 	white-space: break-spaces;
 	line-break: anywhere;
 	border: 1px solid #CCC;
 	padding: 20px;
 	background-color: #FAFAFA;
 	color: #333;
 	font-size: small
 }

 pre:empty {
 	display: none
 }

 .menu-drop {
 	display: inline-block;
 	position: relative
 }

 .menu-drop>.main {
 	display: inline-block;
 	cursor: pointer
 }

 .menu-drop>.main>div {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	align-content: center;
 	gap: 5px;
 	padding: 5px 0
 }

 .menu-drop>.content {
 	display: none;
 	position: absolute;
 	top: 30px;
 	left: -10px;
 	z-index: 9999999999;
 	padding: 0;
 	margin: 0;
 	-webkit-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .20);
 	-moz-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .20);
 	box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .20)
 }

 .menu-drop>.content.nowrap span {
 	white-space: nowrap
 }

 .menu-drop>.content.right {
 	left: inherit;
 	right: -10px
 }

 .menu-drop>.content::before {
 	width: 0;
 	height: 0;
 	content: "";
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	border-bottom: 6px solid rgb(255, 255, 255);
 	top: -6px;
 	position: absolute;
 	left: 12px
 }

 .menu-drop>.content.right::before {
 	left: inherit;
 	right: 12px
 }

 .menu-drop>.content>li {
 	list-style: none;
 	cursor: pointer;
 	background-color: #FFF
 }

 .menu-drop>.content>li>div,
 .menu-drop>.content>li>a>div {
 	padding: 10px 20px 10px 10px;
 	cursor: pointer;
 	display: flex;
 	gap: 10px;
 	align-items: center
 }

 .menu-drop>.content>li:first-child>div,
 .menu-drop>.content>li:first-child>a>div {
 	border-radius: 5px 5px 0 0
 }

 .menu-drop>.content>li:last-child>div,
 .menu-drop>.content>li:last-child>a>div {
 	border-radius: 0 0 5px 5px
 }

 .menu-drop>.content>li:hover {
 	background-color: #F0F0F0
 }

 .menu-drop>.content>li i {
 	color: #333;
 	font-size: medium
 }

 .menu-drop>.content>li span {
 	color: #333;
 	position: relative
 }

 .menu-drop>.content>li.cinza span,
 .menu-drop>.content>li.cinza i {
 	color: #BBB
 }

 .menu-drop>.content>li.vermelho span,
 .menu-drop>.content>li.vermelho i {
 	color: #D92127
 }

 .menu-drop>.content>li.laranja span,
 .menu-drop>.content>li.laranja i {
 	color: #FF6600
 }

 .menu-drop>.content>li.verde span,
 .menu-drop>.content>li.verde i {
 	color: #009900
 }

 .menu-drop>.content>li.amarelo span,
 .menu-drop>.content>li.amarelo i {
 	color: #FFCC29
 }

 .menu-drop>.content>li.prata span,
 .menu-drop>.content>li.prata i {
 	color: #AD8F49
 }

 .menu-drop>.content>li.azul span,
 .menu-drop>.content>li.azul i {
 	color: #0079c0
 }

 .menu-drop>.content>li.bg-vermelho {
 	background-color: #D92127
 }

 .menu-drop>.content>li.bg-vermelho:hover {
 	background-color: #E04B50
 }

 .menu-drop>.content>li.bg-vermelho span,
 .menu-drop>.content>li.bg-vermelho i {
 	color: #FFF
 }

 .menu-drop>.content>li.bg-laranja {
 	background-color: #FF6600
 }

 .menu-drop>.content>li.bg-laranja:hover {
 	background-color: #FF8833
 }

 .menu-drop>.content>li.bg-laranja span,
 .menu-drop>.content>li.bg-laranja i {
 	color: #FFF
 }

 .menu-drop>.content>li.bg-verde {
 	background-color: #009900
 }

 .menu-drop>.content>li.bg-verde:hover {
 	background-color: #00AB00
 }

 .menu-drop>.content>li.bg-verde span,
 .menu-drop>.content>li.bg-verde i {
 	color: #FFF
 }

 .menu-drop>.content>li.bg-amarelo {
 	background-color: #FFCC29
 }

 .menu-drop>.content>li.bg-amarelo:hover {
 	background-color: #FFDD3A
 }

 .menu-drop>.content>li.bg-amarelo span,
 .menu-drop>.content>li.bg-amarelo i {
 	color: #333
 }

 .menu-drop>.content>li.bg-prata {
 	background-color: #AD8F49
 }

 .menu-drop>.content>li.bg-prata:hover {
 	background-color: #BE9F5A
 }

 .menu-drop>.content>li.bg-prata span,
 .menu-drop>.content>li.bg-prata i {
 	color: #FFF
 }

 .menu-drop>.content>li.bg-azul {
 	background-color: #0079c0
 }

 .menu-drop>.content>li.bg-azul:hover {
 	background-color: #118AD1
 }

 .menu-drop>.content>li.bg-azul span,
 .menu-drop>.content>li.bg-azul i {
 	color: #FFF
 }

 .lista-telefones {
 	display: grid;
 	grid-gap: 10px
 }

 .telefone>div {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	align-content: center;
 	gap: 10px
 }

 .telefone>div:first-child>div:first-child>i {
 	font-size: larger
 }

 .telefone .nome {
 	font-size: small
 }

 .telefone .numero {
 	display: flex;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	align-items: center;
 	align-content: center;
 	gap: 5px;
 	font-size: larger;
 	font-weight: bold
 }

 .telefone .numero span {
 	font-size: small;
 	font-weight: normal
 }

 .telefone .botoes {
 	font-size: small;
 	font-weight: normal;
 	gap: 5px
 }

 .telefone.grande>div {
 	gap: 10px
 }

 .telefone.grande>div:first-child>div:first-child>i {
 	font-size: x-large
 }

 .telefone.grande .nome {
 	font-size: small
 }

 .telefone.grande .numero {
 	gap: 5px;
 	font-size: x-large
 }

 .telefone.grande .numero span {
 	font-size: small
 }

 .telefone.grande .botoes {
 	font-size: small;
 	gap: 5px
 }

 .telefone.pequeno>div {
 	gap: 10px
 }

 .telefone.pequeno>div:first-child>div:first-child>i {
 	font-size: medium
 }

 .telefone.pequeno .nome {
 	font-size: x-small
 }

 .telefone.pequeno .numero {
 	gap: 5px;
 	font-size: small
 }

 .telefone.pequeno .numero span {
 	font-size: small
 }

 .telefone.pequeno .botoes {
 	font-size: small;
 	gap: 5px
 }

 .site {
 	position: relative
 }

 .site>div {
 	display: grid;
 	align-items: flex-start;
 	justify-content: center;
 	position: relative
 }

 .site>div.site-total {
 	grid-template-columns: 1fr
 }

 .site-cabecalho.mobile {
	background-image: none;
}

 @media screen and (max-width:700px) {
 	.site-cabecalho {
 		height: 280px !important
 	}
 }

 .site-cabecalho>div {
 	display: grid;
 	grid-template-rows: auto 1fr auto;
 	justify-content: normal;
 	padding: 0 15px;
 	height: 100%
 }

 [class*="site-cabecalho"] .menu-topo {
 	padding: 10px 0
 }

 [class*="site-cabecalho"] .menu-topo-mobile {
 	padding: 15px 0;
 	display: grid;
 	grid-template-columns: auto 1fr auto
 }

 [class*="site-cabecalho"] .menu-topo>ul {
 	padding: 0;
 	display: flex;
 	justify-content: flex-end;
 	align-items: center;
 	align-content: center;
 	gap: 30px;
 	margin: 0;
 	font-size: small
 }

 [class*="site-cabecalho"] .menu-topo>ul>li {
 	list-style: none
 }

 [class*="site-cabecalho"] .menu-topo>ul>li>div,
 [class*="site-cabecalho"] .menu-topo>ul>li>a>div {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	align-content: center;
 	gap: 5px;
 	padding: 5px 0
 }

 [class*="site-cabecalho"] .menu-topo>ul>li>div i,
 [class*="site-cabecalho"] .menu-topo>ul>li>a>div>i {
 	font-size: medium
 }

 .abreBoxMenu i {
 	font-size: xx-large
 }

 [class*="site-cabecalho"] .logomarca {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	align-content: center;
 	padding: 20px
 }

 @media screen and (max-width:700px) {
 	[class*="site-cabecalho"] .logomarca {
 		padding: 0 20px;
 		height: 100%
 	}
 }

 [class*="site-cabecalho"] .logomarca div {
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: contain;
 	-moz-background-size: contain;
 	-o-background-size: contain;
 	background-size: contain;
 	width: 100%;
 	height: 100%;
    max-width: 450px;
 }

 .site-cabecalho .busca {
 	display: grid;
 	align-items: center;
 	align-content: center;
 	padding-bottom: 30px
 }

 .site-cabecalho .busca>.texto {
 	font-size: xx-large;
 	text-align: center;
 	padding: 20px 0
 }

 .site-cabecalho .busca form {
 	display: grid;
 	grid-template-columns: 1fr auto;
 	justify-content: center;
 	align-items: center;
 	align-content: center;
 	gap: 5px;
 	max-width: 850px;
 	padding: 5px;
 	background-color: #FFF;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px
 }

 .site-cabecalho .busca form input {
 	padding: 13px;
 	font-size: medium
 }

 .site-cabecalho .busca form button {
 	padding: 16px
 }

 .site-cabecalho .busca form button i {
 	font-size: x-large
 }

 .site-cabecalho-pequeno {
 	-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .20);
 	-moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .20);
 	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .20);
 	z-index: 9
 }

 .site-cabecalho-pequeno>div {
 	display: grid;
 	grid-template-columns: auto 1fr auto;
 	gap: 20px;
 	justify-content: center;
 	align-items: center;
 	align-content: normal;
 	padding: 5px 20px
 }

 .site-cabecalho-pequeno>div i {
 	font-size: x-large
 }

 .site-cabecalho-pequeno .logomarca {
 	height: 100%;
 	padding: 5px 0
 }

 .site-cabecalho-pequeno .logomarca div {
 	width: 100%;
 	height: 100%
 }

 .site-cabecalho-pequeno .busca form {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	align-content: center;
 	gap: 5px;
 	max-width: 100%;
 	position: relative
 }

 .site-cabecalho-pequeno .busca form input {
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	padding: 10px;
 	width: 100%
 }

 .site-cabecalho-pequeno .busca form button {
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	padding: 6px 6px;
 	background-color: transparent;
 	color: #6666FF;
 	position: absolute;
 	right: 3px
 }

 .site-cabecalho-pequeno.mobile>div {
 	grid-template-columns: 1fr
 }

 .site-cabecalho-pequeno.mobile .menu-topo-mobile {
 	padding: 0;
 	display: grid;
 	grid-template-columns: auto 1fr auto;
 	justify-items: center;
 	align-items: center;
 	height: 100%
 }

 .site-cabecalho-pequeno.mobile .busca {
 	display: none
 }

 .site-cabecalho-pequeno.mobile.flutuante {
 	position: fixed
 }

 .site-rodape {
 	font-size: medium;
 }


 .site-rodape>div {
 	display: flex;
 	justify-content: space-around;
 	align-items: flex-start;
 	flex-wrap: wrap;
 	gap: 30px;
 	padding: 50px 30px;
 	font-size: medium
 }

 .site-rodape>div h4 {
 	white-space: nowrap;
 	padding: 0;
 	margin: 0;
 	margin-bottom: 10px
 }

 .site-rodape>div .logomarca img {
 	max-width: 250px
 }

 @media screen and (max-width:700px) {
 	.site-rodape>div {
 		display: grid;
 		grid-template-columns: 1fr;
 		justify-items: center
 	}

 	.site-rodape>div h4 {
 		text-align: center
 	}
 }

 .site-desenvolvimento {
 	background-color: #EEE;
 	color: #5c5c5c;
 	padding-bottom: 100px;
 	border-top: 1px solid #CCC
 }

 .site-desenvolvimento>div {
 	display: grid;
 	grid-template-columns: 100px 1fr 100px;
 	justify-content: space-around;
 	align-items: flex-start;
 	flex-wrap: wrap;
 	gap: 30px;
 	padding: 30px 30px;
 	font-size: small;
 	text-align: center
 }

 @media screen and (max-width:700px) {
 	.site-desenvolvimento>div {
 		grid-template-columns: 1fr
 	}
 }

 .sCinzaCaminho {
 	clear: both;
 	display: table;
 	width: 100%;
 	margin: 0;
 	position: relative;
 	background-color: #EAEAEA
 }

 .sCinzaCaminho .conteudo {
 	padding-top: 5px;
 	padding-bottom: 5px;
 	padding-left: 20px;
 	padding-right: 20px
 }

 .sCinzaCaminho span {
 	padding-left: 20px;
 	padding-right: 7px;
 	padding-top: 0;
 	padding-bottom: 0;
 	background: url(img/icone-titulop.png) no-repeat left center;
 	font-size: small;
 	font-style: italic;
 	font-weight: normal;
 	color: #999;
 	cursor: pointer
 }

 .sCinzaCaminho>.conteudo>a:last-child span,
 .sCinzaCaminho>.conteudo>span:last-child {
 	font-weight: bold;
 	color: #333
 }

 .sCinzaCaminho span:hover {
 	color: #202020
 }

 ::-webkit-scrollbar {
 	width: 5px
 }

 ::-webkit-scrollbar-track {
 	background: #D5D5D5
 }

 ::-webkit-scrollbar-thumb {
 	background: #888
 }

 ::-webkit-scrollbar-thumb:hover {
 	background: #555
 }

 .icofont-spinner {
 	visibility: hidden;
 	position: relative
 }

 .icofont-spinner::after {
 	visibility: visible;
 	position: absolute;
 	content: "\effa";
 	-webkit-animation: rotation 2s infinite linear;
 	top: 0;
 	left: 0
 }

 @-webkit-keyframes rotation {
 	from {
 		-webkit-transform: rotate(0deg)
 	}

 	to {
 		-webkit-transform: rotate(359deg)
 	}
 }

 .ac_results .texto {
 	font-size: small;
 	color: #333
 }

 .ac_results .texto strong {
 	color: #000
 }

 .ac_results .textopequeno {
 	font-size: x-small;
 	color: #666
 }

 .ac_results .texto_valor {
 	font-size: x-small;
 	color: #666
 }

 .ac_results .tag_desconto {
 	font-size: x-small;
 	color: #FFF;
 	background-color: #0C0;
 	padding: 2px 5px 2px 5px;
 	margin-left: 7px;
 	position: relative
 }

 .ac_results .tag_desconto::before {
 	width: 0;
 	height: 0;
 	content: "";
 	border-top: 5px solid transparent;
 	border-bottom: 5px solid transparent;
 	border-right: 5px solid #0C0;
 	top: 2px;
 	left: -5px;
 	position: absolute
 }

 .ac_results {
 	background-color: #FFF
 }

 .ac_odd {
 	background-color: #FAFAFA
 }

 .ac_over {
 	background-color: #EEE
 }

 .ac_over .texto,
 .ac_over .textopequeno {
 	color: #333
 }

 .ac_results .avatar_ac {
 	width: 40px;
 	height: 40px;
 	-moz-border-radius: 99px;
 	-webkit-border-radius: 99px;
 	border-radius: 99px;
 	background-repeat: no-repeat;
 	background-position: center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	border: 1px solid #CCC
 }

 .filtro-box {
 	margin-top: 10px;
 	background-color: #FFF;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px
 }

 .filtro-box .filtro-titulo {
 	font-size: medium;
 	font-weight: bold;
 	display: flex;
 	justify-content: space-between;
 	cursor: pointer;
 	padding: 10px
 }

 .filtro-box .filtro-titulo>div {
 	display: flex;
 	gap: 5px;
 	align-items: center
 }

 .filtro-box .filtro-titulo .qtde_usado {
 	font-size: x-small;
 	padding: 4px 7px;
 	background-color: #6666FF;
 	color: #FFF;
 	border-radius: 5px
 }

 .filtro-box .filtro-conteudo {
 	padding: 10px
 }

 .filtro-box.fechado .filtro-conteudo {
 	display: none
 }

 .filtro-box .filtro-conteudo .filtro-filtro {
 	display: grid;
 	padding: 5px 0 5px 0;
 	position: relative
 }

 .filtro-box .filtro-conteudo .filtro-filtro input {
 	width: auto
 }

 .filtro-box .filtro-conteudo .filtro-filtro i {
 	position: absolute;
 	right: 10px;
 	top: 14px;
 	color: #999
 }

 .filtro-box .filtro-conteudo .filtro-dados {
 	width: 100%;
 	max-height: 300px;
 	overflow: auto;
 	margin: 10px 0
 }

 .filtro-box .filtro-conteudo .filtro-dados::-webkit-scrollbar {
 	-webkit-appearance: none;
 	width: 7px
 }

 .filtro-box .filtro-conteudo .filtro-dados::-webkit-scrollbar-thumb {
 	-webkit-border-radius: 4px;
 	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
 	background-color: rgba(0, 0, 0, .5)
 }

 .filtro-box .filtro-conteudo .filtro-dados::-webkit-scrollbar-track {
 	background: none
 }

 .filtro-box .filtro-conteudo .filtro-dados ul {
 	padding: 0;
 	margin: 0
 }

 .filtro-box .filtro-conteudo .filtro-dados ul li {
 	padding: 0;
 	list-style: none;
 	position: relative
 }

 .filtro-box .filtro-conteudo .filtro-dados ul li label {
 	display: flex;
 	gap: 5px;
 	justify-items: flex-start;
 	align-items: center;
 	cursor: pointer;
 	padding: 5px 0
 }

 .filtro-box .filtro-conteudo .filtro-dados ul li input[type=checkbox] {
 	width: 17px;
 	height: 17px
 }

 .filtro-box .filtro-conteudo .filtro-dados ul li span {
 	font-size: medium
 }

 .texto {
 	font-size: medium;
 	text-align: justify
 }

 .texto.center {
 	text-align: center
 }

 .texto.right {
 	text-align: right
 }

 .texto.bold {
 	font-weight: bold
 }

 .texto.pequeno {
 	font-size: small
 }

 .texto.extrapequeno {
 	font-size: x-small
 }

 .texto.grande {
 	font-size: large
 }

 .texto.extragrande {
 	font-size: x-large
 }

 .texto.cinza {
 	color: #999
 }

 .texto.preto {
 	color: #5C5C5C
 }

 .texto.branco {
 	color: #FFF
 }

 .texto.laranja {
 	color: #F60
 }

 .texto.vermelho {
 	color: #F00
 }

 .texto.azul {
 	color: #06F
 }

 .texto.verde {
 	color: #0A0
 }

 .texto.amarelo {
 	color: #FF0
 }

 .box-login {
 	display: flex;
 	justify-content: center;
 	padding: 20px 0
 }

 .box-login h2 {
 	margin-top: 0
 }

 .box-login>div {
 	display: grid;
 	grid-template-columns: auto 300px;
 	width: 95%;
 	max-width: 900px;
 	height: 400px;
 	background-color: #FFF;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	-webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45);
 	-moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45);
 	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45)
 }

 .box-login>div>div:first-child {
 	background-color: #CCC;
 	background-image: url(img/login.jpg);
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	position: relative
 }

 .box-login>div>div:first-child>div:first-child {
 	width: 100%;
 	height: 100%;
 	opacity: .6;
 	background: linear-gradient(315deg, #000 3%, #422462 38%, #00C 68%, #09A 98%);
 	animation: gradient 10s ease infinite;
 	background-size: 400% 400%;
 	background-attachment: fixed
 }

 .box-login>div>div:first-child>div:last-child {
 	color: #FFF;
 	position: absolute;
 	top: 0;
 	height: 100%;
 	width: 100%;
 	display: grid;
 	justify-content: center;
 	align-content: center;
 	text-align: center
 }

 .box-login>div>div:last-child {
 	padding: 30px
 }

 .box-login .esqueci-senha {
 	cursor: pointer
 }

 @media screen and (max-width:700px) {
 	.box-login>div>div:first-child {
 		display: none
 	}

 	.box-login>div {
 		grid-template-columns: 1fr
 	}
 }

 .box-login>div>div:first-child div {}

 @keyframes gradient {
 	0% {
 		background-position: 0 0%
 	}

 	50% {
 		background-position: 100% 100%
 	}

 	100% {
 		background-position: 0 0%
 	}
 }

 .box-login .cadastro {
 	display: none
 }

 .forca-senha {
 	display: grid;
 	grid-gap: 3px
 }

 .forca-senha>div {
 	display: flex;
 	justify-content: flex-start;
 	gap: 5px;
 	color: #AAA;
 	font-size: small
 }

 .forca-senha>div>i {
 	font-size: medium
 }

 .forca-senha>div.checked {
 	color: #080;
 	font-weight: bold
 }

 .erro {
 	display: grid;
 	justify-content: center;
 	text-align: center;
 	padding: 20px 0
 }

 .erro i.icofont-close-circled {
 	font-size: 150px;
 	color: #900
 }

 .erro>div.code {
 	font-size: small;
 	color: #999
 }

 .erro>div.title {
 	font-size: xx-large;
 	font-weight: bold;
 	color: #900
 }

 .erro>div.text {
 	font-size: medium;
 	color: #333;
 	padding: 20px 0
 }

 .bloco-form {
 	display: grid;
 	justify-content: center
 }

 .bloco-form>div {
 	display: grid;
 	background-color: #FFF;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	padding: 20px;
 	width: 500px
 }

 @media screen and (max-width:700px) {
 	.bloco-form {
 		justify-content: inherit
 	}

 	.bloco-form>div {
 		width: inherit
 	}
 }

 .lista-planos {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: center;
 	gap: 20px
 }

 .lista-planos>.plano {
 	width: 220px;
 	border: 1px solid #CCC;
 	background-color: #FFF;
 	color: #333;
 	border-top-width: thick;
 	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
 	border-radius: 6px;
 	padding: 20px;
 	text-align: center
 }

 .lista-planos>.plano>.titulo {
 	font-weight: bold;
 	font-size: large;
 	text-align: center;
 	text-transform: uppercase
 }

 .lista-planos>.plano>.conteudo {
 	font-size: small;
 	padding: 20px
 }

 .lista-planos>.plano>.conteudo i {
 	font-size: large;
 	color: #0C0
 }

 .lista-planos>.plano>.valores {
 	text-align: center;
 	padding: 20px
 }

 .lista-planos>.plano>.valores>.valor {
 	font-size: small
 }

 .lista-planos>.plano>.valores>.valor b {
 	font-size: large
 }

 .lista-planos>.plano>.valores>.valor.gratis b {
 	font-size: x-large;
 	color: #0c0
 }

 .lista-planos>.plano>.valores>.vigencia {
 	font-size: small;
 	color: #333
 }

 .lista-planos>.plano>.valores>.valor_descricao {
 	font-size: small;
 	color: #999;
 	padding: 3px
 }

 .lista-planos>.plano>.botoes {
 	margin-top: 0
 }

 @media screen and (max-width:700px) {
 	.lista-planos {
 		display: grid;
 		grid-template-columns: 1fr 1fr
 	}

 	.lista-planos>.plano {
 		width: auto
 	}
 }

 @media screen and (max-width:500px) {
 	.lista-planos {
 		display: grid;
 		grid-template-columns: 1fr
 	}
 }

 .lista-box-confirmacao {
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
 	grid-gap: 20px;
 	margin-top: 20px
 }

 .lista-box-confirmacao.grid-2 {
 	grid-template-columns: 1fr 1fr
 }

 @media only screen and (max-width:700px) {
 	.lista-box-confirmacao {
 		grid-template-columns: 1fr
 	}

 	.lista-box-confirmacao.grid-2 {
 		grid-template-columns: 1fr
 	}
 }

 .box-dados {
 	padding: 20px;
 	background-color: #FFF;
 	color: #333;
 	font-size: small
 }

 .box-dados.cinza {
 	background-color: #EEE;
 	color: #333
 }

 .box-dados.amarelo {
 	background-color: #FF0;
 	color: #333
 }

 .box-dados.verde {
 	background-color: #0C0;
 	color: #FFF
 }

 .box-dados.laranja {
 	background-color: #F60;
 	color: #FFF
 }

 .box-dados.vermelho {
 	background-color: #E00;
 	color: #FFF
 }

 .box-dados.azul {
 	background-color: #0079c0;
 	color: #FFF
 }

 .box-dados.rosa {
 	background-color: deeppink;
 	color: #FFF
 }

 .box-dados>.titulo {
 	display: flex;
 	flex-wrap: nowrap;
 	align-items: flex-start;
 	justify-content: flex-start;
 	gap: 10px;
 	font-size: large;
 	font-weight: bold
 }

 .box-dados>.conteudo {
 	padding: 10px 0;
 	font-size: small;
 	color: #666
 }

 .box-dados>.conteudo>div {
 	display: grid;
 	grid-template-columns: auto 1fr;
 	justify-content: center;
 	align-items: center;
 	gap: 10px;
 	padding: 10px 0;
 	border-bottom: 1px solid #CCC
 }

 .box-dados>.conteudo>div:last-child {
 	border-bottom: none
 }

 .box-dados>.conteudo>div.unico {
 	grid-template-columns: 1fr;
 	justify-items: flex-start
 }

 .box-dados>.conteudo>div>div:first-child i {
 	font-size: x-large;
 	color: #6666FF
 }

 .box-dados>.conteudo>div b {
 	font-size: medium;
 	color: #000
 }

 .box-dados .subtitulo {
 	font-size: small;
 	color: #999;
 	margin-top: 10px
 }

 .box-dados>.conteudo .tag {
 	padding: 5px 10px;
 	background-color: #FF0;
 	font-size: small;
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	gap: 5px;
 	width: fit-content
 }

 .box-dados>.conteudo .tag i {
 	font-size: medium !important;
 	color: inherit !important
 }

 .lista-bloco-pagamento>.bloco-pagamento {
 	margin-top: 10px
 }

 .lista-bloco-pagamento>.bloco-pagamento:first-child {
 	margin-top: 0
 }

 .bloco-pagamento {
 	display: block;
 	align-items: center;
 	background-color: #FFF;
 	color: #5c5c5c
 }

 .bloco-pagamento>.cabecalho,
 .bloco-pagamento>.conteudo {
 	position: relative
 }

 .bloco-pagamento>.cabecalho {
 	padding: 20px 20px
 }

 .bloco-pagamento>.cabecalho {
 	background-color: #FFF
 }

 .bloco-pagamento>.cabecalho:hover {
 	background-color: #F9F9F9;
 	box-shadow: rgba(0, 0, 0, .2) 0 2px 6px
 }

 .bloco-pagamento>.cabecalho {
 	display: flex;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	gap: 20px;
 	align-items: center;
 	cursor: pointer
 }

 .bloco-pagamento>.cabecalho i.icofont-rounded-down,
 .bloco-pagamento>.cabecalho i.icofont-rounded-up {
 	font-size: 1.5rem
 }

 .bloco-pagamento>.cabecalho .nome {
 	display: flex;
 	flex-wrap: wrap;
 	column-gap: 10px;
 	align-items: center;
 	font-size: medium;
 	font-weight: bold;
 	color: #000
 }

 .bloco-pagamento>.cabecalho .nome i {
 	font-size: x-large
 }

 .bloco-pagamento>.cabecalho .nome img {
 	max-height: 20px;
 	max-width: 90px
 }

 .bloco-pagamento>.cabecalho .descricao {
 	font-size: small;
 	color: #666
 }

 .bloco-pagamento>.cabecalho .desconto {
 	display: flex;
 	align-items: center;
 	font-size: small;
 	font-weight: normal;
 	background-color: #0C0;
 	color: #FFF;
 	padding: 0 5px 0 5px
 }

 .bloco-pagamento>.cabecalho .desconto i {
 	font-size: 1.2rem;
 	margin-right: 3px
 }

 .bloco-pagamento>.cabecalho .check {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 20px;
 	height: 20px;
 	border: 2px solid #CCC;
 	-moz-border-radius: 99px;
 	-webkit-border-radius: 99px;
 	border-radius: 99px
 }

 .bloco-pagamento>.cabecalho .check i {
 	font-size: 1.5rem;
 	display: none
 }

 .bloco-pagamento>.conteudo {
 	display: none
 }

 .bloco-pagamento.aberto {
 	border: 2px solid #0A0
 }

 .bloco-pagamento.aberto>.cabecalho {
 	background-color: #AFD;
 	padding: 18px 14px;
 	gap: 19px
 }

 .bloco-pagamento.aberto>.cabecalho .check {
 	width: 25px;
 	height: 25px;
 	background-color: #090;
 	border: 2px solid #FFF
 }

 .bloco-pagamento.aberto>.cabecalho .check i {
 	display: block;
 	color: #FFF
 }

 .bloco-pagamento .pagamento-banner {
 	padding-top: 10px;
 	padding-bottom: 10px;
 	text-align: center
 }

 .bloco-pagamento .pagamento-banner img {
 	max-width: 100%
 }

 .quadro-pagamento {
 	display: block
 }

 .quadro-pagamento>.cabecalho {
 	grid-gap: 0
 }

 .quadro-pagamento>.cabecalho>div {
 	padding: 10px;
 	display: flex;
 	flex-wrap: nowrap;
 	align-content: start;
 	align-items: center;
 	gap: 5px;
 	background-color: #F0F0F0;
 	border-left: 1px solid #DDD;
 	border-right: 1px solid #DDD;
 	border-bottom: 1px solid #DDD;
 	cursor: pointer;
 	color: #888
 }

 .quadro-pagamento>.cabecalho>div:hover {
 	background-color: #F6F6F6
 }

 .quadro-pagamento>.cabecalho>div>div:first-child i {
 	font-size: x-large
 }

 .quadro-pagamento>.cabecalho>div.ativo {
 	background-color: #FFF;
 	border-bottom: 1px solid #FFF;
 	color: #333
 }

 .quadro-pagamento>.conteudo {
 	display: block
 }

 .quadro-pagamento>.conteudo>div {
 	display: none;
 	padding: 20px
 }

 .quadro-pagamento>.conteudo>div.ativo {
 	display: grid;
 	justify-content: center
 }

 .quadro-pagamento>.conteudo>div .boxform {
 	width: 400px
 }

 @media screen and (max-width:500px) {
 	.quadro-pagamento>.cabecalho>div {
 		display: grid;
 		justify-items: center;
 		text-align: center;
 		gap: 0
 	}

 	.quadro-pagamento>.cabecalho>div>div:first-child i {
 		font-size: larger
 	}

 	.quadro-pagamento>.cabecalho>div>div:last-child span {
 		font-size: small
 	}

 	.quadro-pagamento>.conteudo>div.ativo {
 		display: block
 	}

 	.quadro-pagamento>.conteudo>div .boxform {
 		width: auto
 	}
 }

 .carrinho-concluido-status {
 	display: flex;
 	column-gap: 10px;
 	justify-content: flex-start;
 	align-items: center;
 	padding: 15px
 }

 @media only screen and (max-width:700px) {
 	.carrinho-concluido-status {
 		padding: 10px
 	}
 }

 .boxinfo {
 	padding-top: 5px;
 	padding-bottom: 5px;
 	padding-left: 7px;
 	padding-right: 7px;
 	background-color: #F8F8F8;
 	border: 1px solid #EEE
 }

 .boxinfo:empty {
 	display: none
 }

 .boxinfo.verde {
 	background-color: #009900;
 	color: #FFF
 }

 .boxinfo.laranja {
 	background-color: #FF6600;
 	color: #FFF
 }

 .boxinfo.amarelo {
 	background-color: #FFCC29
 }

 .boxinfo.vermelho {
 	background-color: #D92127;
 	color: #FFF
 }

 .boxinfo.cinza {
 	background-color: #DDD;
 	color: #5c5c5c
 }

 .avatar {
 	width: 50px;
 	height: 50px;
 	border-radius: 99px;
 	-moz-border-radius: 99px;
 	-webkit-border-radius: 99px;
 	border: 1px solid #DDD;
 	background-color: #FFF;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	margin-top: -10px;
 	margin-bottom: -10px;
 	margin-left: -10px;
 	margin-right: -10px;
 	position: relative
 }

 .avatar.veiculo {
 	width: 78px;
 	height: 78px;
 	border-radius: 0;
 	-moz-border-radius: 0;
 	-webkit-border-radius: 0;
 	margin-top: -15px;
 	margin-bottom: -15px;
 	margin-left: -5px;
 	margin-right: -5px
 }

 .avatar.quadrado {
 	border-radius: 0;
 	-moz-border-radius: 0;
 	-webkit-border-radius: 0
 }

 .avatar.banner {
 	border-radius: 0;
 	-moz-border-radius: 0;
 	-webkit-border-radius: 0;
 	border: none;
 	background-color: transparent;
 	-webkit-background-size: contain;
 	-moz-background-size: contain;
 	-o-background-size: contain;
 	background-size: contain
 }

 .avatar>span {
 	font-size: .625rem;
 	color: #FFF;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-left: 15px;
 	padding-right: 3px;
 	background-color: #888;
 	background-position: left 3px center;
 	background-repeat: no-repeat;
 	background-image: url(img/ico-photo-branco.png);
 	border-radius: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	z-index: 1;
 	-webkit-background-size: 10px;
 	-moz-background-size: 10px;
 	-o-background-size: 10px;
 	background-size: 10px
 }

 .tag {
 	display: flex;
 	align-items: center;
 	width: fit-content;
 	padding: 5px 7px !important;
 	border-radius: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	font-size: small;
 	white-space: nowrap;
 	gap: 3px
 }

 .tag.total {
 	width: auto;
 	justify-content: center
 }

 .tag.center {
 	justify-content: center
 }

 .tag i {
 	vertical-align: sub;
 	color: inherit !important;
 	margin-right: 5px
 }

 .tag.pequeno {
 	padding: 2px 4px !important;
 	font-size: x-small;
 	border-radius: 0;
 	-moz-border-radius: 0;
 	-webkit-border-radius: 0
 }

 .tag.grande {
 	padding: 7px 10px !important;
 	font-size: medium
 }

 .tag.cinza {
 	background-color: #DDD;
 	color: #333
 }

 .tag.amarelo {
 	background-color: #FF0;
 	color: #333
 }

 .tag.verde {
 	background-color: #0C0;
 	color: #FFF
 }

 .tag.laranja {
 	background-color: #F60;
 	color: #FFF
 }

 .tag.vermelho {
 	background-color: #E00;
 	color: #FFF
 }

 .tag.azul {
 	background-color: #0079c0;
 	color: #FFF
 }

 .tag.rosa {
 	background-color: deeppink;
 	color: #FFF
 }

 .form-grid {
 	display: grid;
 	gap: 10px;
 	align-items: center;
 	justify-content: flex-flex-start
 }

 @media screen and (max-width:700px) {
 	.form-grid {
 		display: block
 	}
 }

 .form-lista-acessorios {
 	max-height: 300px;
 	overflow: auto
 }

 .form-lista-acessorios>div {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	gap: 0 10px
 }

 @media screen and (max-width:700px) {
 	.form-lista-acessorios>div {
 		grid-template-columns: 1fr
 	}
 }

 .menu-painel {
	display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: 10px;
    background-color: #EEE;
    padding: 10px;
    align-items: end;
 }

 @media screen and (max-width:700px) {
 	.menu-painel {
    	grid-template-columns: 1fr;
 	}
 }

 .infop {
 	font-size: x-small;
 	color: #999;
 	padding: 10px
 }

 .infop:empty {
 	display: none
 }

 .barra-paginacao {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	align-items: center;
 	gap: 10px;
 	background-color: #EEE;
 	padding: 5px 10px
 }

 @media screen and (max-width:700px) {
 	.barra-paginacao {
 		justify-content: center
 	}
 }

 .form-ordem {
 	display: flex;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	align-items: center;
 	gap: 3px;
 	font-size: .75rem;
 	color: #666
 }

 .form-ordem select {
 	font-size: .75rem;
 	color: #666;
 	background-color: #FFF;
 	border: 1px solid #EEE;
 	outline: none;
 	padding: 5px 10px;
 	border-radius: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px
 }

 .barrapaginacao {
 	margin-top: 2px;
 	margin-bottom: 2px;
 	margin-left: 0;
 	margin-right: 0;
 	text-align: right;
 	float: right
 }

 .barrapaginacao ul {
 	padding: 0;
 	margin: 0;
 	text-align: right
 }

 .barrapaginacao ul li {
 	vertical-align: middle;
 	margin-left: 2px;
 	font-size: .625rem;
 	color: #666;
 	list-style: none;
 	float: left;
 	border: 1px solid #EEE;
 	padding: 7px 10px 7px 10px;
 	cursor: pointer;
 	background-color: #FFF;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px
 }

 .barrapaginacao ul li:hover {
 	border: solid 1px #CCC;
 	color: #666;
 	background-color: #EEE
 }

 .barrapaginacao .off {
 	color: #CCC;
 	border: solid 1px #CCC
 }

 .barrapaginacao .off:hover {
 	color: #CCC;
 	border: solid 1px #CCC;
 	background-color: #FFF
 }

 .barrapaginacao .on {
 	border: solid 1px #CCC;
 	color: #FFF;
 	background-color: #6666FF
 }

 .titulopagina {
 	display: table;
 	width: 100%;
 	position: relative;
 	margin-top: 10px;
 	margin-bottom: 10px
 }

 .titulopagina>.titulo {
 	display: table;
 	font-size: large;
 	color: #333;
 	font-style: italic;
 	font-weight: bold;
 	padding: 0;
 	margin: 0;
 	border-bottom: 2px solid #CCC;
 	position: relative;
 	font-family: 'Rubik', sans-serif
 }

 .titulopagina.center>.titulo {
 	float: none;
 	text-align: center
 }

 .titulopagina.pequeno>.titulo {
 	font-size: 1.125rem
 }

 .titulopagina>.titulo::after {
 	content: "";
 	width: 80px;
 	max-width: 100%;
 	height: 6px;
 	background-color: #422462;
 	font-weight: bold;
 	position: absolute;
 	bottom: -4px;
 	left: 0;
 	border-radius: 0 9px 9px 0;
 	-moz-border-radius: 0 9px 9px 0;
 	-webkit-border-radius: 0 9px 9px 0
 }

 .titulopagina.center>.titulo::after {
 	position: absolute;
 	bottom: -4px;
 	left: 20%;
 	left: -webkit-calc(50% - 40px);
 	left: -moz-calc(50% - 40px);
 	left: calc(50% - 40px);
 	border-radius: 9px 9px 9px 9px;
 	-moz-border-radius: 9px 9px 9px 9px;
 	-webkit-border-radius: 9px 9px 9px 9px
 }

 .titulopagina>.direita {
 	float: right;
 	display: table;
 	font-size: .75rem;
 	font-style: normal;
 	font-weight: normal;
 	color: #5C5C5C
 }

 .titulopagina>.info {
 	float: left;
 	width: 100%;
 	font-size: .75rem;
 	font-style: normal;
 	font-weight: normal;
 	color: #5C5C5C;
 	padding-top: 5px;
 	padding-bottom: 5px
 }

 .titulopagina.center>.info {
 	float: none;
 	text-align: center
 }

 .sombra {
 	width: 100%;
 	height: 100%;
 	opacity: .6;
 	background: linear-gradient(315deg, #000 3%, #422462 38%, #00C 68%, #09A 98%);
 	animation: gradient 10s ease infinite;
 	background-size: 400% 400%;
 	background-attachment: fixed
 }

 .lista-financeiro-contrato {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 5px;
 	justify-content: space-between;
 	align-content: flex-start
 }

 @media screen and (max-width:700px) {
 	.lista-financeiro-contrato {
 		display: grid;
 		justify-content: inherit
 	}
 }

 .lista-veiculos {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 	grid-gap: 20px;
 	justify-content: space-between;
 	padding: 10px 0
 }

 .publicidade {
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
 	border-radius: 8px;
 	display: flex;
 	justify-content: center;
 	align-content: center
 }

 .publicidade img {
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
 	border-radius: 8px
 }

 .veiculo-box {
 	display: grid;
 	grid-template-columns: 1fr;
 	grid-template-rows: 230px 1fr auto;
 	width: 100%;
 	height: 100%;
 	position: relative;
 	max-width: 100%;
 	transition: all .2s;
 	background-color: white;
 	color: #5c5c5c;
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
 	border-radius: 8px
 }

 .veiculo-box:hover {
 	-webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45);
 	-moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45);
 	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45)
 }

 .veiculo-box .imagem {
 	position: relative
 }

 .veiculo-box .imagem>.foto {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	overflow: hidden;
 	-moz-border-radius: 8px 8px 0 0;
 	-webkit-border-radius: 8px 8px 0 0;
 	border-radius: 8px 8px 0 0
 }

 .veiculo-box .imagem>.foto>div {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	transition: all .5s
 }

 .veiculo-box:hover .imagem>.foto>div {
 	transform: scale(1.05);
 	transition: all .5s
 }

 .veiculo-box button.editar {
 	position: absolute;
 	top: 5px;
 	right: 5px
 }

 .veiculo-box>.imagem>.tag {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%)
 }

 .veiculo-box>.imagem>.tag_base {
 	position: absolute;
 	width: 100%;
 	bottom: -10px;
 	left: 0;
 	display: flex;
 	gap: 5px;
 	flex-wrap: wrap;
 	justify-content: center
 }

 .veiculo-box>.imagem>.tag_base>div {
 	margin: 0;
 	padding: 5px 15px;
 	text-align: left;
 	font-size: small;
 	white-space: nowrap;
 	color: #666;
 	background-color: #DDD
 }

 .veiculo-box>.imagem>.tag_base>div i {
 	margin-right: 5px
 }

 .veiculo-box>.conteudo {
 	padding: 15px 15px 5px 15px;
 	display: grid;
 	grid-template-rows: auto auto 1fr auto auto
 }

 .veiculo-box>.conteudo>div {
 	padding: 3px 0
 }

 .veiculo-box .info {
 	font-size: .75rem;
 	color: #999
 }

 .veiculo-box>.conteudo .marca {
 	text-transform: uppercase
 }

 .veiculo-box>.conteudo .modelo {
 	font-size: medium;
 	color: #000;
 	font-weight: bold;
 	text-transform: uppercase;
 	padding-bottom: 0
 }

 .veiculo-box>.conteudo .versao {
 	font-size: small;
 	color: #999;
 	text-transform: uppercase;
 	padding-top: 0
 }

 .veiculo-box>.conteudo .valor {
 	align-self: end;
 	font-size: 1.2rem;
 	color: #6666FF;
 	font-weight: bold;
 	padding: 5px 0
 }

 .veiculo-box>.conteudo .botoes {
 	display: grid;
	grid-template-columns: 1fr auto;
	gap: 5px;
 }

 .veiculo-box>.loja {
 	padding: 0 15px
 }

 .veiculo-box>.loja>.conteudo {
 	padding: 15px 0;
 	border-top: 1px solid #CCC;
 	display: grid;
 	grid-template-columns: 50px 1fr;
 	gap: 10px
 }

 .veiculo-box>.loja>.conteudo .logomarca {
 	width: 100%;
 	height: 100%;
 	position: relative
 }

 .veiculo-box>.loja>.conteudo .logomarca>div {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: contain;
 	-moz-background-size: contain;
 	-o-background-size: contain;
 	background-size: contain
 }

 .veiculo-box>.loja>.conteudo .cliente {
 	font-size: small;
 	color: #000;
 	font-weight: bold;
 	text-transform: uppercase
 }

 .box_texto {
 	font-size: medium;
 	text-align: justify
 }

 .box_texto span {
 	vertical-align: inherit !important;
 	margin-right: inherit !important
 }

 .box_texto img {
 	max-width: 100%;
 	max-height: 100%;
 	margin: 10px
 }

 .box_texto a:first-child>img,
 .box_texto img:first-child {
 	margin-top: 0;
 	margin-left: 0
 }

 .lista_fotos {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(220px, auto));
 	gap: 10px
 }

 .lista_fotos .foto {
 	width: 100%;
 	height: 160px;
 	border: 1px solid #CCC;
 	background-color: #FFF;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px
 }

 @media only screen and (max-width:700px) {
 	.lista_fotos {
 		grid-template-columns: repeat(auto-fill, minmax(130px, auto))
 	}

 	.lista_fotos .foto {
 		height: 120px
 	}
 }

 .separador {
 	border-top: 1px solid #CCC;
 	margin-top: 12px;
 	margin-bottom: 12px;
 	text-align: center;
 	position: relative;
 	list-style: none
 }

 .separador.pequeno {
 	margin-top: 10px;
 	margin-bottom: 10px
 }

 .separador.grande {
 	margin-top: 15px;
 	margin-bottom: 15px
 }

 .separador.extragrande {
 	margin-top: 20px;
 	margin-bottom: 20px
 }

 .separador>span {
 	font-size: large;
 	color: #666;
 	background-color: #F8F8F8;
 	padding-left: 10px;
 	padding-right: 10px;
 	position: absolute;
 	top: -10px;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%)
 }

 .separador.pequeno>span {
 	font-size: small;
 	top: -8px
 }

 .separador.grande>span {
 	font-size: x-large;
 	top: -15px;
 	font-weight: bold
 }

 .separador.extragrande>span {
 	font-size: xx-large;
 	top: -20px;
 	font-weight: bold
 }

 .menu-lateral {
 	display: grid;
 	grid-gap: 5px;
 	margin-top: 10px
 }

 .menu-lateral button {
 	display: flex;
 	gap: 15px;
 	width: 100%;
 	padding: 12px 17px;
 	justify-content: flex-start
 }

 .menu-lateral .active button {
 	font-weight: bold
 }

 .menu-lateral i {
 	font-size: large
 }

 .filtros-usados {
 	display: grid;
 	grid-gap: 5px;
 	margin-top: 10px
 }

 .filtros-usados button {
 	display: grid;
 	grid-template-columns: 1fr auto;
 	justify-items: flex-start;
 	justify-content: space-between;
 	font-size: small;
 	padding: 7px 10px;
 	gap: 10px
 }

 .filtros-usados button>div:first-child {
 	display: grid;
 	grid-template-columns: 1fr;
 	justify-items: flex-start;
 	gap: 0
 }

 .filtros-usados button>div:first-child>div:first-child {
 	font-size: x-small;
 	color: #CCC
 }

 .filtros-usados button>div:first-child>div:last-child {
 	font-size: small;
 	font-weight: bold
 }

 .filtros-usados button i {
 	font-size: x-small;
 	align-self: flex-start;
 	margin-right: -3px;
 	margin-top: 0;
 	color: #AAA
 }

 .filtros-usados button:hover {
 	gap: 7px
 }

 .filtros-usados button:hover i {
 	font-size: small;
 	color: #6666FF
 }

 .veiculo-grid-topo {
 	display: grid;
 	grid-template-columns: 740px 1fr;
 	gap: 20px
 }

 @media only screen and (max-width:1200px) {
 	.veiculo-grid-topo {
 		grid-template-columns: 500px 1fr
 	}
 }

 @media only screen and (max-width:900px) {
 	.veiculo-grid-topo {
 		grid-template-columns: 300px 1fr
 	}
 }

 @media only screen and (max-width:600px) {
 	.veiculo-grid-topo {
 		grid-template-columns: 1fr
 	}
 }

 .galeria-fotos {
 	width: 100%;
 	height: 460px;
 	display: inline-flex;
 	gap: 10px
 }

 @media only screen and (max-width:1200px) {
 	.galeria-fotos {
 		height: 360px
 	}
 }

 @media only screen and (max-width:900px) {
 	.galeria-fotos {
 		height: 200px
 	}
 }

 .galeria-fotos.horizontal {
 	display: inline-block
 }

 .galeria-fotos .gallery-top {
 	width: calc(100% - 112px);
 	height: 100%
 }

 .galeria-fotos.horizontal .gallery-top {
 	width: 100%
 }

 .galeria-fotos .gallery-thumbs {
 	width: 100px;
 	height: 100%
 }

 .galeria-fotos.horizontal .gallery-thumbs {
 	width: 100%;
 	height: 100px;
 	margin-top: 20px
 }

 @media only screen and (max-width:1200px) {
 	.galeria-fotos.horizontal .gallery-thumbs {
 		height: 80px
 	}
 }

 @media only screen and (max-width:900px) {
 	.galeria-fotos.horizontal .gallery-thumbs {
 		height: 60px
 	}
 }

 @media only screen and (max-width:600px) {
 	.galeria-fotos.horizontal .gallery-thumbs {
 		width: calc(100% - 40px);
 		margin: 5px 20px
 	}
 }

 .galeria-fotos.horizontal .gallery-thumbs>.swiper-button-next,
 .galeria-fotos.horizontal .gallery-thumbs>.swiper-button-prev {
 	left: 0 !important;
 	width: 50px !important;
 	height: 50px !important;
 	background-color: #f6f6f6;
 	border-radius: 99%
 }

 .galeria-fotos.horizontal .gallery-thumbs>.swiper-button-next {
 	left: inherit !important;
 	right: 0 !important
 }

 .galeria-fotos.horizontal .gallery-thumbs>.swiper-button-next,
 .galeria-fotos.horizontal .gallery-thumbs>.swiper-button-prev {
 	top: 35px !important
 }

 .gallery-thumbs>.swiper-button-prev:after,
 .gallery-thumbs>.swiper-container-rtl .swiper-button-next:after,
 .gallery-thumbs>.swiper-button-next:after,
 .gallery-thumbs>.swiper-container-rtl .swiper-button-prev:after {
 	transform: rotate(0deg) !important;
 	font-size: x-large
 }

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

 	.galeria-fotos.horizontal .gallery-thumbs>.swiper-button-next,
 	.galeria-fotos.horizontal .gallery-thumbs>.swiper-button-prev {
 		width: 20px !important;
 		height: 20px !important
 	}
 }

 .gallery-top>.swiper-button-prev,
 .gallery-top>.swiper-button-next,
 .gallery-top>.swiper-pagination-bullet,
 .gallery-thumbs>.swiper-button-prev,
 .gallery-thumbs>.swiper-button-next,
 .gallery-thumbs>.swiper-pagination-bullet {
 	color: #6666FF;
 	fill: #6666FF
 }

 .gallery-top .swiper-pagination-bullet {
 	background-color: #6666FF
 }

 .galeria-fotos .swiper-slide img {
 	max-width: 100%;
 	max-height: 100%
 }

 .galeria-fotos .gallery-thumbs .swiper-slide {
 	width: 100%;
 	height: 20%;
 	opacity: 1;
 	border: 1px solid #CCC;
 	background-color: #FFF;
 	background-repeat: no-repeat;
 	background-position: center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	cursor: pointer
 }

 .galeria-fotos.horizontal .gallery-thumbs .swiper-slide {
 	width: 20%;
 	height: calc(100% - 2px);
 	opacity: .5
 }

 .galeria-fotos .gallery-thumbs .swiper-slide-active {
 	width: 100%;
 	opacity: 1;
 	border: 2px solid #6666FF;
 	opacity: 1
 }

 .galeria-fotos.horizontal .gallery-thumbs .swiper-slide-active {
 	width: 20%;
 	height: calc(100% - 4px);
 	opacity: 1
 }

 .galeria-fotos .swiper-button-next.swiper-button-white,
 .swiper-button-prev.swiper-button-white {
 	color: dodgerblue;
 	font-weight: bold
 }

 .galeria-fotos .swiper-slide {
 	text-align: center;
 	font-size: 18px;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	align-items: center;
 	background-color: #FFF;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover
 }

 .box {
 	padding: 10px 7px;
 	color: #5c5c5c;
 	background-color: #FFF
 }

 .box.pequeno {
 	padding: 10px 7px;
 	font-size: small
 }

 .box.cinza {
 	background-color: #EEE
 }

 .box.vermelho {
 	color: #FFF;
 	background-color: #D92127
 }

 .box.laranja {
 	color: #FFF;
 	background-color: #FF6600
 }

 .box.verde {
 	color: #FFF;
 	background-color: #009900
 }

 .box.amarelo {
 	background-color: #FFCC29
 }

 .box.azul {
 	color: #FFF;
 	background-color: #0079c0
 }

 .veiculo-valor {
 	color: #6666FF;
 	font-weight: bold;
 	padding: 10px 0;
	font-size: 2rem;
 }

 @media only screen and (max-width:700px) {
 	.veiculo-valor {
 		font-size: 2rem;
        text-align: center;
 	}
 }

 .veiculo-info {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
 	grid-gap: 20px;
 	justify-content: space-between;
 	padding: 10px 0 20px 0
 }

 .veiculo-info label {
 	font-size: small;
 	color: #999
 }

 .veiculo-texto {
 	padding: 10px 0;
 	font-size: small
 }

 .veiculo-acessorios {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	grid-gap: 5px 10px;
 	justify-content: space-between;
 	padding: 10px 0;
 	font-size: small
 }

 .veiculo-acessorios i {
 	font-size: medium
 }

 .veiculo-cliente {
 	background-color: #FFF
 }

 .veiculo-cliente>.cabecalho {}

 .veiculo-cliente>.cabecalho.com_foto>div {
 	padding-left: 135px
 }

 .veiculo-cliente>.cabecalho>.topo {
 	position: relative;
 	height: 70px;
 	-moz-border-radius: 3px 3px 0 0;
 	-webkit-border-radius: 3px 3px 0 0;
 	border-radius: 3px 3px 0 0
 }

 .veiculo-cliente>.cabecalho>.topo>.banner,
 .veiculo-cliente>.cabecalho>.topo>.logomarca {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	overflow: hidden
 }

 .veiculo-cliente>.cabecalho>.topo>.logomarca {
 	height: calc(100% - 20px);
 	padding: 10px
 }

 .veiculo-cliente>.cabecalho>.topo>.banner>div,
 .veiculo-cliente>.cabecalho>.topo>.logomarca>div {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: contain;
 	-moz-background-size: contain;
 	-o-background-size: contain;
 	background-size: contain;
 	-moz-border-radius: 0 3px 0 0;
 	-webkit-border-radius: 0 3px 0 0;
 	border-radius: 0 3px 0 0
 }

 .veiculo-cliente>.cabecalho>.topo>.foto {
 	width: 120px;
 	height: 90px;
 	position: relative;
 	overflow: hidden;
 	border: 1px solid #CCC;
 	position: absolute;
 	top: 5px;
 	left: 5px
 }

 .veiculo-cliente>.cabecalho>.topo>.foto>div {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	transition: all .5s
 }

 .veiculo-cliente>.cabecalho>.topo>.foto:hover>div {
 	transform: scale(1.05);
 	transition: all .5s
 }

 .veiculo-cliente>.cabecalho>.base>.conteudo {
 	font-size: small;
 	color: #999;
 	padding: 10px 0
 }

 .veiculo-cliente>.contato>.conteudo {
 	padding: 10px 20px;
 	flex-wrap: wrap
 }

 .veiculo-cliente>.contato>.conteudo button span {
 	white-space: nowrap
 }

 .veiculo-cliente>.contato>.conteudo button.cinza {
 	font-size: small
 }

 .veiculo-cliente>.formulario>.conteudo {
 	padding: 10px 20px
 }

 .fone {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	flex-wrap: nowrap;
 	gap: 10px
 }

 .fone-icone {
 	font-size: 1.5rem;
 	align-self: baseline
 }

 .fone-descricao {
 	font-size: .75rem;
 	line-height: 90%
 }

 .fone-numero {
 	font-weight: bold
 }

 .fone-numero span {
 	font-size: .75rem;
 	font-weight: normal;
 	padding-right: 3px
 }

 .fone-botoes {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	flex-wrap: nowrap;
 	gap: 5px;
 	margin-top: 3px
 }

 .fone-botoes span {
 	font-size: .75rem
 }

 .fone.pequeno {
 	gap: 5px
 }

 .fone.pequeno .fone-icone {
 	font-size: 1rem
 }

 .fone.pequeno .fone-descricao {
 	font-size: .625rem;
 	line-height: 90%
 }

 .fone.pequeno .fone-numero {
 	font-size: .875rem;
 	line-height: 100%
 }

 .fone.pequeno .fone-numero span {
 	font-size: .625rem
 }

 .fone.pequeno .fone-botoes {
 	gap: 3px
 }

 .fone.pequeno .fone-botoes span {
 	font-size: .625rem
 }

 .conteudoFoto {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	align-content: center;
 	height: 200px
 }

 .conteudoFoto img {
 	max-width: 100%;
 	max-height: 180px
 }

 .lista-apis {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 	grid-gap: 20px;
 	justify-content: space-between;
 	padding: 10px 0
 }

 .api-box {
 	position: relative;
 	max-width: 100%;
 	transition: all .5s;
 	border: 1px solid #CCC;
 	background-color: white;
 	color: #5c5c5c;
 	text-align: center;
 	padding: 20px;
 	cursor: pointer
 }

 .api-box:hover {
 	-webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .20);
 	-moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .20);
 	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .20)
 }

 .api-box>h2 {
 	margin-top: 0
 }

 .lista-noticias {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
 	grid-gap: 20px;
 	justify-content: space-between;
 	padding: 10px 0
 }

 .lista-noticias.cliente {
 	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
 }

 .noticia-box {
 	display: grid;
 	grid-template-columns: 1fr;
 	grid-template-rows: 230px 1fr auto;
 	width: 100%;
 	height: 100%;
 	position: relative;
 	max-width: 100%;
 	transition: all .2s;
 	background-color: white;
 	color: #5c5c5c;
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
 	border-radius: 8px
 }

 .noticia-box:hover {
 	-webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45);
 	-moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45);
 	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .45)
 }

 .noticia-box .imagem {
 	position: relative
 }

 .noticia-box .imagem>.foto {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	overflow: hidden;
 	-moz-border-radius: 8px 8px 0 0;
 	-webkit-border-radius: 8px 8px 0 0;
 	border-radius: 8px 8px 0 0
 }

 .noticia-box .imagem>.foto>div {
 	width: 100%;
 	height: 100%;
 	position: relative;
 	background-position: center;
 	background-repeat: no-repeat;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	transition: all .5s
 }

 .lista-noticias.cliente .noticia-box .imagem>.foto>div {
 	-webkit-background-size: contain;
 	-moz-background-size: contain;
 	-o-background-size: contain;
 	background-size: contain;
 	transform: scale(.85)
 }

 .noticia-box:hover .imagem>.foto>div {
 	transform: scale(1.05);
 	transition: all .5s
 }

 .lista-noticias.cliente .noticia-box:hover .imagem>.foto>div {
 	transform: scale(.95)
 }

 .noticia-box button.editar {
 	position: absolute;
 	top: 5px;
 	right: 5px
 }

 .noticia-box>.conteudo {
 	padding: 5px 15px;
 	display: grid;
 	grid-template-rows: auto auto 1fr auto
 }

 .noticia-box>.conteudo>div {
 	padding: 3px 0
 }

 .noticia-box .info {
 	font-size: .75rem;
 	color: #999
 }

 .noticia-box .titulo {
 	font-size: medium;
 	color: #000;
 	font-weight: bold;
 	text-align: center
 }

 @media only screen and (max-width:1200px) {
 	.lista-noticias {
 		grid-template-columns: repeat(3, 1fr)
 	}
 }

 @media only screen and (max-width:900px) {
 	.lista-noticias {
 		grid-template-columns: repeat(2, 1fr)
 	}
 }

 @media only screen and (max-width:600px) {
 	.lista-noticias {
 		grid-template-columns: 1fr
 	}

 	.lista-noticias.cliente {
 		grid-template-columns: 1fr 1fr
 	}
 }

 .lista-alertas {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 5px;
 	padding: 20px 0
 }

 .lista-alertas>a {
 	display: flex
 }

 .lista-alertas .bloco-alerta {
 	display: grid;
 	grid-template-columns: auto auto 1fr;
 	align-content: center;
 	align-items: center;
 	gap: 10px;
 	background-color: #FFF;
 	color: #555;
 	padding: 10px 20px;
 	border: 1px solid #DDD;
 	font-size: small;
 	width: 200px
 }

 .lista-alertas .bloco-alerta.info {
 	background-color: #FFF;
 	color: #555
 }

 .lista-alertas .bloco-alerta.alerta {
 	background-color: #FEE;
 	color: #C00
 }

 .lista-alertas .bloco-alerta.sucess {
 	background-color: #CFE;
 	color: #090
 }

 .lista-alertas .bloco-alerta>div:nth-child(1) {
 	font-size: x-large
 }

 .lista-alertas .bloco-alerta>div:nth-child(2) {
 	font-size: large;
 	font-weight: bold
 }
 




 



.grid-contato {
    display: grid;
    grid-template-columns: 3fr 2fr;
    align-items: flex-start;
    justify-content: center;
    gap: 30px
}

@media only screen and (max-width: 700px) {
    .grid-contato {
        grid-template-columns:1fr
    }
}

.contato>div {
    padding-top: 10px;
    padding-bottom: 10px
}

.contato-logo {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    padding-top: 0
}

.contato-logo img {
    max-width: 250px;
    max-height: 150px
}

.contato-telefone {
    display: flex;
    column-gap: 40px;
    row-gap: 10px;
    flex-wrap: wrap;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}

.contato-endereco,.contato-email {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    font-size: .85rem
}