@font-face {
    font-family: 'engraversgothic_btregular';
    src: url('fonts/engraversgothic_bt-webfont.woff2') format('woff2'),
         url('fonts/engraversgothic_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'good_timesregular';
    src: url('fonts/good_times_rg-webfont.woff2') format('woff2'),
         url('fonts/good_times_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cabin';
    src: url('fonts/cabin-medium-webfont.woff2') format('woff2'),
         url('fonts/cabin-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.left{
	text-align: left;
}

.right{
	text-align: right;
}

.center{
	text-align: center;
}

.justify{
	text-align: justify;
}

.img100{
	width: 100%;
}

body{
	background-color: #434242;
	overflow-x: hidden;
	font-family: engraversgothic_btregular;
	font-size: 18px;
	color: #FFF;
	line-height: 20px;
}

.container-fluid{
}

.container-fluid .row, .container-fluid > .row > div{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.container-fluid.pd0{
	padding: 0px !important;	
}

.topo{
	background-color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 35px 0px 18px 0px;
}


.topo .midias a{
	margin: 0px;
}

.topo .midias a img{
	padding-left: 12px;
}

.topo .midias a.telefone{
	font-family: 'Calibri';
	font-size: 22px;
	color: #fff;
}

.topo .midias a.telefone img{
	padding-left: 12px;
}

.topo .midias a.telefone:hover{
	text-decoration: none;
}

.topo a{
	margin: 0px 17px;	
}

.linha{
	border-top: 6px solid #A90F03;
	border-bottom: 6px solid #24963E;
}

.menu{
	background-color: #434242;
	padding: 18px 0px 12px 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}


/* MENU */


/* Style the navigation bar */
.navbar {
	overflow: hidden;
}

.navbar li{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: center;
	justify-content: center;
}

/* Navbar links */
.navbar a {
	font-family: 'good_timesregular';
	text-align: center;
	padding: 10px 15px !important;
	color: #FFF !important;
	text-decoration: none;
	font-size: 15px;
	border-bottom: 8px solid #434242;
	transition: all 0.3s ease-in-out;
}

.navbar a img{
	padding-bottom: 20px;
	
}

/* Navbar links on mouse-over */
.navbar a:hover {
  color: #FFF !important;
  border-bottom: 8px solid #24963E;
}


.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}





/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
@media screen and (max-width: 768px) {
	
	
	
  .navbar a {
    float: left;
    display: block;
    padding: 20px !important;
    font-size: 10px;
    width: 100%;
    text-align: left;
  }

  .navbar-toggler{
  	border: 0px;
  }

  .navbar a br{
  	display: none;
  }

	.navbar a img{
		padding-bottom: 0px;
		padding-right: 10px;
		width:10%;
	}

	.navbar li{
		display: block;
		text-align: left;
		
	}

  .menu{
  	display: block;
  	padding: 0px;
  }



  .navbar-collapse{
    height: 0px;
    background-color: #000;
    display: block;
    overflow: hidden;
    transition: 0.5s all ease-in-out;
}

.navbar-collapse.show{
	display: block;
    height: 720px;
	}



}

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



/* MENU */


.slide img{
	width: 100%;
}

#carousel .carousel-control-prev-icon{background-image: url('../imgs/seta_esquerda.png'); width: 39px; height: 69px;}
#carousel .carousel-control-next-icon{background-image: url('../imgs/seta_direita.png'); width: 39px; height: 69px;}

.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity ease-out .7s;
  /**height: 500px;**/
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}


main .conteudo{
	padding: 52px 0px;
}

main .conteudo p{
    padding: 0px 20px;
}

main h1{
	font-family: 'good_timesregular';
	font-size: 35px;
}

main h2{
	font-family: 'good_timesregular';
	font-size: 15px;
	padding-bottom: 23px;
}


.formulario h2{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #24963E;
}

.formulario.alimentos h2{
	color: #84345B;
}






.formulario input, .formulario select, .formulario textarea{
	font-family: engraversgothic_btregular;
	font-size: 25px;
	padding: 9px 22px;
	width: 100%;
	color: #FFF;
	vertical-align: bottom;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 0px;
	margin-bottom: 10px;
	background: #000;
	outline: 0px;
}

.formulario .nome, .formulario .empresa{
	width: 49%;
}

.formulario .cidade{
	width: 60%;
}

.formulario select{
	width: 38%;
	color: #FFF;
	padding: 8px 22px;
}

.formulario textarea{
	height: 295px;
}

.formulario .botao{
	font-family: engraversgothic_btregular;
	font-size: 25px;
	padding: 10px 15px;
	color: #FFF;
	background-color: #000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 0px;
	width: 150px;
	float: right;
}

.formulario input::-webkit-input-placeholder{color: #FFF;}
.formulario input::-moz-placeholder{color: #FFF;}
.formulario input:-ms-input-placeholder{color: #FFF;}
.formulario input:-moz-placeholder{color: #FFF;}

.formulario textarea::-webkit-input-placeholder{color: #FFF;}
.formulario textarea::-moz-placeholder{color: #FFF;}
.formulario textarea:-ms-input-placeholder{color: #FFF;}
.formulario textarea:-moz-placeholder{color: #FFF;}


.foto{
    padding-top: 112px;
}





.alimentos h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #84345B;
    line-height: 80px;
    margin: 0px;
}



.alimentos h1:before{
	content: "\00a0";
    background: #FECC00 url(../imgs/ico_alimentos.png) no-repeat 44px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.alimentos .box-alimentos{
	background: #000 url(../imgs/banner_alimentos.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.alimentos .box-alimentos h2,
.descartaveis .box-descartaveis h2,
.embalagens .box-embalagens h2,
.energia .box-energia h2,
.ferramentaria .box-ferramentaria h2,
.lubrificantes .box-lubrificantes h2,
.resinas .box-resinas h2,
.tecidos .box-tecidos h2{
	font-family: 'cabin';
	font-size: 60px;
	padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 66px;
}

.alimentos .box-alimentos h3,
.descartaveis .box-descartaveis h3,
.embalagens .box-embalagens h3,
.energia .box-energia h3,
.ferramentaria .box-ferramentaria h3,
.lubrificantes .box-lubrificantes h3,
.resinas .box-resinas h3,
.tecidos .box-tecidos h3{
	font-family: 'cabin';
	font-size: 22px;
}


.alimentos .box-alimentos a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #65001F url(../imgs/seta_representante_alimento.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.alimentos .box-alimentos a:hover{
	text-decoration: none;
	background-color: #3e0013;
}








.descartaveis h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #0192B1;
    line-height: 80px;
    margin: 0px;
}

.descartaveis h1:before{
	content: "\00a0";
    background: #EF7F1A url(../imgs/ico_descartaveis.png) no-repeat 44px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.descartaveis .box-descartaveis{
	background: #000 url(../imgs/banner_descartaveis.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.descartaveis .box-descartaveis a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #0192B1 url(../imgs/seta_representante_descartaveis.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.descartaveis .box-descartaveis a:hover{
	text-decoration: none;
	background-color: #065D70;
}

.formulario.descartaveis h2{
	color: #57A7B3;
}





.embalagens h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #8DBA00;
    line-height: 80px;
    margin: 0px;
}

.embalagens h1:before{
	content: "\00a0";
    background: #A90F03 url(../imgs/ico_embalagens.png) no-repeat 44px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.embalagens .box-embalagens{
	background: #000 url(../imgs/banner_embalagens.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.embalagens .box-embalagens a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #8DBA00 url(../imgs/seta_representante_embalagens.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.embalagens .box-embalagens a:hover{
	text-decoration: none;
	background-color: #6C8F03;
}

.formulario.embalagens h2{
	color: #57A7B3;
}





.energia h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #FECC00;
    line-height: 80px;
    margin: 0px;
}

.energia h1:before{
	content: "\00a0";
    background: #84345B url(../imgs/ico_energia.png) no-repeat 28px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.energia .box-energia{
	background: #000 url(../imgs/banner_energia.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.energia .box-energia a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #FECC00 url(../imgs/seta_representante_energia.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.energia .box-energia a:hover{
	text-decoration: none;
	background-color: #DCB105;
}

.formulario.energia h2{
	color: #57A7B3;
}





.ferramentaria h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #000000;
    line-height: 80px;
    margin: 0px;
}

.ferramentaria h1:before{
	content: "\00a0";
    background: #5B5B5B url(../imgs/ico_ferramentaria.png) no-repeat 28px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.ferramentaria .box-ferramentaria{
	background: #000 url(../imgs/banner_ferramentaria.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.ferramentaria .box-ferramentaria a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #000 url(../imgs/seta_representante_ferramentaria.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.ferramentaria .box-ferramentaria a:hover{
	text-decoration: none;
	background-color: #222;
}

.formulario.ferramentaria h2{
	color: #57A7B3;
}




.lubrificantes h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #AF9778;
    line-height: 80px;
    margin: 0px;
}

.lubrificantes h1:before{
	content: "\00a0";
    background: #86755D url(../imgs/ico_lubrificantes.png) no-repeat 28px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.lubrificantes .box-lubrificantes{
	background: #000 url(../imgs/banner_lubrificantes.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.lubrificantes .box-lubrificantes a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #000 url(../imgs/seta_representante_lubrificantes.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.lubrificantes .box-lubrificantes a:hover{
	text-decoration: none;
	background-color: #222;
}

.formulario.lubrificantes h2{
	color: #57A7B3;
}



.resinas h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #FECC00;
    line-height: 80px;
    margin: 0px;
}

.resinas h1:before{
	content: "\00a0";
    background: #EF7F1A url(../imgs/ico_resinas.png) no-repeat 28px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.resinas .box-resinas{
	background: #000 url(../imgs/banner_resinas.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.resinas .box-resinas a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #000 url(../imgs/seta_representante_resinas.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.resinas .box-resinas a:hover{
	text-decoration: none;
	background-color: #222;
}

.formulario.resinas h2{
	color: #57A7B3;
}





.tecidos h1{
	font-family: 'good_timesregular';
	font-size: 35px;
	color: #fff;
    background-color: #84345B;
    line-height: 80px;
    margin: 0px;
}

.tecidos h1:before{
	content: "\00a0";
    background: #593747 url(../imgs/ico_tecidos.png) no-repeat 28px center;
    display: inline-block;
    width: 123px;
    height: 82px;
    margin-right: 20px;
}

.tecidos .box-tecidos{
	background: #000 url(../imgs/banner_tecidos.png) no-repeat center center;
    background-size: cover;
    height: 457px;
    width: 100%;
    text-align: right;
    padding-top: 100px;
    padding-right: 100px;
}

.tecidos .box-tecidos a{
	font-family: 'cabin';
    font-size: 22px;
    color: #fff;
    background: #84345B url(../imgs/seta_representante_tecidos.png) no-repeat left center;
    padding: 17px 23px 17px 70px;
    margin: 7px 0px 24px 0px;
    display: inline-block;
    width: 371px;
    transition: all 0.3s ease-in-out;
}

.tecidos .box-tecidos a:hover{
	text-decoration: none;
	background-color: #692A48;
}

.formulario.tecidos h2{
	color: #57A7B3;
}






.rodape{
	background-color: #000;
	padding: 47px 0px;
}

.rodape .midias{
	padding-top: 72px;
}

.rodape .midias a{
	margin: 0px;
}

.rodape .midias a img{
	padding-left: 12px;
}

.rodape .midias a.telefone{
	font-family: 'Calibri';
	font-size: 22px;
	color: #fff;
}

.rodape .midias a.telefone img{
	padding-left: 12px;
}

.rodape .midias a.telefone:hover{
	text-decoration: none;
}

.rodape a{
	margin: 0px 17px;	
}

.assinatura{
	background-color: #000;
}

.assinatura a{
	color: #fff;
}

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


.slick-initialized .slick-slide {
    display: block;
    padding: 0px 20px !important;
}

.slick-next:before {
    content: '\00a0' !important;
    background: transparent url('../imgs/seta_branca_direita.png') no-repeat center;
	width: 30px;
    height: 26px;
    display: block;
}

.slick-prev:before {
    content: '\00a0' !important;
    background: transparent url('../imgs/seta_branca_esquerda.png') no-repeat center;
	width: 30px;
    height: 26px;
    display: block;
}

.produtos.slider{
	margin-bottom: 100px;
}


@media(max-width:767px){


    .foto img{
        width: 100%;
    }


    .alimentos h1,
    .descartaveis h1,
    .embalagens h1,
    .energia h1,
    .ferramentaria h1,
    .lubrificantes h1,
    .resinas h1,
    .tecidos h1
    {
        font-size: 20px;
        line-height: 56px;
    }

    .alimentos h1:before,
    .descartaveis h1:before,
    .embalagens h1:before,
    .energia h1:before,
    .ferramentaria h1:before,
    .lubrificantes h1:before,
    .resinas h1:before,
    .tecidos h1:before
    {
        background-size: 30px;
        width: 89px;
        height: 56px;
        margin-right: 20px;
    }


    .alimentos .box-alimentos h2, 
    .descartaveis .box-descartaveis h2, 
    .embalagens .box-embalagens h2, 
    .energia .box-energia h2, 
    .ferramentaria .box-ferramentaria h2, 
    .lubrificantes .box-lubrificantes h2, 
    .resinas .box-resinas h2, 
    .tecidos .box-tecidos h2 {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 10px;
    }

    .alimentos .box-alimentos a, 
    .descartaveis .box-descartaveis a, 
    .embalagens .box-embalagens a, 
    .energia .box-energia a, 
    .ferramentaria .box-ferramentaria a, 
    .lubrificantes .box-lubrificantes a, 
    .resinas .box-resinas a, 
    .tecidos .box-tecidos a {
        font-size: 18px;
        padding: 17px 8px 17px 54px;
        width: 291px;
    }

    .slick-arrow{
        display: none !important;
    }

    .topo .midias a, .rodape .midias a{
        padding: 40px 0px !important;
        display: inline-block;
    }

    .rodape .midias {
        padding-top: 0px;
    }

    .formulario .nome, .formulario .empresa, .formulario .cidade, .formulario select {
        width: 100%;
    }

    .formulario h2 {
        font-size: 25px;
    }

}