/*BANNER*/
.banner{width:100%; height:100vh; left: 0px position: relative; }
.banner .slider{ width:100%; height:100vh; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:100%; height:100vh; clear:both; position: absolute;}
.banner .sliderContent .item { width:100%; height:100vh; position: absolute; background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-color: #ffffff; display: block; }
.banner .sliderContent .item::after { width: 100%; height:100vh; position:absolute; z-index:10; left:0px; top:0px; background: rgba(0, 0, 0, 0.6); content:''; }
.banner .sliderContent .item .label_banner { width: 90vh; bottom: 100px; height:auto; position:absolute; left: 50px; z-index:110; font-size:72px; line-height:70px; font-weight:100; text-align:left; color:#ffffff; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.banner .sliderContent .item .label_banner .tag_banner { width: 100%; max-width: 100%; height:auto; position:relative; font-size:16px; line-height:22px; font-weight: 400; text-align:left; color:#ffffff;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.banner .sliderContent .item .label_banner .titulo_banner { width: 100%; max-width: 100%; height:auto; position:relative; font-size:52px; line-height:50px; font-weight: 700; text-align:left; color:#ffffff;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 25px 0px; }
.banner .sliderContent .item .label_banner .introducao_banner { width: 100%; max-width: 100%; height:auto; position:relative; font-size:20px; line-height:26px; font-weight: 500; text-align:left; color:#ffffff;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.prevhidden, .nexthidden { left: -100px; position: absolute; width: 1px; height: 1px; top: 0px; }
.sliderBullets { margin: 0px; width: 44px; padding: 0px; position: absolute; left: 30px; top: 50%; transform: translate(0,-50%); text-align: center; z-index: 1002; }
.sliderBullets a { display: inline-block; border: 2px solid rgba(255, 211, 151, 0.5); line-height: 35px; color: var(--cor-primaria); font-weight: 600; font-family: var(--fonte-padrao); font-size: 28px; width: 35px; height: 35px; background-color: transparent; margin: 5px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.sliderBullets .active { border: 2px solid rgba(255, 211, 151, 0.5); line-height: 45px; background-color: rgba(255,211,151,0.5); margin: 5px 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 45px; height: 45px; }
.sliderBullets a:hover { background-color: rgba(255,211,151,0.5); }

/*PRODUTOS*/
.produtos_marcas { width:100%; height:auto; position:relative; padding: 15px 0px 0px 0px; text-align:center; }
.produtos_marcas .marcas { width:100%; height:auto; position:relative; clear:both; }
.produtos_marcas .marcas ul { width:100%; height:auto; position:relative; list-style-type:none; }
.produtos_marcas .marcas ul li { width:50%; height:auto; position:relative; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.produtos_marcas .marcas ul li .avatar { width:100%; height:auto; position:relative; overflow:hidden; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.produtos_marcas .marcas ul li .avatar img { width:100%; height:auto; position:relative; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.produtos_marcas .marcas ul li .dados_marca { opacity: 0; z-index: 10; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); height:auto; padding:0px 50px 50px 50px; bottom: -50px; position:absolute; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.produtos_marcas .marcas ul li .dados_marca .titulo_marca { width: 100%; max-width: 100%; height:auto; position:relative; font-size:20px; line-height:26px; font-weight: 400; text-align:left; color:#ffffff;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px 0px 20px 0px; }
.produtos_marcas .marcas ul li .dados_marca .introducao_marca { width: 100%; max-width: 100%; height:auto; position:relative; font-size:16px; line-height:22px; font-weight: 400; text-align:left; color:#ffffff;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.produtos_marcas .marcas ul li:hover .dados_marca { opacity:1; bottom: 0px; }
.produtos_marcas .marcas ul li:hover img { opacity:0.35; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/*EMPRESA*/
.sobre_empresa { width:100%; height:auto; position:relative; padding: 0px; text-align:center; }
.sobre_empresa .empresa { width:100%; height:auto; position:relative; clear:both; padding: 15px 0px; text-align:center; }
.sobre_empresa .empresa ul { width:100%; height:auto; position:relative; list-style-type:none; }
.sobre_empresa .empresa ul li { width:33.3%; height:auto; position:relative; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden; }
.sobre_empresa .empresa ul li .avatar { width:100%; height:auto; position:relative; overflow:hidden; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.sobre_empresa .empresa ul li .avatar img { width:100%; height:auto; position:relative; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.sobre_empresa .empresa ul li .titulo_galeria { opacity: 0; z-index: 10; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); height:auto; padding:0px 50px 50px 50px; bottom: -50px; position:absolute; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-size:20px; line-height:26px; font-weight: 400; text-align:left; color:#ffffff; }
.sobre_empresa .empresa ul li:hover .titulo_galeria { opacity:1; }
.sobre_empresa .empresa ul li:hover img { opacity:0.3; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.sobre_empresa .empresa ul li:hover .titulo_galeria { bottom: 0px; }

/*SHOWROOM*/
.sobre_empresa .showroom { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); height:auto; position:relative; padding:50px; text-align:left; }
.sobre_empresa .showroom .titulo_showroom { width: 30%; height:auto; position:relative; padding:50px 0px; font-size: 42px; line-height: 42px; text-align:left; font-weight:700; font-family: var(--fonte-padrao); letter-spacing:-1px; display:inline-block; vertical-align:top; }
.sobre_empresa .showroom .sobre_showroom { width: -moz-calc(70% - 100px); width: -webkit-calc(70% - 100px); width: -o-calc(70% - 100px); width: calc(70% - 100px); height:auto; position:relative; padding:50px 0px 50px 100px; font-size: 16px; line-height: 22px; text-align:left; font-weight:400; font-family: var(--fonte-padrao); letter-spacing:0px; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.sobre_empresa .showroom .sobre_showroom b { font-weight:700; }
.sobre_empresa .showroom .sobre_showroom i { font-style:italic; }
.sobre_empresa .showroom .sobre_showroom u { text-decoration:underline; }
.sobre_empresa .showroom:hover .sobre_showroom { color: rgba(255, 255, 255, 0.35); }

@media screen and (max-width: 1100px) {
	/* BANNER */
	.banner{width: 100%; height: 100vh; left: 0px; margin-left: 0px; overflow: hidden; position: relative; }
	.banner .slider{ width: 100%; height: 100vh; position:absolute; left: 0px; margin-left: 0px; z-index:10; float: none;}
	.banner .sliderContent{ width: 100%; height: 100vh; clear:both; position: absolute;}
	.banner .sliderContent .item { width: 100%; height: 100vh; position: absolute; background-repeat: no-repeat; background-position: center; }
	.banner .sliderContent .item .label_banner { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); bottom: 40px; left: 0px; z-index:110; font-size52px; line-height:50px; padding-left: 25px; padding-right: 25px; }
	.sliderBullets { margin: 0px; width: 100%; left: 0px; top: 20px; transform: inherit; }
	.sliderBullets a { line-height: 25px; font-size: 24px; width: 25px; height: 25px; }
	.sliderBullets .active { line-height: 35px; width: 35px; height: 35px; }

	/*PRODUTOS*/
	.produtos_marcas .marcas ul li { width:100%; }
	.produtos_marcas .marcas ul li .dados_marca { opacity:1; bottom: 0px; }
	.produtos_marcas .marcas ul li img { opacity:0.35; }

	/*EMPRESA*/
	.sobre_empresa .empresa ul li { width:100%; }
	.sobre_empresa .empresa ul li .titulo_galeria { opacity:1; }
	.sobre_empresa .empresa ul li img { opacity:0.3; }
	.sobre_empresa .empresa ul li .titulo_galeria { bottom: 0px; }

	/*SHOWROOM*/
	.sobre_empresa .showroom { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); height:auto; position:relative; padding:25px; }
	.sobre_empresa .showroom .titulo_showroom { width: 100%; text-align: center; }	
	.sobre_empresa .showroom .sobre_showroom { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); padding: 0px 25px 50px 25px; text-align: center; }
}