@font-face {
	font-family: 'midpoint-pro-regular';
	src: url("../fonts/midpoint-pro-regular.otf");
	font-size: 1em;
}

@font-face {
	font-family: 'hansief-rough';
	src: url("../fonts/hansief-rough.otf");
	font-size: 1em;
}

*{
	box-sizing: border-box;
}

html, body{
	margin: 0;
	padding: 0;
}

header .logo{
	margin-top: 45px;
}

header nav{
	margin-top: -22px;
	width: 100%;
	height: 40px;
	background-color: #58595b;
}

header nav .menu{
	margin-top: 60px;
}

header nav .menu ul{
	text-align: center;
}

header nav .menu ul li{
	display: inline-flex;
	color: #fff;
	text-decoration: none;
	font-family: 'midpoint-pro-regular';
	width: 200px;
	margin-top: 6px;
}

header nav .menu ul li:hover{
	border-top: 6px #81b24f solid;
	margin-top: 0px;
}

header nav .menu ul li a{	
	text-decoration: none;
	color: #fff;
	font-family: 'midpoint-pro-regular';
	text-transform: uppercase;
	margin: 0 auto;
}

header .menu_barra ul li{
	display: inline-flex;
	background-color: #81b24f;
	width: 19%;
	height: 6px;
	margin-top: 45px;
}

section .banner{
	display: block;
}

section .banner .seta{
	width: 40px;
	margin: 0 auto;
}

section .banner a img{
	position: absolute;
    margin-top: -200px;
    max-width: 40px;
}

section .banner-mobile .seta{
	width: 30px;
	margin: 0 auto;
}

section .banner-mobile a img{
	position: absolute;
    margin-top: -100px;
    max-width: 30px;
}

section .banner-mobile{
	display: none;
}

section .introducao{
	margin-top: 25px;
	background-color: #d8d8d8;
	width: 100%;
	height: 750px;
}

section .introducao .text{
	color: #58595b;
	font-family: 'midpoint-pro-regular';
	font-size: 14px;
}

section .introducao .text p{
	margin-top: 100px;
}

section .introducao .row{
	margin: 0;
}

section .img_introducao{
	margin-top: 25px;
	display: block;
}

section .img_introducao-mobile{
	margin-top: 25px;
	display: none;
}

section .qualidades{
	margin-top: -60px;
}

section .qualidades .box-qualidades{
	width: 180px;
	height: 120px;
	background-color: #58595b;
	display: inline-table;
}

section .qualidades .box-qualidades h3{
	color: #fff;
	font-family: 'midpoint-pro-regular';
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	text-align: center;
}

section .qualidades .box-qualidades .box-1{
	margin-top: 28px;
}

section .qualidades .box-qualidades .box-2{
	margin-top: 40px;
}

section .qualidades .box-qualidades .box-3{
	margin-top: 50px;
}

section .quem-somos h2{
	font-family: 'hansief-rough';
	margin-top: 100px;
	text-align: center;
	color: #81b24f;
}

section .quem-somos hr{
	width: 80px;
	height: 5px;
	background-color: #81b24f;
}

section .quem-somos .text{
	margin-top: 50px;
	color: #58595b;
	font-family: 'midpoint-pro-regular';
	font-size: 14px;
}

section .quem-somos .row{
	margin: 0;
}

section .produtos{
	margin-top: 0;
	width: 100%;
	background-color: #7b7b7b;
}

section .title-prod{
	width: 100%;
	height: auto;
	margin-top: 100px;
}

section .produtos h2{
	font-family: 'hansief-rough';
	margin-top: 100px;
	text-align: center;
	color: #fff;
	width: 100%;
    display: inline-block;
}

section .produtos hr{
	width: 80px;
	height: 5px;
	background-color: #fff;
}

section .produtos .row{
	margin: 100px 0 0 0;
}

section .produtos .owl-carousel{
	text-align: center;
}

section .produtos .owl-carousel button.owl-dot{
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 5px;
	margin: 0 11px;
	border: 1px #7b7b7b solid;
}

section .produtos .owl-carousel .owl-dots .active{
	width: 10px;
	height: 10px;
	background-color: #7b7b7b !important;
	border-radius: 5px;
	margin: 0 11px;
	border: 1px #fff solid !important;
}

section .owl-nav{
	display: block;
	margin-top: -580px;
}

button:focus {
    outline: none !important;
}

section .owl-nav button{
	margin-top: -250px;
	width: 40px;
    height: 40px;
    background-color: #fff !important;
    transition: .5s;
}

section .owl-nav button span{
    color: #7b7b7b;
    font-size: 20px;
    transition: .5s;
}

section .owl-nav button span:hover{
    font-size: 25px;
}

section .owl-nav .owl-prev{
	position: absolute;
	left: -70px;
}

section .owl-nav .owl-next{
	position: absolute;
	right: -70px;
}

section .produtos .texto{
	color: #fff;
	margin-top: 60px;
}

section .produtos .texto h3{
	font-family: 'midpoint-pro-regular';
	font-size: 16px;
}

section .produtos .texto p{
	font-family: 'midpoint-pro-regular';
	font-size: 11px;
}

section .orcamento h2{
	font-family: 'hansief-rough';
	margin-top: 100px;
	text-align: center;
	color: #81b24f;
}

section .orcamento hr{
	width: 80px;
	height: 5px;
	background-color: #81b24f;
}

section .orcamento .caixa-form input{
	width: 100%;
	height: 50px;
	background-color: #e4e4e4;
	border: none;
}


::-webkit-input-placeholder {
   color: #58595b;
   padding: 0 40px;
   font-style: italic;
   font-family: 'midpoint-pro-regular';
}

:-moz-placeholder {
   color: #58595b;
   padding: 0 40px;
   font-style: italic;
   font-family: 'midpoint-pro-regular';
}

::-moz-placeholder {
   color: #58595b;
   padding: 0 40px;
   font-style: italic;
   font-family: 'midpoint-pro-regular';
}

:-ms-input-placeholder {  
   color: #58595b;
   padding: 0 40px;
   font-style: italic;
   font-family: 'midpoint-pro-regular';
}

section .orcamento .nome{
	margin-top: 50px;
}

section .orcamento .empresa{
	margin-top: 20px;
}

section .orcamento .email{
	margin-top: 20px;
}

section .orcamento .mensagem{
	margin-top: 20px;
}

section .orcamento .mensagem label{
   color: #58595b;
   padding: 0 40px;
   font-style: italic;
   font-family: 'midpoint-pro-regular';
}

section .orcamento .mensagem textarea{
	width: 100%;
	height: 200px;
	background-color: #e4e4e4;
	border: none;
}

section .orcamento .enviar{
	margin-top: 20px;
	text-align: center;	
}

section .orcamento .enviar .btn_enviar{
	background-color: #81b24f;
	text-align: center;
	color: #fff;
}

section .orcamento .enviar .btn_enviar:hover{
	background-color: #618c35;
}

footer{
	margin-top: 115px;
	background-color: #81b24f;
	width: 100%;
	height: 500px;
}

footer .row{
	margin: 0;
}

footer .map{
	margin-top: 100px;
	margin-left: 115px;
	display: block;
}

footer .map-mobile{
	display: none;
	margin-top: 50px;
	width: 100%;
}

.rodape{
	width: 100%;
	height: 35px;
	background-color: #fff;
	text-align: center;
}

.rodape h6{
	color: #58595b;
	text-decoration: none;
	font-size: 10px;
	margin-top: 20px;
}

.rodape h6 a{
	color: #58595b;
	text-transform: none;
}

footer .contato{
	color: #fff;
    font-family: 'midpoint-pro-regular';
    margin-top: 100px;
}

footer .contato h3{
    font-size: 24px;
}

footer .contato h4{
    font-size: 16px;
    margin-top: 30px;
    color: #fff;
}

footer .contato h4 a{
    color: #fff;
}

footer .contato a:hover{
    text-decoration: none;
}

footer .social{
	color: #fff;
	font-size: 35px;
	margin-top: 30px;
}

footer .social i{
	margin: 0 30px 0 0;
}

footer .social a{
	color: #fff;
}

.smoothscroll-top {
position:fixed;
opacity:0;
visibility:hidden;
overflow:hidden;
text-align:center;
z-index:99;
background-color:#58595b;
color:#fff;
width:47px;
height:44px;
line-height:44px;
right:25px;
bottom:-25px;
padding-top:2px;
border-radius:5px;
transition:all .5s ease-in-out;
transition-delay:.2s;
}

.smoothscroll-top:hover {
background-color:#58595b;
color:#fff;
transition:all .2s ease-in-out;
transition-delay:0;
}

.smoothscroll-top.show {
visibility:visible;
cursor:pointer;
opacity:1;
bottom:25px;
}

.smoothscroll-top i.fa {
line-height:inherit;
}

.collapse-yes{
	display: block !important;
	text-align: center;
	transition: 1s;
	margin-top: 0 !important;
}

.btn-catalogo{
	text-align: center;
}
.btn-catalogo button{
	border: none;
	border-radius: 30px;
	background-color: #618c35;
	color: #fff;
	cursor: pointer;
	margin-top: 20px;
	padding: 10px 30px;
	margin-bottom: 50px;
}