@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap');

*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
	outline:none;
}

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #000;
	background:#fff;
	font-weight: 300;
}

a{
	text-decoration: none;
	color:#000;
}

a:hover{
	text-decoration: none;
	color:#666;
}
.underline{ text-decoration: underline; }

a.branco:hover{
	text-decoration: none;
	color:#dedede;
}

p{ margin:0; padding:0; }

.destaque{
	font-weight: 500;
	font-weight: bold;
}

.bold{
	font-weight: 700;
	font-weight: bold;
}

.clear{
	clear:both;	
}

.f10{
	font-size:10px;
}

.f12{
	font-size:12px;
}

.f14{
	font-size:14px;
}

.f16{
	font-size:16px;
}

.f18{
	font-size:18px;
}

.f20{
	font-size:20px;
}

.f24{
	font-size:24px;
}

.f25{
	font-size:25px;
}

.f35{
	font-size:35px;
}

.f50{
	font-size:50px;
}

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.cinza{
	color:#6f6f6f;
}

.vermelho{
	color:#ff0000;
}

.azul{
	color:#2e3092;
}

.center{
	text-align:center;
}

.justify{
	text-align:justify;
}

.vmiddle{
	vertical-align:middle;
}

.left{
	float:left;
}

.right{
	float:right;
}

h1{
	font-size:18px;
	margin:0;
	padding:0;
}

h2{
	font-size:18px;
	margin:0;
	padding:0;
}

.m0{ margin:0 }
.mt-5{ margin-top:5px }
.mb-5{ margin-bottom:5px }
.mt-10{ margin-top:10px }
.mb-10{ margin-bottom:10px }
.mb-30{ margin-bottom:30px }

.p-5{ padding:5px; }
.p-10{ padding:10px; }
.p0{ padding:0; }
.pt-5{ padding-top:5px; }
.pb-5{ padding-bottom:5px; }
.pt-10{	padding-top:10px; }
.pb-10{	padding-bottom:10px; }
.pt-40{	padding-top:40px; }
.pb-40{	padding-bottom:40px; }
.pt-20{	padding-top:20px; }
.pb-20{	padding-bottom:20px; }

.w1200{
	max-width:1180px;
	padding:0 10px;
	margin:auto;
}

.w33{
	width:31.33%;
	float:left;
	margin:1%;
}

.cidade{
	width:80%;
	float:left
}

.uf{
	float:right;
	width:18%;
}

.whats{
	position: fixed;
	right: 10px;
	bottom: 10px;
}

.whats:hover{
	transform: scale(1.1);
}

article.produtos{
	width:23%;
	float:left;
	margin:1%;
	padding:1%;
	text-align:center;
	border: 1px solid #fff;
}

article.produtos:hover{
	border: 1px solid #ccc;
}

article.produtos .dados{
	min-height:255px;
}

.produtos .btn-primary{
	width:50%; background:#ed1c24; border-radius:0; border: 1px solid #ccc; border-left: 0; line-height:14px; font-size: 12px; padding: 5px; margin: 0;
}

.produtos .btn-primary:hover{
	background:#B31319;
}

/*campo quantidades*/
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #ccc;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 20%;
  height: 3.6rem;
  cursor: pointer;
  margin: 2px 0 0 0;
  position: relative;
  font-size: 18px;
}

.number-input button:hover { color: #ed1c24; }

.number-input input[type=number] {
  width: 60%;
  padding: .2rem .2rem;
  border: 0;
  font-size: 18px;
  height: 3.6rem;
  border: 0;
  text-align: center;
}
/*campo quantidades*/

.area_imagens{
	float:left;
	width:49%;
}

.area_infos{
	float:right;
	width:49%;
}

.seta{
	font-size:36px;
}

.div-emp{
	width:16.66%;
	padding:5px 2px;
	float:left;
}

a .menu-emp{
	padding:10px 5px;
	background:#bd202e;
	color:#fff;
}

a .menu-emp:hover{
	background:#dbdbdb;
	color:#000;
}

.contatoLeft{
	width:55%;
	float:left;
}

.contatoRight{
	width:40%;
	float:right;
	margin-top:25px;
}

.min{ min-height:500px; }

.pro-imag{
	float:left;
	width:25%;
	margin-right:2%;
}

.pro-desc{
	float:left;
	width:72%;
	text-align:justify;
}

.img_link{
	
}

.img_link:hover{
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}

.buscar{ padding:10px 0; }

.buscar .lupa{
	float:left;
	width:20%;
	text-align:center;
}

.inp_busca{
	float:left;
	width:65%;
	height:40px;
	border-color:#999;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}

.btn_busca{
	float:left;
	width:10%;
	height:40px;
	background:#fff;
	border-color:#999;
	border-left:0;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
}

.video{
	width:600px;
	height:400px;
}

/*ESTRUTURA DO SITE*/
header#topo{
	background: #e2f3fd;
}

header#topo .faixa_topo{
	background:#cd3539;
	text-align:right;
}

header#topo .faixa_topo .linha{ border-left: 1px solid #fff; padding-left: 10px; margin-left: 6px }

header#topo .logo{
	float:left;
	width:25%;
}

header#topo .logo .img-logo{
	max-width:190px;
	width:100%;
	margin:5px 0;
}

header#topo .area_menu{
	float:right;
	width:75%;
	margin-top:45px;
}

header#topo nav.menu{
	width:100%;
	display:table;
}

header#topo nav.menu ul li{
	float:left;
	width:17%;
	text-align:center;
}

header#topo nav.menu ul li a{
	font-size:18px;
	color: #333333;
	font-weight:500;
}

header#topo nav.menu ul li:hover a{
	color: #414192;
}

header#topo nav.menu ul li.active a{
	color: #414192;
}

header#topo nav.menu ul li{
	padding:0;
}

/*menu dropdown*/
header#topo nav.menu ul li ul{
	background:#ededed;
	padding:0;
	position:absolute;
	z-index:9999999999999999999999;
	border:1px solid #d3d3d3;
	border-bottom:0;
	
		visibility:hidden;
		opacity:0;
		transition:visibility 0s linear 0.5s,opacity 0.5s linear;
		z-index:999999999;
}

header#topo nav.menu ul li ul li{
	float:none;
	width:100%;
	padding:5px 10px 5px 5px;
	margin:0;
	text-align:left;
	border-bottom:1px solid #d3d3d3;
}

header#topo nav.menu ul li ul li a, header#topo nav.menu ul li:hover ul li a{
	color:#000;
	font-size:16px;
	text-decoration:none;
}

header#topo nav.menu ul li ul li:hover{
	background:#d3d3d3;
}

header#topo nav.menu ul li:hover ul{
	opacity:1;
	transition-delay:0s;
	visibility:visible;
}

/*menu categs*/
.menu_categorias{
	background:#5fa8de;
	border: 1px solid #5fa8de;
}

.menu_categorias ul li{
	float:left;
	text-align:center;
	margin:3px 0;
	width:16.666%;
}

.menu_categorias ul li a{
	font-size:16px;
	color:#fff;
}

.menu_categorias ul li:hover a{
	color:#fff;
	text-decoration:none;
}

.menu_categorias ul li.active a{
	color:#000;
}

.menu_categorias ul li ul{
	background:#ededed;
	padding:0;
	margin-top: 3px;
	position:absolute;
	z-index:9999999999999999999999;
	border:1px solid #d3d3d3;
	border-bottom: 0;
		visibility:hidden;
		opacity:0;
		transition:visibility 0s linear 0.5s,opacity 0.5s linear;
		z-index:999999999;
}

.menu_categorias ul li ul li{
	float: none;
	width:100%;
	padding:5px 10px 5px 5px;
	margin:0;
	text-align:left;
	border-bottom:1px solid #d3d3d3;
}

.menu_categorias ul li ul li a, .menu_categorias ul li:hover ul li a{
	color:#000;
	font-size:16px;
}

.menu_categorias ul li ul li:hover{
	background:#d3d3d3;
}

.menu_categorias ul li:hover ul{
	opacity:1;
	transition-delay:0s;
	visibility:visible;
}

/*menu mobile*/
header#topo nav.menuMobile{
	display:none;
	position:absolute;
	top:65px;
	left:10px;
}

header#topo nav.menuMobile ul li{
	text-align:left;
}

header#topo nav.menuMobile ul li ul{
	display:none;
}

header#topo nav.menuMobile ul li:hover ul{
	display:block;
}

header#topo nav.menuMobile ul li:hover{
	background:#f5f5f5;
}

header#topo nav.menuMobile ul li ul li:hover{
	background:#ddd;
	color: #666;
}

header#topo nav.menuMobile ul li ul li a{
	color: #333;
}

header#topo nav.menuMobile ul li ul li{
	padding:0 3px 0 24px;
}

.camera_wrap{
	max-width:1600px;
	margin:auto;
}

.content{
	padding:20px 10px;
}

.infos_home{
	float:left;
	width:25%;
}

.item{
	width:33,3%;
	float:left;
	margin:10px 0 0 0;
}

.categorias .item{ float: left; width: 31.33%; margin: 3% 1%; }

/*JANELA POLITICAS DE PRIVACIDADES*/
.janela_politicas{
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	background: #0036BD;
	padding: 10px;
}

.janela_politicas a{ color: #fff; text-decoration: underline; }
.janela_politicas a:hover{ color: #dedede; }

.janela_politicas .aceite-politicas{
	float: left;
	margin-top: 10px;
}

.janela_politicas .btn-concordar{
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 15px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.janela_politicas .btn-concordar:hover{
	border: 1px solid #dedede;
	color: #dedede;
}

/*RODAPE*/
footer#rodape{
	background:#414192;
	padding:10px 0;
}

footer#rodape .dados{
	float:left;
	width:90%;
}

footer#rodape .daweb{
	float:right;
	width:10%;
	text-align:right;
}

.catalogo{
	background-image: url("../imagens/fundo-down.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 0;
}

.txt_email{
	float:left;
	width:19%;
	margin:0 1% 0 0;
}

.inp_nome, .inp_email{
	float:left;
	width:33%;
	border-color:#999;
	margin:0 1% 0 0;
}

.btn_email{
	border:1px solid #fff;
	color: #fff;
	border-radius: 15px;
	padding: 5px 10px;
}

@media (max-width: 1200px) {
	.janela_politicas .aceite-politicas{ width: 80%; margin-top: 0; }
}

@media (max-width: 1023px) {
	header#topo .area_menu{
		width:75%;
	}
	
	.janela_politicas .aceite-politicas{ width: 75%; margin-top: 0; }

	.seta{
		font-size:24px;
	}

	.min{ min-height:350px; }
	
	.pro-imag{
		width:30%;
		margin-right:3%;
	}
	
	.pro-desc{
		float:left;
		width:66%;
	}
	
	.txt_email{
		width:22%;
	}
	
	.inp_nome, .inp_email{
		width:31%;
	}
	
	.btn_email{
		width:13%;
	}
	
	.inp_busca{
		width:63%;
	}
	
	.btn_busca{
		width:17%;
	}
}

@media (max-width: 1024px) {
	article.produtos{
		width:31.33%;
	}
	
	.janela_politicas .aceite-politicas{ width: 70%; margin-top: 0; }
}

@media (max-width: 800px) {
	header#topo nav.menu{
		display:none;
	}
	
	header#topo nav.menuMobile{
		display:block;
	}
	
	header#topo .area_menu{
		background:#fff;
		margin:0;
	}
	
	header#topo .logo{
		width:100%;
		float:none;
		text-align:center;
		margin-left:0;
	}
	
	.menu_categorias ul li{
		float:none;
		width:100%;
		max-width:100%;
		padding-bottom:3px;
	}
	
	.menu_categorias ul li ul{
		background:#ededed;
		padding:0;
		position:relative;
		z-index:9999999999999999999999;
		border:1px solid #d3d3d3;
		border-bottom:0;
			display:none;
			opacity:0;
			transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}

	.menu_categorias ul li:hover ul{
		opacity:1;
		transition-delay:0s;
		display:block;
	}
	
	.div-emp{
		width:100%;
		padding:0 2px;
		float:none;
	}

	.min{ min-height:200px; }
	
	.pro-imag{
		width:37%;
		margin-right:3%;
	}
	
	.pro-desc{
		float:left;
		width:60%;
	}
	
	.txt_email{
		float:none;
		width:100%;
		margin:0 0 10px;
	}
	
	.inp_nome, .inp_email{
		width:48%;
		margin:0 1%;
	}
	
	.btn_email{
		float:none;
		width:120px;
		margin:10px 0 0 0;
	}

	.area_imagens, .area_infos{
		float:none;
		width:100%;
	}
	
	.buscar .lupa{
		width:23%;
	}
	
	.inp_busca{
		width:60%;
	}
	
	.janela_politicas{ text-align: center; padding: 10px 10px 20px 10px; }
	.janela_politicas .aceite-politicas{ width: 100%; margin-bottom: 15px; }
	.janela_politicas .btn-concordar{ float: none; }
}

@media (max-width: 670px) {
	article.produtos{
		width:49%;
		margin:1% 0.5% 0 0.5%;
	}
	
	.contatoLeft{
		width:100%;
		margin:auto;
		float:none;
	}
	
	.contatoRight{
		width:100%;
		margin:auto;
		float:none;
	}

	.min{ min-height:0px; }
	
	.pro-imag{
		width:100%;
		float:none;
		margin-bottom:20px;
		text-align:center;
	}
	
	.pro-desc{
		width:100%;
		float:none;
	}
	
	.video{
		width:400px;
		height:250px;
	}
}

@media (max-width: 599px) {
	footer#rodape .dados{
		float:none;
		width:100%;
		text-align:center;
	}
	
	footer#rodape .daweb{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.inp_nome, .inp_email{
		width:100%;
		float:none;
		margin:0;
	}
	
	.buscar .lupa{
		display:none;
	}
	
	.inp_busca{
		width:75%;
	}
	
	.btn_busca{
		width:25%;
	}
	
	.video{
		width:350px;
		height:210px;
	}
}

@media screen and (max-width: 500px) {
	article.produtos{
		width:98%;
		margin:2% 1% 0 1%;
		min-height:0;
	}
	
	.inp_busca{
		width:70%;
	}
	
	.btn_busca{
		width:30%;
	}
	
	.video{
		width:280px;
		height:160px;
	}
}

@media screen and (max-width: 360px) {
	.video{
		width:250px;
		height:130px;
	}
}

@media screen and (max-width: 300px) {
	.video{
		width:200px;
		height:120px;
	}
}

/*ALERTS*/
.alert{
	width:100%;
	position:fixed;
	top:10px;
	z-index:9999999999999999999999999999999999999999;
	text-align:center;
	display:none;
}

.btn-primary {
  color: #fff;
  background-color: #bd202e;
  border-color: #85000c;
}

.btn-primary:hover {
  color: #fff;
  background-color: #d5d5d5;
  border-color: #999;
}