@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: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #222222;
}

a{
	text-decoration: none;
	color:#000;
	transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
}

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

p{ margin:0; padding:0; }

.destaque{
	font-weight: 700;
}

.clear{
	clear:both;	
}

.f10{
	font-size:10px;
}

.f12{
	font-size:12px;
}

.f14{
	font-size:14px;
}

.f15{
	font-size:15px;
}

.f18{
	font-size:18px;
}

.f20{
	font-size:20px;
}

.f24{
	font-size:24px;
}

.f30{
	font-size:30px;
}

.f35{
	font-size:35px;
}

.f36{
	font-size:36px;
}

.f80{
	font-size:100px;
}

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.cinza{
	color:#6f6f6f;
}

.vermelho{
	color:#ff0000;
}

.verde{
	color:#104959;
}

.center{
	text-align:center;
}

.justify{
	text-align:justify;
}

.vmiddle{
	vertical-align:middle;
}

.left{
	float:left;
}

.right{
	float:right;
}

h1{
	font-size:24px;
	font-weight: 700;
	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 }
.mt-20{ margin-top:20px }
.mb-20{ margin-bottom:20px }

.pt-5{	padding-top:5px; }
.pb-5{	padding-bottom:5px; }
.pt-10{	padding-top:10px; }
.pb-10{	padding-bottom:10px; }
.pt-20{	padding-top:20px; }
.pb-20{	padding-bottom:20px; }

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

.w50{
	width:46%;
	float:left;
	margin:0 2% 20px 2%;
}

.p-left{
	float:left;
	width:30%;
}

.p-right{
	float:left;
	width:70%;
}

article.produtos{
	width:23%;
	float:left;
	margin:1%;
	min-height:360px;
}

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

.w25{
	width:23%;
	float:left;
	margin: 1%;
}

.seta{
	font-size:50px;
	color:#999
}

.login-cliente{
	max-width:500px;
	margin:auto;
}

.categorias{
	width:23%;
	float:left;
}

.categorias div{
	border:1px solid #ccc;
	padding:3px 6px;
	margin:2px 0;
}

.categorias div.active, .categorias div:hover{
	color:#000;
	background:#dedede;
	border:1px solid #ccc;
}

.arquivos{
	width:75%;
	float:right;
}

.arquivos .lista:hover{
	background:#cecece
}

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

.contatoRight{
	width:40%;
	float:right;
}

.min{ min-height:60vh; }

.img_link{
	transition: all 0.3s;
}

.img_link:hover{
	filter: brightness(50%); transition: all 0.3s;
}

.link{
	background:#eab420;
	border:1px solid #b78c00;
	padding:5px 10px;
}

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

.noticias{
	margin-bottom:20px;
	padding-top:20px;
}

.img-list{
	float:left;
	width:20%;
}

.txt-list{
	float:right;
	width:80%;
}

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

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

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

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

header#topo .faixa{ background:#a10f23; }
header#topo .faixa a{ color: #fff; text-decoration: none}
header#topo .faixa a:hover{ color: #ccc }
header#topo .faixa i{ font-size: 24px; }
header#topo .faixa i.ml-20{ margin-left: 20px; }

header#topo .faixa .contatos{
	float:left;
	width:50%;
	text-align:left;
	margin:10px 0 0 0;
}

header#topo .faixa .midias{
	float:right;
	width:50%;
	text-align:right;
	margin:10px 0;
}

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

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

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

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

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

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

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 #ccc;
	
		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;
}

header#topo nav.menu ul li ul li:hover{
  	animation-name:none;
}

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

header#topo nav.menu ul li ul li:hover{
	background:#d3d3d3;
	text-decoration:underline;
}

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

/*menu mobile*/
header#topo nav.menuMobile{
	display:none;
	margin:auto;
	padding-top:4px;
}

header#topo nav.menuMobile ul li{
	text-align:center;
	padding:5px 0;
}

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

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

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

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

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

.content{
	padding:10px;
}

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

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

/*RODAPE*/
footer#rodape{
	background:#104959;
	padding:20px 10px;
}

.dados{
	float:left;
	width:31.33%;
}

.menu-2{
	float:left;
	width:31.33%;
	margin: 0 2%;
}

.menu-2 ul li a{ color: #fff; font-size: 16px; text-decoration: none; font-weight: 500; }
.menu-2 ul li a:hover, .menu-2 ul li.active a{ color: #ccc; }

.midias{
	float:right;
	width:31.33%;
}

.midias a i{ color: #fff; font-size: 32px; margin-right: 20px; }
.midias a:hover i{ color: #ccc; }

.assinatura{
	background:#063441;
}

.whatsapp{
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.whatsapp:hover{
	transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
}

@media (max-width: 1279px) {
	
}

@media (max-width: 1023px) {
	.content{
		padding:10px;
	}

	.seta{
		font-size:30px;
	}
	
	.img-list{ width:30%; }
	
	.txt-list{ width:70%; }
	
	.min{ min-height:350px; }
	
	.f35{ font-size:28px; }
	
	.inp_nome, .inp_email, .btn_email{
		float:none;
		margin:3px auto;
	}
}

@media (max-width: 900px) {
	header#topo nav.menu{
		display:none;
	}
	
	header#topo nav.menuMobile{
		display:block;
	}
	
	header#topo .area_menu{
		float: none;
		width: none;
		margin-top: auto;
		position: absolute;
		top: 90px;
		left: 10px;
	}
	
	header#topo .logo{
		float:none;
		width:100%;
		text-align:center;
	}

	.esconde{ display: none; }
}

@media (max-width: 800px) {
	.min{ min-height:200px; }
	
	article.produtos{
		width:49%;
		margin:1% 0.5% 0 0.5%;
	}
	
	.dados, .menu-2, .midias{
		float:none;
		width:100%;
		text-align:center;
		margin:20px 0 20px 0;
	}
	
	.midias .atend{ margin: auto; }
	
	.f35{ font-size:22px; }
	
	.p-left{ width:40%;	}
	
	.p-right{ width:60%; }
	
	.txt_email{
		float:none;
		width:100%;
		margin:0 0 10px;
	}
}

@media (max-width: 670px) {
	.w33{ width:98%; }
	
	.contatoLeft{
		width:100%;
		margin:auto;
		float:none;
	}
	
	.contatoRight{
		width:100%;
		margin:auto;
		float:none;
	}

	.min{ min-height:0px; }
	
	.p-left, .p-right{
		float:none;
		width:100%;
		margin:0;
	}
	
	.w50{
		float:none;
		width:100%;
		margin:0 0 30px 0;
	}
	
	.img-list{ display:none; }
	
	.txt-list{ width:100%; }
	
	.video{
		width:100%;
		height:450px;
	}
}

@media (max-width: 599px) {
	.video{	height:320px; }
	
	header#topo .contatos{
		float:none;
		width:100%;
		text-align:center;
		margin:10px 0;
	}

	.categorias, .arquivos{
		width:100%;
		float:none;
		margin:10px 0;
	}
}

@media screen and (max-width: 413px) {
	article.produtos{
		width:98%;
		margin:2% 1% 0 1%;
	}
	
	.video{	height:200px; }
}

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

.btn-primary {
  color: #fff;
  background-color: #104959;
  border-color: #0A343F;
}

.btn-primary:hover {
  color: #fff;
  background-color: #216A7F;
  border-color: #104959;
}

.navbar-toggle {
  position: none;
  float: none;
  padding: 0;
  margin: 0;
}