/*
Theme Name: Tragial
Author: Lucas Leite
Author URI: 
Description:
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/* Helpers */
img {
	max-width: 100%;
	height: auto;
}

/*Compatibilidade IE*/
body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	max-width: 100%;
	font-size: 16px;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
}

strong {
	font-weight: bold;
}

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

button:focus {
	outline: none;
}

span.amarelo {
	color: #ffd900;
}

/* Barra Header */
/* .barra-topo {background:#3f4393; display:table; width:100%;}
		.barra-topo .container {display:table;}
		.barra-topo h1 {background:url(https://www.tragial.com.br/wp-content/uploads/2020/01/icon-h1.png) left center no-repeat; float:left; display:table; font-size:14px; color:#fff; margin:0; line-height:24px; padding:10px; padding-left:25px;}
		.barra-topo .right {float:right; display:table;}
		.barra-topo .right i {float:left; font-size:18px; margin-right:10px; line-height:20px;}
		.barra-topo p {float:left; color:#fff; font-size:14px; margin:0; line-height:24px; padding:10px; margin-right:30px;}
		.barra-topo a.telefone {float:left; color:#fff; font-size:15px; background:#3dade3; display:block; padding:10px 15px; line-height:24px; font-weight:bold;}
		.barra-topo a.telefone:hover {background:#f79532; text-decoration:none;} */

/* Header */
header .principal {
	display: table;
	width: 100%;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/bg-header.jpg) top center no-repeat #fff;
	background-attachment: fixed;
}

header .center {
	align-items: center;
	margin: 10px -15px;
}

header .principal .busca {
	width: 100%;
	display: block;
	border-bottom: 1px #dedede solid;
	margin: 20px 0;
	position: relative;
	border: 1px #dedede solid;
	border-radius: 100px;
	overflow: hidden;
}

header .principal .busca .title {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	background: #f2f2f2;
	padding-left: 70px;
	align-items: center;
	padding-right: 25px;
	border-right: 1px #dedede solid;
}

header .principal .busca .title i {
	color: #f79532;
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
}

header .principal .busca .title h3 {
	margin: 0;
	padding: 0;
	color: #646464;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
}

header .principal .busca .title h3 strong {
	display: block;
	font-size: 24px;
	color: #3f4393;
}

header .principal .busca form {
	position: relative;
	padding-left: 165px;
}

header .principal .busca form input[type="text"] {
	width: 100%;
	background: #fff;
	border: 0;
	padding: 20px;
	outline: none;
}

header .principal .busca form input[type="text"]::placeholder {
	color: #c5c5c5;
}

header .principal .busca form button {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: #3f4393;
	color: #fff;
	padding: 25px;
	font-size: 18px;
	cursor: pointer;
}

header .menuCategorias {
	display: flex;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    justify-content: center;
    align-items: center;
}

header .menuCategorias a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	color: #3e3e3e;
	display: block;
	position: relative;
	padding-left: 43px;
	float: left;
	margin-right: 8px;
}

header .menuCategorias a:last-child {
	margin: 0;
}

header .menuCategorias a:hover {
	text-decoration: none;
	color: #3DADE3;
}

header .menuCategorias a img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

header .social {
	display: flex;
	justify-content: end;
	gap: 10px;
}

header .social li {
	list-style: none;
}

header .contato {
	display: flex;
	justify-content: end;
	border-radius: 20px;
	gap: 20px;
}

header .catalogo {
	background-color: #E3DFDC;
	text-transform: uppercase;
	color: #021A9E;
	font-weight: bold;
	padding: 8px 30px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	gap: 5px;
}

header .catalogo img {
	width: 30px;
}

header .telefone {
	background-color: #147BB8;
	padding: 10px 20px;
	color: #fff;
	border-radius: 40px;
	font-weight: bold;
}

/* Menu Páginas */
.navPaginas {
	background: #147BB8;
}

.navPaginas ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.navPaginas ul.menu {
	display: table;
	margin: auto;
}

.navPaginas ul.menu>li {
	float: left;
	display: table;
	position: relative;
}

.navPaginas ul.menu>li>a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 25px;
	position: relative;
}

.navPaginas ul.menu>li>a:before {
	content: '';
	width: 1px;
	height: 50%;
	background: #000;
	opacity: 0.15;
	position: absolute;
	left: 0;
	top: 25%;
}

.navPaginas ul.menu>li:first-child>a:before {
	display: none;
}

.navPaginas ul.menu>li>a:hover {
	text-decoration: none;
}

.navPaginas ul.menu>li:hover>a {
	background: #3097c9;
}

.navPaginas ul.menu>li ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #3097c9;
	z-index: 9999;
	min-width: 100%;
}

.navPaginas ul.menu>li:hover ul.sub-menu {
	display: table;
}

.navPaginas ul.menu>li ul li {
	width: 100%;
	display: table;
}

.navPaginas ul.menu>li ul li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px #338fbb solid;
}

.navPaginas ul.menu>li ul li a:hover {
	background: #338fbb;
	text-decoration: none;
}


/* Slider */
#slider {}

#slider .item img {
	width: 100%;
	display: block;
	height: auto;
}

#slider a {
	width: 100%;
	display: block;
}

#slider .owl-nav {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	max-width: 100%;
	height: 0px;
	margin-top: -17px;
}

#slider .owl-nav .owl-next {
	float: right;
	padding: 0px;
	margin: 0px;
	margin-right: 20px;
	width: 35px;
	height: 35px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/next.png) center center no-repeat;
	text-indent: -9999px;
}

#slider .owl-nav .owl-prev {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	width: 35px;
	height: 35px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/prev.png) center center no-repeat;
	text-indent: -9999px;
}

#slider .background {
	display: block;
}

#slider .container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
}

#slider .container .texto {
	display: table;
	margin-top: -30px;
}

#slider .container h3 {
	color: #fff;
	font-size: 70px;
	margin-bottom: 00px;
	font-weight: bold;
}

#slider .container h3 strong {
	color: #f79532;
}

#slider .container h4 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 0px;
	font-weight: 300;
}



/* Home */
section.home__blocks {
	padding: 150px 0;
	padding-top: 90px;
}

section.home__blocks h4 {
	background-color: #147BB8;
	color: #fff;
	text-transform: uppercase;
	padding: 10px;
}

section.home__blocks img {
	width: 100%;
	display: block;
	margin-top: -1px;
}

section.home__blocks .video__frame {
	display: block;
	width: 100%;
	aspect-ratio: 13/9;
	height: auto;
	background: url(img/thumb-video.jpg) center center no-repeat;
	background-size: cover;
	cursor: pointer;
	position: relative;
}

section.home__blocks .video__frame:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 999;
}

section.home__blocks .video__frame.ativo:before {
	display: none;
}

section.home__blocks iframe {
	width: 100%;
	aspect-ratio: 13/9;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}


section.home__blocks .owl-nav {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block !important;
	width: 100%;
	padding: 0px;
	margin: 0px;
	max-width: 100%;
	height: 0px;
	margin-top: -17px;
}

section.home__blocks .owl-nav .owl-next {
	float: right;
	padding: 0px;
	margin: 0px;
	margin-right: -15px;
	width: 35px;
	height: 35px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/next.png) center center no-repeat;
	text-indent: -9999px;
}

section.home__blocks .owl-nav .owl-prev {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: -15px;
	width: 35px;
	height: 35px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/prev.png) center center no-repeat;
	text-indent: -9999px;
}



/* Helpers */
a.geral {
	font-size: 14px;
	font-weight: 300;
	color: #6f6f6f;
	text-transform: uppercase;
	position: relative;
	padding-left: 30px;
	display: block;
}

a.geral.branco {
	color: #fff;
}

a.geral:hover {
	text-decoration: none;
}

a.geral i {
	color: #e22a37;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}

a.geral.branco i {
	color: #fff;
}

a.geral:hover i {
	color: #000;
}

.titleHome {
	color: #000;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/bg-title-home.png) center bottom no-repeat;
	padding-bottom: 60px;
	margin-bottom: 40px;
}

.titleHome strong {
	color: #3f4393;
	font-weight: bold;
	font-size: 60px;
	display: block;
	line-height: 55px;
}


/* Filtro */
section.filtro {
	display: table;
	width: 100%;
	height: 0;
	background: #fff;
}

section.filtro .container {
	position: relative;
	max-width: 1110px;
}

section.filtro .box {
	background: #fff;
	display: flex;
	align-items: center;
	padding: 20px 0;
}

section.filtro .box .row {
	align-items: center;
}

section.filtro .box h3 {
	font-size: 16px;
	flex: 1;
	font-weight: 300;
	text-transform: uppercase;
	color: #2d2d2d;
	position: relative;
	margin: 0;
	padding-left: 25px;
}

section.filtro .box h3 strong {
	font-size: 24px;
	font-weight: bold;
	display: block;
	line-height: 20px;
}

section.filtro .box h3:before {
	content: '';
	width: 6px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background: #f79532;
}

section.filtro form {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 20px 30px;
	padding-right: 90px;
}

section.filtro form .seletcs {
	display: flex;
}

section.filtro form .select {
	background: #fff;
	border: 1px #b4b4b4 solid;
	float: left;
	position: relative;
	margin-right: 1%;
}

section.filtro form .select:last-child {
	margin-right: 0;
}

section.filtro form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	background: transparent;
	outline: none;
	padding: 15px;
	padding-right: 25px;
	font-size: 15px;
	color: #717171;
	display: table;
	width: 120px;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	cursor: pointer;
	line-height: 19px;
}

section.filtro form .seletcs i {
	position: absolute;
	right: 10px;
	top: 50%;
	color: #3dade3;
	z-index: 9;
	transform: translateY(-50%)
}

section.filtro form button {
	position: absolute;
	width: 65px;
	height: 100%;
	right: -1px;
	top: 0;
	background: #f79532;
	color: #fff;
	text-align: center;
	border: 0;
	cursor: pointer;
	font-size: 24px;
}

section.filtro form button:hover {
	background: #e18528;
}

section.filtro .sku {
	float: left;
	display: table;
	padding-left: 60px;
	width: 160px;
	position: relative;
}

section.filtro .sku:before {
	content: '';
	width: 1px;
	height: 150%;
	position: absolute;
	top: -25%;
	left: 30px;
	background: #dedede;
	display: block;
}

section.filtro .sku span {
	position: absolute;
	width: 40px;
	text-align: center;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	text-transform: uppercase;
	color: #757575;
	font-weight: 300;
	padding: 10px 0;
	background: #fff;
	z-index: 10;
	line-height: 8px;
}

section.filtro .sku input {
	color: #717171;
	display: table;
	width: 100%;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	cursor: pointer;
	line-height: 19px;
	padding: 15px;
	font-size: 15px;
	border: 1px #b4b4b4 solid;
}

section.filtro .sku input::placeholder {
	color: #c6c6c6;
}

/* Filtro Fixo */
@media (min-width:992px) {
	section.filtro.min {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		box-shadow: 0 0 20px #00000018;
	}

	section.filtro.min .box h3:before {
		height: 50px;
	}

	section.filtro.min .box {
		top: 0;
		padding: 10px;
	}

	section.filtro.min form {}
}


/* Produtos */
section.produtos {
	padding-bottom: 240px;
	padding-top: 150px;
	background: #f1f1f1;
}

section.produtos ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

section.produtos .box {
	background: #fff;
	display: table;
	width: 100%;
}

section.produtos .box:hover {
	text-decoration: none;
}

section.produtos .box .title {
	padding: 35px 20px;
	border-top: 1px #dedede solid;
}

section.produtos .box:hover .title {
	background: #e8e8e8;
}

section.produtos .box .title h4 {
	font-size: 18px;
	font-weight: bold;
	color: #2d2d2d;
	text-align: center;
	margin: 0;
}

section.produtos .owl-nav {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	max-width: 100%;
	height: 0px;
	margin-top: -17px;
}

section.produtos .owl-nav .owl-next {
	float: right;
	padding: 0px;
	margin: 0px;
	margin-right: -60px;
	width: 35px;
	height: 35px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/next.png) center center no-repeat;
	text-indent: -9999px;
}

section.produtos .owl-nav .owl-prev {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: -60px;
	width: 35px;
	height: 35px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/prev.png) center center no-repeat;
	text-indent: -9999px;
}



/* Sobre /Home */
section.sobre {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/bg-quem-somos.jpg) center center no-repeat;
	display: table;
	width: 100%;
	background-size: cover;
	overflow-x: hidden;
}

section.sobre .container {
	position: relative;
}

section.sobre .container .iso {
	position: absolute;
	left: 68%;
	top: -140px;
	background: #fff;
	padding: 25px 20px;
	width: 2000px;
}

section.sobre .container .iso .content {
	display: flex;
	align-items: center;
}

section.sobre .iso p {
	font-size: 13px;
	color: #646464;
	float: left;
	width: 180px;
	float: left;
	margin: 0;
}

section.sobre .iso img {
	float: left;
	margin-right: 10px;
	opacity: .5;
}

section.sobre .box {
	padding: 55px 45px;
	background: #fff;
	display: table;
	width: 100%;
	margin-top: -140px;
	margin-bottom: 120px;
	position: relative;
}

section.sobre .box p {
	font-size: 16px;
	margin-bottom: 30px;
}

section.sobre .box p strong {
	color: #3f4393;
}

section.sobre .box p:last-child {
	margin-bottom: 0;
}

section.sobre .box a.botao {
	background: #3dade3;
	padding: 10px 30px;
	border-radius: 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: table;
}

section.sobre .box a.botao:hover {
	text-decoration: none;
	background: #3f4393;
}

section.sobre .box a.botao i {
	margin-right: 10px;
}

section.sobre .box a.plus {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/botao-plus.png) center center no-repeat;
	opacity: .7;
}

section.sobre .box a.plus:hover {
	opacity: 1;
}


/* Premissas */
section.premissas {
	display: block;
	width: 100%;
	padding-top: 170px;
	padding-bottom: 130px;
}

section.premissas .box {
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 20px #00000024;
	text-align: center;
	padding-bottom: 30px;
	min-height: 220px;
}

section.premissas .box img {
	margin-top: -95px;
	margin-bottom: 20px;
}

section.premissas .box h3 {
	font-size: 17px;
	font-weight: bold;
	color: #292929;
	text-transform: uppercase;
}

section.premissas .box p {
	font-size: 14px;
	margin: 0;
	color: #646464;
}



/* Produto Interna */
section.produto.interna .galeria {
	display: table;
	width: 100%;
	border: 1px #dedede solid;
	background: #fff;
	margin-top: -110px;
}

section.produto.interna .galeria img {
	position: relative;
	z-index: 1;
}

section.produto.interna .dados {
	display: table;
	width: 100%;
	padding: 0 30px;
	background: #f6f6f6;
	border-top: 1px #dedede solid;
	padding-bottom: 20px;
}

section.produto.interna .dados img.fabricante {
	float: left;
	width: 95px;
	height: 95px;
	margin-top: -48px;
	border: 1px #dedede solid;
	border-radius: 50%;
	background: #fff;
	position: relative;
	z-index: 2;
}

section.produto.interna .dados .imagemCarro {
	float: right;
	width: 185px;
	height: auto;
	margin-top: -80px;
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
}

section.produto.interna .dados span.aviso-imagem {
	display: block;
	font-style: italic;
	color: #666;
	position: absolute;
	width: 200px;
	left: 50%;
	top: 100%;
	font-size: 12px;
	transform: translateX(-50%);
	text-align: center;
}

section.produto.interna .galeria .extra {
	display: table;
	width: 100%;
	background: #f6f6f6;
	padding: 30px;
}

section.produto.interna .galeria .extra .row {
	align-items: center;
}

section.produto.interna .galeria .extra a {
	display: block;
	width: 100%;
	height: 100px;
	border: 3px #fff solid;
	box-shadow: 0 0 10px #0000000f;
	position: relative;
	overflow: hidden;
}

section.produto.interna .galeria .extra .clearfix {
	display: block;
	width: 100%;
	height: 30px;
}

section.produto.interna .galeria .extra a img {
	position: absolute;
	height: auto;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

section.produto.interna .galeria .extra a i {
	color: red;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 45px;
	z-index: 10;
}

section.produto.interna .videoProduto {
	position: fixed;
	z-index: 99999;
	background: #000000b3;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
}

section.produto.interna .videoProduto iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-49.9%, -49.9%);
}

section.produto.interna .videoProduto i {
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
}

section.produto.interna p.sku {
	color: #767676;
}

section.produto.interna p.sku i {
	color: #f79532;
}

section.produto.interna .informacoes h2 {
	font-weight: bold;
	margin-bottom: 20px;
}

section.produto.interna .informacoes .resumo {
	font-size: 15px;
	color: #666;
	display: table;
	width: 100%;
}

section.produto.interna .descricao {
	display: table;
	width: 100%;
	padding-top: 27px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/bg-desc-produto-interna.png) top left no-repeat;
}

section.produto.interna .descricao p {
	color: #6f6f6f;
}

section.produto.interna .aplicacao {
	display: table;
	width: 100%;
	padding-bottom: 15px;
}

section.produto.interna .aplicacao p {
	display: table-cell;
	font-size: 12px;
	color: #585858;
	text-transform: uppercase;
	padding: 8px 0;
	padding-left: 55px;
}

section.produto.interna .aplicacao p strong {
	color: #f79532;
	font-size: 18px;
	display: block;
	line-height: 18px;
}

section.produto.interna .aplicacao p.modelo {
	min-width: 180px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/icone-modelo-interna.png) 0 4px no-repeat;
	padding-right: 20px;
}

section.produto.interna .aplicacao p.ano {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/icone-ano-interna.png) 0 4px no-repeat;
	margin-left: 60px;
}

section.produto.interna .aplicacao p span {
	font-weight: 300;
	color: #ccc;
	margin: 0 3;
}

section.produto.interna .caracteristicas {
	display: block;
	margin-bottom: 30px;
}

section.produto.interna .caracteristicas table {
	font-size: 15px;
}

section.produto.interna .caracteristicas thead {
	text-transform: uppercase;
}

section.produto.interna .caracteristicas .table td {
	padding: 10px;
}

section.produto.interna .downloads {
	margin-top: 35px;
}

section.produto.interna .downloads h3 {
	font-size: 16px;
	color: #999999;
	font-weight: 300;
	text-align: right;
	text-transform: uppercase;
	padding-right: 40px;
	position: relative;
	margin-bottom: 20px;
}

section.produto.interna .downloads span {
	position: relative;
	z-index: 3;
}

section.produto.interna .downloads h3:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #dedede;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1;
	display: block;
}

section.produto.interna .downloads h3:after {
	content: '';
	width: 130px;
	height: 20px;
	background: #fff;
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 2;
	display: block;
}

section.produto.interna .downloads .item {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

section.produto.interna .downloads a {
	display: table;
	float: right;
	color: #505050;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
}

section.produto.interna .downloads a i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #dedede;
	font-size: 24px;
	margin-top: -2px;
}

section.produto.interna .downloads a:hover {
	text-decoration: none;
}

section.produto.interna .downloads a:hover i {
	color: #cc0000;
}


section.produtos.produto {
	padding: 70px 0;
	border-top: 1px #dedede solid;
	padding-bottom: 140px;
}

section.produtos.produto .title {
	position: relative;
	padding-top: 50px;
}

section.produtos.produto .fabricante {
	position: absolute;
	left: 20px;
	top: -27px;
	border: 1px #dedede solid;
	border-radius: 50%;
	width: 55px;
	background: #fff;
}

section.produtos.produto .modelo {
	position: absolute;
	right: 20px;
	top: -47px;
	width: 110px;
}





/*Sobre Interna*/
section.sobre.interna {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/bg-quem-somos.jpg) center center no-repeat;
	display: table;
	width: 100%;
	background-size: cover;
	overflow-x: hidden;
	padding-bottom: 0px;
}

section.missao.interna {}

section.missao.interna h4 {
	font-size: 28px;
	color: #3b4197;
}

section.missao.interna .politica {
	margin-top: 40px;
}

section.missao.interna .politica blockquote {
	font-style: italic;
	color: #666;
	font-size: 18px;
	margin-top: 30px;
}

section.missao.interna .bloco {
	box-shadow: 0px 0px 20px 0px #dedede;
	padding: 30px;
	min-height: 184px;
}

section.missao.interna .missao {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/icone-sobre-missao-tragial.png) 10px center no-repeat;
	padding-left: 125px;
}

section.missao.interna .visao {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/icone-sobre-visao-tragial.png) 10px center no-repeat;
	padding-left: 125px;
}

section.missao.interna .valores {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/icone-sobre-valores-tragial.png) 10px center no-repeat;
	padding-left: 125px;
	margin: 30px 0px;
}

section.missao.interna .valores ul {
	padding-left: 25px;
	width: 100%;
	display: table;
}

section.missao.interna .valores ul li {
	width: 50%;
	float: left;
	margin: 0px;
}

section.missao.interna .valores ul li span {
	display: block;
	margin-left: 10px;
}

section.missao.interna ul {
	list-style-image: url(https://www.tragial.com.br/wp-content/uploads/2020/02/bg-lista-missao-sobre.png);
}

section.missao.interna ul li {
	margin: 10px;
}


/* Filtro de Produtos */
.paginaFiltro {
	padding-bottom: 130px !important;
}

.filtro-lateral {
	border: 1px #dedede solid;
	border-radius: 4px;
	display: table;
	width: 100%;
	overflow: hidden;
}

.filtro-lateral .header {
	background: #f7f7f7;
	border-bottom: 1px #dedede solid;
}

.filtro-lateral .header h3 {
	font-size: 24px;
	padding: 15px 20px;
	margin: 0;
	font-weight: bold;
}

.filtro-lateral .body {
	padding: 15px;
}

.filtro-lateral form {
	display: table;
	width: 100%;
	position: relative;
}

.filtro-lateral form .seletcs {
	width: 100%;
	display: table;
}

.filtro-lateral form .select {
	background: #fff;
	border: 1px #dedede solid;
	width: 100%;
	position: relative;
	border-radius: 4px;
	margin-bottom: 10px;
}

.filtro-lateral form .select:last-child {}

.filtro-lateral form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	background: transparent;
	outline: none;
	padding: 15px;
	padding-right: 25px;
	font-size: 15px;
	color: #717171;
	display: table;
	width: 100%;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	cursor: pointer;
	line-height: 19px;
}

.filtro-lateral form .seletcs i {
	position: absolute;
	right: 10px;
	top: 50%;
	color: #3dade3;
	z-index: 9;
	transform: translateY(-50%)
}

.filtro-lateral form button {
	width: 100%;
	right: -1px;
	top: 0;
	background: #f79532;
	color: #fff;
	text-align: center;
	border: 0;
	cursor: pointer;
	font-size: 24px;
	padding: 16px;
	border-radius: 4px;
}

.filtro-lateral form button:hover {
	background: #e18528;
}

.filtro-lateral form button:after {
	content: 'Filtrar';
	margin-left: 14px;
}

.filtro-lateral .sku {
	display: table;
	width: 100%;
	position: relative;
	margin-top: 40px;
}

.filtro-lateral .sku:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	top: -25px;
	left: 0px;
	background: #dedede;
	display: block;
}

.filtro-lateral .sku span {
	position: absolute;
	width: 60px;
	text-align: center;
	left: 50%;
	top: -32px;
	transform: translateX(-50%);
	text-transform: uppercase;
	color: #8a8a8a;
	font-weight: 300;
	padding: 10px 0;
	background: #fff;
	z-index: 10;
	line-height: 0;
}

.filtro-lateral .sku input {
	color: #717171;
	display: table;
	width: 100%;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	cursor: pointer;
	line-height: 19px;
	padding: 15px;
	font-size: 15px;
	border: 1px #dedede solid;
	margin-bottom: 10px;
	border-radius: 4px;
}

.filtro-lateral .sku input::placeholder {
	color: #c6c6c6;
}

.filtro-lateral .title__avancada {
	display: block;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px #dedede solid;
	margin-bottom: 10px;
}

.paginaFiltro .resultado h3 {
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px #dedede solid;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
}

.paginaFiltro .resultado h3 small {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -5px;
	font-size: 14px;
	padding: 5px 20px;
}

.paginaFiltro .resultado .lista-filtros {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.paginaFiltro .resultado .lista-filtros span {
	display: table;
	float: left;
	border-radius: 40px;
	border: 1px #dedede solid;
	padding: 5px 20px;
	margin-right: 10px;
}

.paginaFiltro .resultado .lista-filtros span i {
	color: #ccc;
	margin-right: 10px;
}


.paginaFiltro .resultado .item {
	margin-bottom: 20px;
	position: relative;
	transition-duration: 0.5s;
}

.paginaFiltro .resultado .item:hover {
	transform: scale(1.02);
	transition-duration: 0.5s;
}

.paginaFiltro .resultado .item img.modelo {
	position: absolute;
	bottom: -25px;
	right: 10px;
	width: 130px;
}

.paginaFiltro .resultado .item h6 {
	font-size: 14px;
	text-transform: uppercase;
	color: #7d7d7d;
}

.paginaFiltro .resultado .item h6 i {
	color: #3dade3;
	margin: 0 5px;
}

.codigos__wrap {
	display: flex;
	gap: 40px;
}

.paginaFiltro .resultado .item p {
	margin-bottom: 0;
}

.paginaFiltro .resultado .item h4 {
	font-weight: bold;
	margin: 13px 0;
	color: #404040;
}

.paginaFiltro .resultado .item a {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.paginaFiltro .resultado .item p.sku {
	color: #767676;
}

.paginaFiltro .resultado .item p.sku i,
.paginaFiltro .resultado .item p.ano i {
	color: #f79532;
	margin-right: 5px;
}

.paginaFiltro .resultado .item p.ano {
	margin-bottom: 15px;
}

.paginaFiltro .resultado .item span.detalhes {
	padding: 7px 25px;
	color: #fff;
	background: #3dade3;
	border-radius: 30px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	display: table;
}

.paginaFiltro .resultado .item:hover span.detalhes {
	background: #f79532;
}

section.paginaFiltro ul.page-numbers {
	display: table;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px #dedede solid;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 20px;
}

section.paginaFiltro ul.page-numbers li {
	float: left;
	border-right: 1px #dedede solid;
	display: table;
}

section.paginaFiltro ul.page-numbers li:last-child {
	border: 0;
}

section.paginaFiltro ul.page-numbers li a,
section.paginaFiltro ul.page-numbers li span {
	color: #000;
	padding: 5px 10px;
	display: block;
}

section.paginaFiltro ul.page-numbers li a:hover {
	background: #3f4393;
	color: #fff;
	text-decoration: none;
}

section.paginaFiltro ul.page-numbers li span {
	display: block;
}

section.paginaFiltro ul.page-numbers li span.current {
	background: #3f4393;
	color: #fff;
}


/*Representantes*/
section.representantes h2 {
	font-weight: bold;
	border-bottom: 1px #dedede solid;
	padding-bottom: 15px;
	margin-bottom: 15px;
	display: block;
}

section.representantes .dataTables_wrapper {
	margin-bottom: 65px;
}

section.representantes .dataTables_info {
	display: none;
}

section.representantes input[type="search"] {
	border: 1px #ccc solid;
	border-radius: 4px;
	padding: 10px;
}

section.representantes table#distribuidores {
	font-size: 15px;
}


/* Contato */
section.contato.interna {
	border-bottom: 1px #dedede solid;
}

section.contato .formulario {
	padding-bottom: 50px;
}

section.contato h3 {
	color: #000;
	font-weight: bold;
	font-size: 36px;
}

section.contato h3:after {
	content: '';
	width: 80px;
	height: 6px;
	display: block;
	background: #3dade3;
	margin-bottom: 15px;
	margin-top: 10px;
	border-radius: 6px;
}

section.contato .formulario br {
	display: none;
}

section.contato .formulario label {
	display: block;
	text-transform: uppercase;
}

section.contato .formulario .wpcf7-form-control-wrap {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}

section.contato .formulario input[type="text"] {
	border: 1px #dedede solid;
	padding: 15px 15px;
	color: #000;
	background: #fff;
	border-left: 3px #dedede solid;
	width: 100%;
	font-size: 18px;
}

section.contato .formulario input[type="file"] {
	border: 1px #dedede solid;
	padding: 12px 15px;
	color: #000;
	background: #fff;
	border-left: 3px #dedede solid;
	width: 100%;
	font-size: 18px;
}

section.contato .formulario select {
	border: 1px #007bff solid;
	padding: 12px 15px;
	color: #000;
	background: #fff;
	border-left: 3px #dedede solid;
	width: 100%;
	font-size: 18px;
}

section.contato .formulario input[type="submit"] {
	display: table;
	float: right;
	margin-top: 15px;
	color: #000;
	text-transform: uppercase;
	border: 1px #d2d2d2 solid;
	padding: 15px 30px;
	background: #fff;
	cursor: pointer;
}

section.contato .formulario input[type="submit"]:hover {
	border: 1px #000 solid;
	text-decoration: none;
}

section.contato .formulario textarea {
	border: 1px #dedede solid;
	padding: 15px 15px;
	color: #000;
	background: #fff;
	border-left: 3px #dedede solid;
	width: 100%;
	height: 130px;
}

section.contato .trabalhe-conosco .box {
	padding: 20px;
	background: #fff;
	margin-top: -130px;
	border: 1px #dedede solid;
}

section.contato .trabalhe-conosco a {
	color: #000;
	margin-bottom: 15px;
	display: block;
	line-height: 24px;
	font-weight: bold;
}

section.contato .trabalhe-conosco a.btn {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 15px;
	color: #000;
	text-transform: uppercase;
	border: 1px #d2d2d2 solid;
	padding: 15px 15px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	text-align: center;
}

section.contato .trabalhe-conosco a.btn:hover {
	border: 1px #000 solid;
	text-decoration: none;
}

section.contato .trabalhe-conosco .box i {
	color: #f79532;
	font-size: 18px;
	margin-right: 5px;
}

section.contato .trabalhe-conosco .box span {
	display: block;
	margin-left: 20px;
	font-size: 14px;
}

section.contato .trabalhe-conosco .box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
	width: 100%;
}

section.contato .trabalhe-conosco .box ul li {
	width: 50%;
	float: left;
}

section.contato iframe {
	border: 5px #fff solid !important;
	width: 100%;
	box-shadow: 0px 0px 6px #dedede;
	margin-top: 25px;
}

/* Botão Assistência */
.whats-assistencia {
	display: table;
	width: 100%;
}

.whats-assistencia .box {
	position: relative;
	background: #fff;
	padding: 25px 50px;
	width: 100%;
	display: table;
	border-radius: 100px;
	margin-bottom: 60px;
	box-shadow: 0 0 40px #00000017;
}

.whats-assistencia .box h3 {
	text-transform: uppercase;
	color: #6b6b6b;
	font-weight: 300;
	margin: 0;
	font-size: 16px;
	display: table;
	float: left;
	padding-left: 105px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/05/bg-whats-assistencia.png) left center no-repeat;
}

.whats-assistencia .box h3 strong {
	color: #333;
	display: block;
	font-size: 30px;
	line-height: 30px;
}

.whats-assistencia .box a {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	display: table;
	color: #fff;
	background: #00b147;
	text-align: center;
	padding: 15px 50px;
	border-radius: 50px;
	border-bottom: 3px #007f33 solid;
}

.whats-assistencia .box a:hover {
	background: #007f33;
	text-decoration: none;
}

.whats-assistencia .box a strong {
	font-size: 24px;
	display: block;
}

.whats-assistencia .box a span {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	display: block;
}

/* Internas */

section.titulo-pagina {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/bg-header-interna.jpg) center center no-repeat;
	background-size: cover;
	display: table;
	width: 100%;
}

section.titulo-pagina .container {
	position: relative;
	padding: 80px 15px;
}

section.titulo-pagina h1 {
	color: #fff;
	font-weight: bold;
	font-size: 46px;
	margin-bottom: 0;
	line-height: 60px;
}

section.titulo-pagina p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 300;
}

section.titulo-pagina p:after {
	content: '';
	background: #00baf4;
	width: 100px;
	height: 5px;
	display: block;
	border-radius: 10px;
	margin-top: 10px;
}

section.titulo-pagina a {
	position: absolute;
	right: 15px;
	bottom: -80px;
	background: 
	/* url(https://www.tragial.com.br/wp-content/uploads/2020/02/icone-whatsapp.png) 25px center no-repeat  */
	#f79532;
	padding: 20px 30px;
	padding-top: 17px;
	display: block;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	/* padding-left: 90px; */
	border-radius: 0 25px 0 0;
}

section.titulo-pagina a:hover {
	background-color: #ea8927;
	text-decoration: none;
}

section.titulo-pagina a strong {
	display: block;
	font-size: 24px;
	line-height: 18px;
}

section.interna {
	background: #fff;
	padding: 70px 0;
	border-top: 1px #dedede solid;
}


/* Singles Noticias */
.conteudo-post {
	margin-top: -120px;
	background: #fff;
}

.conteudo-post img {
	width: 100%;
	margin-bottom: 30px;
}

.conteudo-post p.categorias {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px !important;
}

.conteudo-post p.categorias i {
	color: #f79532;
	margin-right: 5px;
}

.conteudo-post h2 {
	margin-bottom: 30px;
	font-size: 24px;
	color: #666;
}


/* Noticias */
.lista-post {
	margin-top: -100px;
}

.lista-post a {
	text-decoration: none;
	display: block;
	color: #666
}

.lista-post img {
	width: 100%;
}

.lista-post .box {
	background: #fff;
	padding: 35px;
	margin-bottom: 30px;
	border: 1px #dedede solid;
}

.lista-post .box h1 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

.lista-post a:hover h1 {
	color: #000;
}

.lista-post .box h2 {
	margin-bottom: 0px;
	font-size: 16px;
}

.lista-post p.categorias {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px !important;
}

.lista-post p.categorias i {
	color: #f79532;
	margin-right: 5px;
}


.sidebar .categorias {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 4px;
}

.sidebar .categorias h3 {
	background: #3f4393;
	color: #fff;
	padding: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	margin: 0;
}

.sidebar .categorias ul {
	border: 1px #dedede solid;
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar .categorias ul li {
	display: table;
	width: 100%;
}

.sidebar .categorias ul li a {
	display: block;
	color: #000;
	padding: 15px;
	border-bottom: 1px #dedede solid;
}

.sidebar .categorias ul li a:hover {
	color: #fff;
	background: #f79532;
	text-decoration: none;
}

.sidebar .categorias ul li a i {
	margin-right: 10px;
}

.sidebar .recentes {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 4px;
	border: 1px #dedede solid;
}

.sidebar .recentes h3 {
	background: #3dade3;
	color: #fff;
	padding: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	margin: 0;
}

.sidebar .recentes .box {
	display: table;
	width: 100%;
	border-bottom: 1px #dedede solid;
	position: relative;
	padding: 10px;
	padding-left: 160px;
}

.sidebar .recentes .box:hover {
	text-decoration: none;
}

.sidebar .recentes .box img {
	width: 140px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
}

.sidebar .recentes .box h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.sidebar .recentes .box h2 {
	font-size: 14px;
	color: #666;
	margin: 0;
}


/* Footer */
footer {
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/02/bg-rodape.jpg) bottom center no-repeat #212121;
	background-attachment: fixed;
	border-top: 5px #3dace2 solid;
	display: table;
	width: 100%;
}

footer .dados .row {
	align-items: center;
}

footer .dados .left {}

footer .dados h3 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

footer .dados p {
	font-size: 14px;
	color: #a1a1a1;
	margin: 0;
}

footer .dados .right {
	border-left: 1px #4c4c4c solid;
	padding: 40px 30px;
}

footer .dados .right img {
	display: block;
	margin-bottom: 20px;
}

footer .dados .right a {
	font-weight: bold;
	margin-bottom: 10px;
}

footer .dados .right a,
footer .dados .right p {
	display: block;
	color: #fff;
}

footer .menuCatFooter {
	display: table;
	background: #292929;
	padding: 35px 20px;
	width: 100%;
	margin-top: -50px;
	position: relative;
}

footer .menuCategorias {
	display: flex;
	margin: auto;
	justify-content: center;
	align-items: center;
}

footer .menuCategorias a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	display: block;
	position: relative;
	padding-left: 43px;
	float: left;
	margin-right: 8px;
}

footer .menuCategorias a:last-child {
	margin: 0;
}

footer .menuCategorias a:hover {
	text-decoration: none;
	color: #3dade3;
}

footer .menuCategorias a img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

footer .container {
	display: table;
}

footer .inicial {
	align-items: center;
}

footer .inicial .right {
	float: right;
	display: table;
}

footer .inicial .right .telefones {
	float: left;
	display: table;
	margin-right: 30px;
}

footer .inicial .right .telefones a {
	float: left;
	display: table;
	border: 1px #353535 solid;
	padding: 13px 20px;
	padding-left: 70px;
	font-size: 18px;
	color: #fff;
	font-weight: 300;
	margin: 43px 10px;
	position: relative;
}

footer .inicial .right .telefones a:hover {
	text-decoration: none;
	background: #2c2729;
}

footer .inicial .right .telefones a i {
	position: absolute;
	top: 0;
	left: 0;
	color: #ff1a2e;
	height: 100%;
	display: block;
	width: 45px;
	border-right: 1px #353535 solid;
	font-size: 20px;
}

footer .inicial .right .telefones a i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

footer .inicial .right .sac {
	float: left;
	display: table;
	border-left: 1px #353535 solid;
	padding: 60px 0;
	padding-left: 30px;
}

footer .inicial .right .sac .sacButton {
	color: #fff;
	border-radius: 30px;
	font-weight: bold;
	padding: 5px 20px;
	background: url(https://www.tragial.com.br/wp-content/uploads/2020/01/icone-sac.png) 10px center no-repeat #ff1a2e;
	padding-left: 35px;
}

footer .inicial .right .sac .sacButton:hover {
	text-decoration: none;
	background-color: #d00012;
}

footer nav {
	display: table;
	float: left;
}

footer div.menu {
	display: table;
	width: 100%;
	border-top: 1px #353535 solid;
	border-bottom: 1px #353535 solid;
}

footer .menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}

footer .menu ul li {
	float: left;
	position: relative;
}

footer .menu ul li.pro {}

footer .menu ul li.pro span {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 14px;
	display: block;
	margin-top: -4px;
	font-size: 10px;
	background: red;
	padding: 0 10px;
	font-weight: bold;
	border-radius: 20px;
	color: #fff;
}

footer .menu ul li a {
	line-height: 24px;
	text-transform: uppercase;
	color: #d4d4d4;
	font-weight: 300;
	font-size: 16px;
	padding: 20px 13px;
	display: block;
	border-bottom: 5px transparent solid;
}

footer .menu ul li:hover a {
	color: #fff;
}

footer .menu ul li.pro a {
	padding-right: 55px;
}

footer .menu ul li a:hover {
	text-decoration: none;
	border-bottom: 5px #ffffff solid;
}

footer div.menu .social {
	display: table;
	float: right;
	padding: 20px 0;
}

footer div.menu .social a {
	display: table;
	float: left;
	/* margin: 0 5px; */
}

footer .copyright {
	background: #181818;
	padding: 35px 0;
	display: table;
	width: 100%;
}

footer .copyright p {
	float: left;
	color: #b4b4b4;
	font-size: 14px;
	margin: 0;
}

footer .copyright a {
	float: right;
	display: table;
}

.grecaptcha-badge {
	display: none;
}

.page-id-13 .grecaptcha-badge {
	display: block;
}


.telefone-mobile {
	display: table;
	padding: 5px 0px;
	background: #ffffff;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 9999999999;
}

.telefone-mobile .col-6 {
	padding: 0 2px !important;
	position: relative;
}

.telefone-mobile i {
	position: absolute;
	display: table;
	width: 100%;
	top: 10px;
}

.telefone-mobile i:before {
	font-size: 30px;
	color: #fff;
	display: table;
	margin: 0 auto;
}

.telefone-mobile a {
	padding: 40px 0px 5px 0px;
	display: table;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #2a559f;
	border-radius: 10px;
	font-size: 10px;
	text-transform: uppercase;
	border: 1px #0e1d3b solid;
	border-bottom: 4px #0e1d3b solid;
}

.telefone-mobile .telefone a {
	background: #3f4393;
	border-color: #000;
}

.telefone-mobile .whatsapp a {
	background: #1C8500;
	border-color: #000;
}

@media all and (min-width:768px) {
	.telefone-mobile {
		display: none !important;
	}
}

/* Responsivo */

@media all and (max-width:1200px) {

	header .menuCategorias a {
		margin-right: 10px;
		font-size: 14px;
	}

	.navPaginas ul.menu>li>a {
		padding: 20px;
	}

	section.filtro .box {
		top: 0;
	}

	section.filtro form .seletcs {
		width: 500px;
	}

	.filtro-lateral form .select {
		width: 48%;
		float: left;
		margin-right: 2%;
	}

}


@media all and (max-width:992px) {

	.barra-topo h1 {
		display: none;
	}


	header .menuCategorias {
		padding-left: 30px;
	}

	header .menuCategorias a {
		width: 33.3%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.navPaginas ul.menu>li>a {
		padding: 15px 10px;
		font-size: 14px;
	}

	#slider {
		display: none;
	}

	#slider .container .texto {
		margin-top: 0;
	}

	#slider .container h3 {
		font-size: 24px;
	}

	#slider .container h4 {
		font-size: 18px;
	}

	section.sobre {
		display: block;
	}

	section.filtro .box {
		position: relative;
		padding-top: 25px;
	}

	section.filtro form {
		padding: 35px 0px;
	}

	section.filtro form .seletcs {
		width: 67%;
	}

	section.filtro form .select,
	section.filtro form .select:last-child {
		width: 50%;
		margin-bottom: 10px;
		margin-right: 0;
		margin-left: 0px;
	}

	section.filtro form .select:nth-child(1),
	section.filtro form .select:nth-child(3) {
		margin-right: 0%;
	}

	section.filtro .sku {
		width: 100%;
		padding-left: 0;
		margin-bottom: 10px;
	}

	section.filtro .sku:before {
		display: none;
	}

	section.filtro .sku span {
		display: block;
		width: 100%;
		margin: 10px 0;
		text-align: center;
		position: relative;
		transform: none;
		top: 0;
	}

	section.filtro form button {
		width: 100%;
		height: auto;
		padding: 15px;
		position: relative;
	}

	section.produtos {
		padding: 70px 0;
	}

	section.sobre .container .iso {
		display: none !important;
	}

	section.sobre .box {
		margin: 50px 0;
		width: 100%;
	}

	footer nav,
	footer .menuCatFooter {
		display: none;
	}

	.sidebar .recentes .box {
		padding-left: 15px;
		padding-top: 135px;
	}

	.sidebar .recentes .box img {
		left: 0px;
		top: 25%;
		width: 100%;
	}
}

@media all and (max-width:768px) {

	.navPaginas {
		display: none;
	}

	header .logo #responsive-menu-button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
	}

	header .col-md-10 {
		display: none !important;
	}

	.barra-topo p.endereco {
		display: none;
	}

	header .logo a {
		display: table;
		margin: 20px 0;
	}

	#slider .owl-nav {
		display: none;
	}

	#listaProdutos {
		padding: 0 50px;
	}

	section.produtos .owl-nav .owl-prev {
		margin: 0;
	}

	section.produtos .owl-nav .owl-next {
		margin: 0;
	}

	section.sobre .box {
		padding: 30px;
	}

	section.premissas {
		padding-bottom: 0px;
		padding-top: 130px;
	}

	section.premissas .box {
		min-height: auto;
		margin-bottom: 100px;
	}

	footer {
		padding-top: 50px;
	}

	footer .dados .right {
		border: 0px;
	}

	section.titulo-pagina .container {
		padding: 40px 15px;
	}

	section.titulo-pagina h1 {
		font-size: 24px;
		line-height: 24px;
	}

	section.titulo-pagina a {
		display: none;
	}

	section.interna {
		padding: 40px 0;
	}

	section.missao.interna .missao {
		margin-bottom: 30px;
	}

	section.missao.interna .valores ul li {
		width: 100%;
	}

	.paginaFiltro .resultado {
		margin-top: 30px;
	}

	.paginaFiltro .resultado .lista-filtros span {
		margin-bottom: 5px;
	}

	section.produto.interna .galeria {
		margin-top: 0px;
		margin-bottom: 40px;
	}

	section.produto.interna .aplicacao p.modelo {
		min-width: auto;
	}

	.lista-post,
	.conteudo-post {
		margin-top: 0;
	}

	section.contato .trabalhe-conosco .box {
		margin-top: 0;
	}

	.sidebar .recentes .box {
		padding: 20px;
		padding-left: 190px;
		padding-top: 20px;
	}

	.sidebar .recentes .box img {
		left: 0px;
		top: 50%;
		height: 100%;
		width: 170px;
	}

	/* mobile */
	section.home__blocks {
		padding: 100px 0px;
		padding-top: 10px;
	}

	section.home__blocks .row {
		gap: 50px !important;
	}

	section.filtro form {
		display: block;
		max-width: 350px;
	}

	section.filtro .box {
		flex-direction: column;
		width: 100%;
		max-width: 370px;
	}

	header .menuCategorias {
		display: grid;
		grid-template-columns: 180px 150px;
	}

	header .menuCategorias {
		padding-top: 15px;
	}
}

@media all and (max-width:576px) {

	header .menuCategorias a {
		width: 100%;
	}

	#slider .container {
		max-width: 90%;
	}

	#slider .container h3 {
		font-size: 18px;
	}

	#slider .container h4 {
		font-size: 14px;
	}

	header .principal .busca form {
		padding-left: 0;
	}

	section.sobre .box a.plus {
		display: none;
	}

	.sidebar .recentes .box {
		padding: 20px;
		padding-top: 190px;
		padding-left: 15px;
	}

	.sidebar .recentes .box img {
		left: 0px;
		top: 33.3%;
		width: 100%;
		height: initial;
	}

	.whats-assistencia a {
		margin-left: 0px;
	}
}


@media print and (max-width: 375px) {
	header .menuCategorias {
		padding-left: 40px;
	}
}