*{
	font-family: 'Open Sans';
}
body{}
.pc{display: block;}
.mobile{display: none}
.centralizar{margin: 0 auto}
.header{
	position: absolute;
    z-index: 99;
    padding: 10px 0;
}
.header .logo{
	padding: 0 30px;
}
.header .logo2{
	display: none;
}
.header.pages .logo{
	display: none;
}
.header.sustentabilidade .logo{
	display: none;
}
.header.pages .logo2{
	display: block;
	padding: 0 30px;
}
.header.sustentabilidade .logo2{
	display: block;
	padding: 0 30px;
}
.header .logo img, .header.pages .logo2 img,  .header.sustentabilidade .logo2 img{
	width: 100%;
}
.header .infotop{
	text-align: right;
    display: block;
    padding: 0 0 5px;
}
.header .infotop span{
	display: inline-block;
    color: #fff;
    margin-right: 30px;
}
.header .infotop span i{
	transform: rotate(90deg);
    font-size: 12px;
    color: #000a;
    background: #fff;
    padding: 7px;
    border-radius: 50%;
}
.header .infotop a{
	display: inline-block;
    color: #fff;
    border-radius: 30px;
    padding: 5px 15px 2px 0;
    transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.header .infotop a:hover{
	background: #090;
	color: #fff;
	text-decoration: none;
}
.header .infotop a img{
	margin-left: -10px;
	margin-top: -4px;
	transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.header .infotop a:hover img{
	transform: rotateZ(-360Deg);
}
.header .menu{
	text-align: right;
    display: block;
    padding: 10px 0;
}
.header .menu ul{
	padding: 0;
	margin: 0;
}
.header .menu ul li{
	display: inline-block;
}
.header .menu ul li a, .header .menu ul li span{
	color: #FFF;
    padding: 5px 15px;
    display: block;
    border-radius: 30px;
    cursor: pointer;
    text-shadow: 1px 1px 2px #000;
}
.header .menu ul li a:hover, .header .menu ul li span:hover{
	background: #d83235;
	text-decoration: none;
}
.header.sustentabilidade .menu ul li a:hover, .header.sustentabilidade .menu ul li span:hover{
	background: #0f4f0f;
	text-decoration: none;
}
.header .menu ul li.active a, .header .menu ul li.active span{
	font-weight: 600;
}
.header .menu ul li a i, .header .menu ul li span i{
	font-size: 10px;
}
.header .menu ul li.destaque a{
	background: #090;
}
.header .menu ul li.destaque a:hover{
	background: #d83235;
}
.header.sustentabilidade .menu ul li.destaque a:hover{
	background: #fff;
	color: #0f4f0f;
	text-shadow: none
}
.header .menu ul li.destaque a img{
	width: 22px;
}
.header.sustentabilidade .menu ul li.destaque a:hover img{
	filter: brightness(0);
}

.header .menu ul li:hover ul.submenu{
	display: block;
}
.header .menu ul li ul.submenu{
	position: absolute;
    text-align: center;
    display: none;
}
.header .menu ul li ul.submenu li{
	display: block;
}
.header .menu ul li ul.submenu li a{
	background: #d83235;
    margin: 5px 0;
    box-shadow: 0 0 10px #000;
    text-shadow: none;
}
.header.sustentabilidade .menu ul li ul.submenu li a{
	color: #0f4f0f;
    margin: 5px 0;
    box-shadow: 0 0 10px #000;
    text-shadow: none;
    background: #fff;
}
.header .menu ul li ul.submenu li.sm1 a{
	animation: entradaSubmenu .1s;
}
.header .menu ul li ul.submenu li.sm2 a{
	animation: entradaSubmenu .2s;
}
.header .menu ul li ul.submenu li.sm3 a{
	animation: entradaSubmenu .3s;
}
.header .menu ul li ul.submenu li.sm4 a{
	animation: entradaSubmenu .4s;
}
.header .menu ul li ul.submenu li.sm5 a{
	animation: entradaSubmenu .5s;
}
.header .menu ul li ul.submenu li.sm6 a{
	animation: entradaSubmenu .6s;
}
.header .menu ul li ul.submenu li.sm7 a{
	animation: entradaSubmenu .7s;
}
@keyframes entradaSubmenu {
	from{margin-right: 1500px; margin-left: -1500px; opacity: 0}
	to{margin-right: 0px; margin-left: 0px; opacity: 1}
}
.header .menu ul li ul.submenu li a:hover{
	background: #fff;
	color: #d83235;
}
.header.sustentabilidade .menu ul li ul.submenu li a:hover{
	background: #0f4f0f;
	color: #fff;
}
.bannerRotativo img{
	width: 100%;
	animation: introBannerRotativo 1s;
}
@keyframes introBannerRotativo {
	from{transform: rotateY(180Deg);}
	to{transform: rotateY(0Deg);}
}
.bannerRotativo .carousel-item {
	transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.bannerRotativo .caption{
	position: absolute;
    top: 150px;
    left: 10%;
    right: 10%;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    bottom: 60px;
    padding: 180px 0;
    animation: introBannerRotativoTxt 1s;
}
@keyframes introBannerRotativoTxt {
	from {transform: rotateX(180Deg); opacity: 0}
	to {transform: rotateX(0Deg); opacity: 1}
}
.bannerRotativo .carousel-indicators li {
	width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 50%;
}
.bannerRotativo .carousel-indicators {
	margin-bottom: 3rem;    
}
.around{
	margin-top: -310px;
    position: relative;
    z-index: 9;
}
.around img{
	width: 100%;
}
.ambientes{
	background-color: #000;
	padding: 50px 0;
}
.ambientes .titulo{
	color: #d83235;

}
.ambientes .titulo h1{
	text-transform: uppercase;
    font-size: 30px;
    padding: 0 15px 15px;
}
.ambientes .titulo h1 b{}
.ambientes .col-md-4{
	padding: 5px;
}
.ambientes img{
	width: 100%;
}
.ambientes a{
	position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: #0008;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 80px 0;
    opacity: 0;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.ambientes a:hover{
	text-decoration: none;
	opacity: 1;
	color: #fff
}
.ambientes2{
	background: #000;
	padding: 50px 0;
}
.ambientes2 .ambientescl{
	margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 50px 15px 20px;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.ambientes2 .ambientescl img{
	width: 40%;
    display: block;
    margin: 0 auto;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.ambientes2 .ambientescl h4{
	text-align: center;
    font-weight: 800;
    font-size: 20px;
    padding: 20px 0;
    color: #fc3637;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.ambientes2 .ambientescl p{
	font-size: 9px;
    text-align: center;
    color: #000;
    padding: 10px 15px;
    display: none;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.ambientes2 .ambientescl span{
	border: 1px #fc3637 solid;
    display: block;
    padding: 5px 30px;
    border-radius: 30px;
    width: fit-content;
    margin: 0 auto;
    color: #fc3637;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.ambientes2 .ambientescl a:hover{
	text-decoration: none;
}
.ambientes2 .ambientescl:hover{
	background: #fc3637;
	color: #fff;
}
.ambientes2 .ambientescl:hover img{
	filter: brightness(5);
}
.ambientes2 .ambientescl:hover h4{
	color: #fff;
}
.ambientes2 .ambientescl:hover p{
	color: #fff;
} 
.ambientes2 .ambientescl:hover span{
	color: #fff;
	border: 1px #fff solid;
	border-radius: 0;
}
.video{
	background: #000;
	padding: 50px 0;
}
.video .video1{}
.video .video1 iframe{
	border-radius: 10px;
    overflow: hidden;
}
.video .texto{
    padding: 30px 0;
}
.video .texto h1{
	font-size: 30px;
	color: #fc3637;
	font-weight: 700;
}
.video .texto p{
	color: #fff;
    line-height: 17px;
    font-size: 13px;
}
.video .texto p b{
	text-transform: uppercase;
}
.sobreSection{
	background: url(../img/bg-sobre.png);
	background-size: 100%;
	background-position: center;
	padding: 50px 0;
}
.sobreSection .texto{
	padding: 80px 15px;
}
.sobreSection .texto h1{
	font-size: 30px;
	color: #fc3637;
	font-weight: 700;
}
.sobreSection .texto p{
	color: #fff;
    line-height: 25px;
    font-size: 20px;
}
.vantagens{
	background: #000;
	padding: 50px 0;
}
.vantagens .titulo{}
.vantagens .titulo h1{
	font-size: 30px;
	color: #fc3637;
	font-weight: 700;
	text-align: center;
	width: 100%;
}
.vantagens .titulo p{
	color: #fff;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
    width: 100%;
}
.vantagens .vntgm a:hover{
	text-decoration: none;
}
.vantagens .vntgm{
	background: #fc3637;
    margin: 0 auto;
    padding: 10px 0px 20px;
    border-radius: 5px;
}
.vantagens .vntgm:hover{
	background: #fff;
}
.vantagens .vntgm img{
	width: 80%;
    display: block;
    margin: 0 auto;
}
.vantagens .vntgm:hover img{
	filter: brightness(0);
}
.vantagens .vntgm h4{
	font-size: 12px;
    color: #fff;
    text-align: center;
}
.vantagens .vntgm:hover h4{
	color: #000;
}
.materiais{
	background-color: #000;
    background-image: url(../img/bg-materiais.png);
    background-size: 100%;
    padding: 50px 0;
    background-position: bottom;
    background-repeat: no-repeat;
}
.materiais .titulo{
	padding-bottom: 33px;
}
.materiais .titulo h1{
	color: #fc3637;
	font-weight: 700;
	text-align: center;
	width: 100%;
}
.materiais .titulo p{
	color: #444;
    line-height: 25px;
    font-size: 20px;
    text-align: center;
}
.materiais .material{
	padding: 314px 20px 20px 20px;
    border-radius: 35px;
    border: 10px #fc3637 solid;
    margin: 0 auto;
    box-shadow: 0 0 30px #0005;
}
.materiais .material .material1{
	height: 150px;
    border-radius: 0 0 20px 20px;
    border: 5px #fff solid;
    box-shadow: 0 0 10px #000;
    cursor: pointer;
}
.depoimentos{
	background: url(../img/bg-depoimentos.jpg);
	background-size: 100%;
	background-position: bottom;
	padding: 50px 0 160px;
}
.depoimentos .titulo{
	padding-bottom: 33px;
}
.depoimentos .titulo h1{
	color: #fc3637;
	font-weight: 700;
	text-align: center;
	width: 100%;
}
.depoimentos img{
	margin: 0 auto;
    width: 23%;
}
.depoimentos .slide p{
	text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 50px 200px;
}
.depoimentos .slide h5{
	text-align: center;
    color: #fff;
    font-size: 25px;
}
.depoimentos .slide iframe{
    border: 1px #fff solid;
}
.depoimentos .slide .carousel-control-prev, .depoimentos .slide .carousel-control-next{
	background: #090;
    color: #000;
    width: 80px;
    height: 80px;
    top: auto;
    border-radius: 50%;
    opacity: 1;
    bottom: -100px;
}
.depoimentos .slide .carousel-control-prev{
	left: 42%;
}
.depoimentos .slide .carousel-control-next{
	right: 42%;
}
.instagram{
	padding: 50px 0;
	background: #f2f1f1;
}
.instagram .titulo{
	padding-bottom: 50px;
}
.instagram .titulo h1{
	font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
.instagram .titulo h1 b{}
.instagram .titulo h1 img{
	width: 40px;
	margin-right: 15px;
}
.newsletter{
    background: #f2f1f1;
    border-top: 1px #999 solid;
    padding: 50px 0;
}
.newsletter .titulo{}
.newsletter .titulo h1{
	font-weight: 700;
    text-transform: uppercase;
    color: #a1080b;
    margin: 0;
}
.newsletter .titulo h2{
	color: #a1080b;
    text-transform: uppercase;
    margin: 0;
    font-size: 26px;
    margin-top: -7px;
}
.newsletter .form{
	padding: 8px 0;
}
.newsletter .form input{
	border: 1px #999 solid;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.newsletter .form input:focus{
	outline: none;
	box-shadow: 0 0 10px #000;
}
.newsletter .form button{
	background: #a1080b;
    border: none;
    color: #fff;
    font-weight: 700;
    width: 100%;
    border-radius: 10px;
    padding: 16px 0;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.newsletter .form button:hover{
	outline: none;
	box-shadow: 0 0 10px #000;
	background: #fff;
	color: #a1080b;
}
.footer{
	background: #a1080b;
	padding: 30px 0 0;
}
.footer.sustentabilidade{
	background: #0f4f0f;
}
.footer .f1{
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 20px 15px;
}
.footer .f1 i{
	font-size: 20px;
    color: #090;
    margin-right: 13px;
}
.footer .f1 span{
	font-weight: 100;
}
.footer .f1 a{
	background: #090;
    color: #fff;
    padding: 5px 15px 5px 35px;
    display: inline-block;
    margin-top: -3px;
    margin-left: 15px;
    border-radius: 30px 30px 30px 0;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.footer .f1 a:hover{
	text-decoration: none;
	background: #fff;
	color: #090;

}
.footer .f1 a span{}
.footer .f1 a i{
	margin-top: -9px;
    position: absolute;
    font-size: 36px;
    color: #fff;
    font-weight: 500;
    margin-left: -38px;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.footer .f1 a:hover i{
	transform: rotateZ(-360Deg);
	color: #090;
}
.footer .f2{
	padding: 23px 15px;
}
.footer .f2 h3{
	color: #fff;
    font-weight: 600;
    font-size: 25px;
}
.footer .f2 ul{
	padding: 0;
	margin: 0;
}
.footer .f2 ul li{
	display: block;
}
.footer .f2 ul li a{
	color: #fff;
	transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.footer .f2 ul li a:hover{
	text-decoration: none;
	letter-spacing: 1px;
}
.footer .f2 ul li a i{
	color: #090;
	transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.footer .f2 ul li a:hover i{
	margin: 0 15px;
}
.footer .f3{}
.footer .f4{
	padding: 10px 0;
    border-top: 2px #fff solid;
    text-align: center;
}
.footer .f4 ul{
	margin: 0;
	padding: 0;
}
.footer .f4 ul li{
	display: inline-block;
}
.footer .f4 ul li a{
	color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 5px 30px;
    border-radius: 30px;
}
.footer .f4 ul li a:hover{
	color: #fff;
	background: #0008;
	text-decoration: none;
}
.footer .f4 ul li.destaque a{
	color: #a1080b;
	background: #fff;
}
.footer.sustentabilidade .f4 ul li.destaque a{
	color: #0f4f0f;
	background: #fff;
}
.footer .f4 ul li.destaque a img{
	filter: brightness(0);
    width: 20px;
}
.footer .f4 ul li.destaque a:hover{
	background: #0008;
	color: #fff;
}
.footer .f4 ul li.destaque a:hover img{
	filter: brightness(1);
}
.footer .line{
    padding: 5px 0;
}
.copyright{
	font-size: 13px;
    text-align: right;
    padding: 3px 0 10px;
}
.copyright span{
	font-weight: 800;
    color: #a1080b;
    text-transform: uppercase;
}
.copyright.sustentabilidade span{
	font-weight: 800;
    color: #0f4f0f;
    text-transform: uppercase;
}
.copyright a{
	font-family: 'Libre Franklin';
	color: #000;
	font-weight: 800;
}
.copyright a:hover{
	color: #ff9600;
	text-decoration: none;
}
.copyright a span, .copyright.sustentabilidade a span{
	font-family: 'Open Sans';
	color: #ff9600;
	font-size: 25px
}
.copyright a:hover span{
	color: #000;
}
.filosofia{
	background: url(../img/bg-materiais.png);
	background-size: 100%;
	padding: 100px 0 50px;
}
.filosofia .fil{
	margin: 0 auto;
    background: #a1080b;
    padding: 20px 15px;
    border-radius: 5px;
}
.filosofia h4{
	background: #a1080b;
    border-radius: 50%;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    margin-top: -44px;
    padding: 15px 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    font-style: italic;
}
.filosofia p{
	margin: 0;
    height: 150px;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    font-size: 13px;
}
.filosofia p i{
	margin-right: 5px;
    color: #ff0;
}
.contatoPage{
	padding: 70px 0;
	background: #fff;
}
.contatoPage .texto{
	padding: 30px 0;
}
.contatoPage .texto .line{
	padding: 20px 0;
}
.contatoPage .texto .icone{
	color: #a1080b;
    font-size: 24px;
    padding: 0;
    text-align: center;
}
.contatoPage .texto .icone p{
	height: 50px;
	vertical-align: middle;
    display: table-cell;
}
.contatoPage .texto .text{}
.contatoPage .texto .text p{
	height: 50px;
    font-weight: 700;
    vertical-align: middle;
    display: table-cell;
}
.contatoPage .texto a{
	background: #090;
    padding: 10px 30px 10px 60px;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    border-radius: 30px 30px 30px 0;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.contatoPage .texto a:hover{
	border-radius: 20px 0 0 0;
	box-shadow: 0 0 5px #0007;
	text-decoration: none;
}
.contatoPage .texto a i{
	position: absolute;
    margin-left: -65px;
    margin-top: -17px;
    text-shadow: 2px 2px 4px #0007, -2px -2px 4px #0007;
    font-weight: 500;
    font-size: 60px;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.contatoPage .texto a:hover i{
	transform: rotateY(-360Deg);
}
.contatoPage .formulario{
	background: #000;
    border: 6px #a1080b double;
    border-radius: 20px;
    padding: 20px 15px;
}
.contatoPage .formulario span{
	display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
}
.contatoPage .formulario input, .contatoPage .formulario textarea{
	width: 100%;
    font-size: 13px;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    margin: 2px 0 5px;
    font-weight: 600;
    color: #a1080b;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.contatoPage .formulario input:focus, .contatoPage .formulario textarea:focus{
	border-radius: 30px;
	outline: none;
	font-weight: 100;
	color: #000;
}
.contatoPage .formulario button{
	background: #a1080b;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    padding: 6px 0;
    width: 100%;
    border-radius: 5px;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.contatoPage .formulario button:hover{
	border-radius: 30px;
	background: #f1080b;
	outline: none;
	color: #fff;
}
.contatoPage .formulario .social{
	text-align: center;
}
.contatoPage .formulario .social a{
	color: #a1080b;
    background: #fff;
    height: 35.31px;
    display: inline-block;
    width: 35.31px;
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    margin: 0 15px;
}
.contatoPage .formulario .social a:hover{
	color: #fff;
    background: #a1080b;
}
.sustentabilidadePage{
	background: url(../img/bg-sustentabilidade.jpg);
	background-size: 100%;
	background-position: bottom;
	padding: 50px 0;
}
.sustentabilidadePage p{
	font-weight: 600;
    text-align: justify;
    color: #030;
}
.sustentabilidadePage img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.sustentabilidadePage p span{
	display: block;
}
.ambientePage{
	background: #f2f1f1;
	padding: 50px 0;
}
.ambientePage .amb1{
	margin: 0 auto;
}
.ambientePage .amb2{
	overflow: hidden;
    height: 350px;
    padding: 0;
    box-shadow: 0 0 30px #0006;
    vertical-align: middle;
    margin: 15px 0;
    border-radius: 10px;
}
.ambientePage .amb2 img{
	max-height: 350px;
    margin: auto auto;
    display: block;
}
.ambientePage .amb2 span{
	position: absolute;
    color: #fff9;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 40px;
    background: #0006;
    text-align: center;
    padding: 145px 0;
    cursor: pointer;
    opacity: 0;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.ambientePage .amb2:hover span{
	opacity: 1;
}
.album{
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000a;
    z-index: 9999;
    padding: 45px 0;
    display: none;
}
.album .centro{
	margin: 0 auto;
    height: 650px;
}
.album .centro img{
	max-height: 550px;
    min-height: 550px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 0 40px #000;
    animation: introAlbum 1s;
}
@keyframes introAlbum {
	from {margin-top: -1000px; margin-bottom: 1000px; opacity: 0}
	to {margin-top: 0; margin-bottom: 0; opacity: 1}
}
.album span.closer{
	position: absolute;
    color: #fff;
    background: #090;
    right: -5px;
    top: -20px;
    z-index: 999;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    padding: 5px 13.13px;
    box-shadow: 0 0 10px #000;
    cursor: pointer;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.album span.closer:hover{
	box-shadow: 0 0 20px #000;
	transform: rotateZ(1800Deg);
}
.album .carousel-control-prev, .album .carousel-control-next{
	width: 70px;
    background: #090;
    opacity: 1;
    height: 70px;
    box-shadow: 0 0 20px #000;
    border-radius: 50%;
    top: 45%;
    bottom: 45%;
}
.album .carousel-control-prev{
	left: -50px;
	transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.album .carousel-control-prev:hover{
	left: -70px
}
.album .carousel-control-next{
	right: -50px;
	transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}
.album .carousel-control-next:hover{
	right: -70px;
}
a.whatsappbutton.mobile{
	display: none;
}
a.whatsappbutton{
	right: 100px;
    position: fixed;
    bottom: 80px;
    border: 2px #090 solid;
    display: block;
    border-radius: 30px;
    animation: whatsappbtn 3s infinite;
}
@keyframes whatsappbtn {
	from {padding: 0; bottom: 80px; right: 100px; border: 2px #090 solid;border-radius: 30px;}
	to {padding: 30px; bottom: 50px; right: 70px; border: 2px #0900 solid;border-radius: 80px;}
}
a.whatsappbutton:hover{
	text-decoration: none;
	animation: whatsappbtnDois 3s infinite;
}
@keyframes whatsappbtnDois {
	from {padding: 0; bottom: 80px; right: 100px; border: 2px #a1080b solid;border-radius: 30px;}
	to {padding: 30px; bottom: 50px; right: 70px; border: 2px #a1080b00 solid;border-radius: 80px;}
}
a.whatsappbutton span{
	background: #090;
    color: #fff;
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 30px;
    display: block;
    box-shadow: 0 0 20px #0007;
}
a.whatsappbutton:hover span{
	background: #a1080b;
}
a.whatsappbutton i{
	animation: banner 10s infinite;
}
a.whatsappbutton:hover i{}


.banner{
	background: url(../img/bg-banner-pages.jpg);
	background-size: 100%;
	background-attachment: fixed;
	padding: 200px 0 100px;
}
.banner.sustentabilidade{
	background: url(../img/bg-bannner-sustentabilidade.jpg);
	background-size: 100%;
	background-attachment: fixed;
	padding: 200px 0 100px;
}
.banner h1{
	width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    font-style: italic;
}
.banner h1 span{
	display: inline-block;
}
.banner h1 span.b1{
	animation: banner 20s infinite;
}
.banner h1 span.b2{
	animation: banner 20.2s infinite;
}
.banner h1 span.b3{
	animation: banner 20.4s infinite;
}
.banner h1 span.b4{
	animation: banner 20.6s infinite;
}
.banner h1 span.b5{
	animation: banner 20.8s infinite;
}
.banner h1 span.b6{
	animation: banner 21s infinite;
}
.banner h1 span.b7{
	animation: banner 21.2s infinite;
}
.banner h1 span.b8{
	animation: banner 21.4s infinite;
}


@keyframes banner {
	0% {transform: rotateY(360Deg);}
	1% {transform: rotateY(420Deg);}
	5% {transform: rotateY(-45Deg);}
	7.5% {transform: rotateY(25Deg);}
	8.75% {transform: rotateY(-15Deg);}
	10% {transform: rotateY(0Deg);}
	10.000001% {transform: rotateY(360Deg);}
	40% {transform: rotateX(360Deg);}
	41% {transform: rotateX(420Deg);}
	45% {transform: rotateX(-45Deg);}
	47.5% {transform: rotateX(25Deg);}
	48.75% {transform: rotateX(-15Deg);}
	50% {transform: rotateX(0Deg);}
	50.000001% {transform: rotateY(360Deg);}
	80% {transform: rotateZ(360Deg);}
	81% {transform: rotateZ(420Deg);}
	85% {transform: rotateZ(-45Deg);}
	87.5% {transform: rotateZ(25Deg);}
	88.75% {transform: rotateZ(-15Deg);}
	90% {transform: rotateZ(0Deg);}
}
.materiais .carvalho2.active, .materiais .carvalho-tracado2.active, .materiais .nogueira2.active, .materiais .cecoia2.active, .materiais .tabaco2.active{
	display: none;
}
.materiais .carvalho{
	background: url(../img/nossa-fabrica1.jpeg);
	background-position: center;
}
.materiais .carvalho-tracado{
	background: url(../img/nossa-fabrica2.jpeg);
	background-position: center;
}
.materiais .nogueira{
	background: url(../img/nossa-fabrica3.jpeg);
	background-position: center;
}
.materiais .cecoia{
	background: url(../img/nossa-fabrica4.jpeg);
	background-position: center;
}
.materiais .tabaco{
	background: url(../img/nossa-fabrica5.jpeg);
	background-position: center;
}
.materiais .carvalho1{
	background: url(../img/nossa-fabrica1.jpeg);
	background-position: center;
	background-size: 100%;
}
.materiais .carvalho-tracado1{
	background: url(../img/nossa-fabrica2.jpeg);
	background-position: center;
	background-size: 100%;
}
.materiais .nogueira1{
	background: url(../img/nossa-fabrica3.jpeg);
	background-position: center;
	background-size: 100%;
}
.materiais .cecoia1{
	background: url(../img/nossa-fabrica4.jpeg);
	background-position: center;
	background-size: 100%;
}
.materiais .tabaco1{
	background: url(../img/nossa-fabrica5.jpeg);
	background-position: center;
	background-size: 100%;
}