@charset "UTF-8";

@media all {
	[class*="galeria-home"] > div {
		font-size: 0;
	}
	[class*="galeria-home"] > div a {
		padding-bottom: 100%;
		width: 100%;
	}
	.galeria-home-1 > div:nth-child(1), 
	.galeria-home-3 > div:nth-child(1){
		padding-right: 0.3vh;
	}
	.galeria-home-1 > div:nth-child(2), 
	.galeria-home-3 > div:nth-child(2){
		padding-left: 0.2vh;
		padding-right: 0.15vh;
	}
	.galeria-home-1 > div:nth-child(3), 
	.galeria-home-3 > div:nth-child(3){
		padding-left: 0.3vh;
	}
	.galeria-home-1 > div:nth-child(n+2) > a:nth-child(1), 
	.galeria-home-3 > div:nth-child(1) > a:nth-child(1), 
	.galeria-home-3 > div:nth-child(2) > a:nth-child(1) {
		margin-bottom: 0.2vh;
	}
	.galeria-home-1 > div:nth-child(n+2) > a:nth-child(2), 
	.galeria-home-3 > div:nth-child(1) > a:nth-child(2), 
	.galeria-home-3 > div:nth-child(2) > a:nth-child(2) {
		margin-top: 0.2vh;
	}
	.galeria-home-2, 
	.galeria-home-4{
		margin-top: 0.3vh;
	}
	.galeria-home-2 > div:nth-child(1), 
	.galeria-home-4 > div:nth-child(1){
		padding-right: 0.3vh;
	}
	.galeria-home-2 > div:nth-child(2), 
	.galeria-home-4 > div:nth-child(2){
		padding-left: 0.15vh;
		padding-right: 0.15vh;
	}
	.galeria-home-2 > div:nth-child(3), 
	.galeria-home-4 > div:nth-child(3){
		padding-left: 0.3vh;
	}
	.conteudo .lista {
		position: sticky;
		top: 15vh;
	}
	.conteudo .texto {
		padding: 0 3vh;
		border-left: 0.15vh solid Gray;
	}
	.conteudo .conteudo_select{
		font-weight: bolder;
	}
	.galeria-interna {
		font-size: 0;
		width: 100%;
		text-align: center;
	}
	.galeria-interna > div { 
		padding: 0.4vh;
		display: inline-block;
		width: 33.33%;
		height: auto;
		vertical-align: top;	
	}
	.galeria-image {
		cursor: zoom-in;
	}	
	.galeria-interna a.galeria-image { 
		padding-top: 75%;
		position: relative;
		display: block;
		cursor: pointer;
		text-align: center;
	}
	.galeria-interna img:not(.imgIcon) { 
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		max-width: unset;
		/*object-fit: cover;*/
		object-fit: contain;
		object-position: 50% 0; /* center top */
	}
	.galeria-image span{
		position: absolute;
		bottom: 0.2vh;
		right: 1vw;
		font-size: 0.8rem;
		width: 95%;
		color: white;
		font-weight: bold;
		white-space: nowrap; 
    	overflow: hidden;
    	text-overflow: ellipsis;
		text-shadow: 0.1rem 0.1rem 0.2rem #000000, -0.1rem -0.1rem 0.2rem #000000;		
	}
	.galeria-image span:nth-child(2) {
		bottom: 2vh;
		font-size: 1.2rem;
	}
	.galeria-interna .imagem-descricao {
		margin-bottom: 6vh;
	}
	.galeria-interna .imagem-descricao span:nth-child(1) {
		font-size: 1.2rem;
	}
	.galeria-interna .imagem-descricao span:nth-child(3) {
		font-size: 0.6rem;
	}
	/* .produto .lista {
		z-index: 4;
		position: sticky;
		top: 5vh;
		background-color: white;
	} */
	.produto .lista li {
		padding: 1vh;
	}
	.produto .lista li span span{
		font-size: 0.7rem;
	}
	.produto .lista h1 {
		font-weight: bold;
	}
	.produto .lista li.desktop:last-child {
		display: none;
	}
	.produto .galeria-interna { 
		margin-top: 2vh;
	}
	.produto .galeria-interna > div { 
		width: 20% !important;
		color: #555;
	}
	.produto .galeria-interna a.galeria-image { 
		padding-top: 64%;
	}
	.produto-pesquisa{
		width: 33.33%;
	}
	.veja-mais {
		width: 100%;
		text-align: center;
		background-color: #D2D3D5;
	}
	.veja-mais a {
		min-width: 100%;
		color: #727376 !important;
		font-weight: 700;
		font-size: 2rem;
	}
	.logistica {
		margin: 4vh 0 1vh 0;
	}
	.logistica a {
		text-align: center;
		display: block;
	}
	.logistica img {
		width: 100%;
	}
	.newsletter {
		min-height: 47vh;
	}
	.newsletter .cadastro {
		padding-top: 12vh;
	}
	.newsletter .cadastro h3{
		color: #848688;
		margin-bottom: 2vh;
		font-size: 2rem;
	}
	.newsletter form {
		margin-top: 6vh;
	}
	.newsletter .campos {
		width: 52vw;
		min-height: 6vh;
		padding-left: 1vh;
		color: #848688;
		border: 0.7vh solid #848688;
		border-radius: 0.9vh;
		font-size: 2rem;
	}
	.newsletter .botao {
		width: 6vw;
		min-height: 6vh;
		color: white;
		border: none;
		background-color: #020430;
		border-radius: 0.9vh;
		font-size: 1.3rem;
	}
	.contato {
		color: #333;
	}
	.contato td {
		padding: 0.6vh;
	}
	.contato td span {
		font-size: 0.8rem;
	}
	.contato .campos {
		padding: 0.9vh;
		width: 15vw;
		border: 0.1vw solid #909090;
		border-radius: 0.4vh;
	}
	.contato .botao {
		min-width: 10vw;
		padding: 1vh 1.8vh 1vh 1.8vh;
	}
	.contato .whatsapp-button{
		width: 12vw;
	}
	.contato .contato-ok {
		margin: 0 auto;
		padding: 0.9vh;
		max-width: 80%;
		font-weight: bold;
		color: white;
		background-color: green;
		border-radius: 1vh;
	}
	.contato .contato-erro {
		margin: 0 auto;
		padding: 0.9vh;
		max-width: 80%;
		font-weight: bold;
		color: white;
		background-color: red;
		border-radius: 1vh;
	}
	.contato-mapa iframe{
		height: 40vh;
	}
	.video-home h3{
		margin-top: 2vh;
		margin-bottom: 2vh;
		text-align: center;
		color: #848688;		
		font-size: 2rem;
	}
	.video-home video{
		height: 330px;
	}
	footer {
		margin-top: 15vh;
		width: 100%
	}
	.foot {
		margin: 0 auto;
		background-color: #020430;
		color: white !important;
		text-align: justify;
	}
	.foot > div {
		padding: 5vh 3vh 0 3vh;
		min-height: 55vh;
	}
	.foot > div p {
		margin-bottom: 2vh;
		color: yellow;
	}
	.foot > div p:nth-child(n+2) {
		margin-top: 2vh;
	}
	.foot > div .sobre {
		font-size: 0.8rem;
	}
	.foot > div .categoria {
		display: block;
		line-height: 3vh;
		color: #848688;
	}
	.foot > div .links {
		display: block;
		width: 100%;
		line-height: 3vh;
		border-bottom: 0.1vh solid white;
	}
	.foot > div .foot-logo {
		height: 12vh;
	}
	.foot > div .foot-contact-button {
		margin-top: 2.4vh;
		width: 90%;
		background-color: white;
		color: #020430;
	}
	.foot > div .foot-contact-button a {
		display:block;
		width: 100%;
		line-height: 5vh;
		text-align: center;
	}
	.foot > div ul {	
		text-align: left;
	}
	.foot .whatsapp-icon {
		width: 1.2rem;
		height: 1.2rem;
	}
	.foot > div .social img {
		margin: 0 1vh 0 0;
		width: 2.2rem;
		height: 2.2rem;
	}
	.breadcrumb {
		margin-bottom: 1vh;
		text-align:center;
		font-size: 0.6rem;
	}
	.breadcrumb a {
		padding-right: 0.9vh;
	}
	.breadcrumb a:not(:last-child):after {
		content: " »";
	}
	.copyright {
		line-height: 5vh;
		color: #848688;
	}
	.contato-float {
		z-index: 2;
		position: fixed;
		right: 0;
		bottom: 0;
		height: 4vh;
		/* filter: drop-shadow(0 0 0.3vh #999);*/
		/* opacity: 0.9;*/
	}
	.contato-float img {
		width: auto;
		height: 100%;
	}
	.social-widget {
		margin-top: 4vh;
		text-align: center;
	}
	/* Slide Animations Begin */
	.animate-fading {
		animation:fading 2s infinite
	}
	@keyframes fading {
		0%{opacity:0}50%{opacity: 1}100%{opacity:0}
	}
	.animate-opacity {
		animation:opac 0.8s
	}
	@keyframes opac {
		from {opacity:0} to {opacity: 1}
	}
	.animate-top {
		position:relative;
		animation:animatetop 0.4s
	}
	@keyframes animatetop {
		from {top:-30vh;opacity:0} to {top:0;opacity: 1}
	}
	.animate-left {
		position:relative;
		animation:animateleft 0.4s
	}
	@keyframes animateleft {
		from {left:-30vh;opacity:0} to {left:0;opacity: 1}
	}
	.animate-right {
		position:relative;
		animation:animateright 0.4s
	}
	@keyframes animateright {
		from {right:-30vh;opacity:0} to {right:0;opacity: 1}
	}
	.animate-bottom {
		position:relative;
		animation:animatebottom 0.4s
	}
	@keyframes animatebottom {
		from {bottom:-30vh;opacity:0} to {bottom:0;opacity: 1}
	}
	.animate-zoom {
		animation:animatezoom 0.6s
	}
	@keyframes animatezoom {
		from {transform:scale(0)} to {transform:scale(1)}
	}
	/* Slide Animations End */

} /* fim @media all */

@media screen and (min-width: 1px) and (max-width: 767px)  {
	table td{
		padding: 8px 3px;
		font-size: 0.8rem;
	}
	.box .text1, 
	.box .text2{
		left: 0.6vh;
	}
	.conteudo .lista {
		position: relative;
		top: unset;
	}
	.conteudo .texto {
		padding: 0 5vw;
		border-left: unset;
		border-top: 0.15vh solid Gray;
	}
	.galeria-interna {
		text-align: center;
	}
	.galeria-interna > div {
		width: 100% !important;
		padding: 0.6vh 0;
	}
	.galeria-interna .galeria-image {
		cursor: unset;
	}
	.galeria-interna .imagem-descricao {
		padding-left: 3vw;
		float: left;
		text-align: left;
	}
	.galeria-interna .imagem-video-botao {
		margin-top: 1vh;
		margin-right: 2vw;
		float: right;
		width: 6vmax;
		height: 6vmax;
		cursor: pointer;
		background-image: url('/images/ico_play.png');
		background-size: contain;
	}
	.galeria-image span{
		font-size: 0.7rem;
	}
	.galeria-image span:nth-child(2) {
		font-size: 0.9rem;
	}
	.produto .galeria-interna {
		border-top: 0.15vh solid Gray;
	}
	.produto .galeria-interna > div {
		width: 100vw !important;
	}
	.produto .galeria-interna img { 
		border-width: 0.2vmax;
	}
	.produto ul {		
		padding-left: 5vh;
		list-style: disc;
	}
	.produto li {
		margin: 0 !important;
		padding: 0;
		display: list-item;
		max-width: 100%;
		text-align: left;
	}
	.produto-pesquisa{
		width: 100%;
	}
	[class*="galeria-home"] {
		margin-top: 0;
		margin-bottom: 0;	
		padding: 0;
	}
	[class*="galeria-home"] > .col-3 {
		width: 50vw !important;		
		margin-top: 0.5vmax;
		margin-bottom: 0;	
		padding-left: 0.3vmax !important;
		padding-right: 0.3vmax !important;
	}
	.veja-mais a {
		font-size: 1.2rem;
	}
	.newsletter .cadastro {
		padding-top: 7vh;
	}
	.newsletter form {
		margin-top: 2vh;
	}
	.newsletter .campos {
		width: 95%;
		border-width: 0.5vmax;
		font-size: unset;
	}
	.newsletter .botao {
		margin-top: 1vh;
		width: 18vw;
	}
	.newsletter .cadastro h3{
		font-size: 1.3rem;
	}
	.contato > div {
		padding: 0 1.6vh 0 1.6vh;
	}
	.contato tr {
		padding-top: 2vh;
		display: block;
	}
	.contato td {
		padding: 0;
		display: block;
		text-align: left;
	}
	.contato .campos {
		padding: 2vmax;
		border: 0.2vmax solid #909090;
		width: 90%;
	}
	.contato .botao {
		padding: 2vmax;
		min-width: 15vw;
		font-size: 1.2rem;
		border-radius: 0;
	}
	.contato .whatsapp-button{
		width: 25vmax;
	}
	.video-home h3{
		margin-top: 4vh;
	}
	.video-home video{
		width: 100%;
		height: auto;
	}
	.foot > div {
		padding: 3vh 2vh 0 2vh;
		min-height: 50vh;
		text-align: center;
	}
	.foot > div p {
		margin-bottom: 1vh;
	}
	.foot > div .sobre {
		font-size: unset;
	}
	.foot > div .foot-logo {
		height: 14vmax;
	}
	.foot .whatsapp-icon {
		width: 3vmax;
		height: 3vmax;
	}
	.foot > div .social img {
		margin: 0 1vh 0 0;
		width: 4vmax;
		height: 4vmax;
	}
	.foot > div .foot-contact-button {
		margin: 2.5vh auto;
		padding: 3vmin 0;
	}
	.foot > div ul {	
		text-align: center;
	}
	.contato-float {
		display: none;
	}
	.copyright {
		height: auto;
		line-height: unset;
		font-size: 0.7rem;
	}
	#gototop {
		z-index: 2;
		display: none;
		position: fixed;
		top: 0.5vh;
		right: 8vh;
		width: 2rem;
		height: 2rem;
		background-color: white;
		border-radius: 50%;
		background-image: url('/images/ico_gototop.png');
		background-repeat: no-repeat;
		background-position:center;
		background-size: 85%;
		border: 0.1rem solid lightGray;
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) { /* Default w3c: 769x992 e 993x1200*/
	.veja-mais a {
		font-size: 1.5rem;
	}	
	.newsletter .campos {
		width: 70vw;
		font-size: 1.5rem;
	}
	.galeria-interna > div {
		width: 50%;
	}
	.produto .galeria-interna > div { 
		width: 33.33% !important;
	}
	.produto-pesquisa{
		width: 50%;
	}
	.foot > div {
		padding: 3vh 3vh 0 3vh;	
		font-size: 0.9rem;
	}
	.foot > div .links {
		line-height: 4vh;
	}
	.contato-float {
		height: 5vh;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1440px) and (orientation: landscape) {
	.newsletter .campos {
		width: 70vw;
	}
	.produto .galeria-interna > div { 
		width: 25% !important;
	}
	.contato-float {
		height: 5vh;
	}
}

@media screen and (min-width: 768px) and (orientation: portrait) {
	.produto .galeria-interna > div { 
		width: 50% !important;
	}
	.galeria-image span{
		bottom: 0.vh;
		right: 0.5vw;
		font-size: 0.8rem;	
		text-align: left;
	}
	.galeria-image span:nth-child(2) {
		bottom: 1.2vh;
		font-size: 1rem;
	}
	.newsletter {
		height: 30vh;
		padding: 0 1vh;
	}
	.newsletter .cadastro {
		padding-top: 4vh;
	}
	.newsletter .campos {
		width: 75%;
	}
	.newsletter .botao {
		width: 12vw;
	}
	.contato .campos {
		width: 25vw;
	}
	.contato .whatsapp-button{
		width: 20vw;
	}
	.foot .col-m-3{
		width: 50% !important;
	}
	.foot .desktop.col-m-3{
		display: none;
	}
	.produto-pesquisa{
		width: 50%;
	}
}

/*
-- Solução para dispositivos android que ao aparecer o teclado muda a orientação do dispositivo
no lugar de "(orientation: landscape)" fica "(min-aspect-ratio: 13/9)"
no lugar de "(orientation: portrait)" fica "(max-aspect-ratio: 13/9)"
*/
@media screen and (min-width: 1px) and (max-width: 767px) and (min-aspect-ratio: 13/9) {
	.galeria-interna > div {
		width: 50% !important;
		padding: 0.8vh;
	}
	.produto .galeria-interna > div {
		width: 50% !important;
	}
	.botao-produto .box {
		padding-bottom: 25%;
	}
	.botao-produto .mobile.col-3 .box {
		padding-bottom: 50%;
	}
	.newsletter .campos {
		width: 60%;
	}
	.contato tr {
		display: table-row;
	}
	.contato td {
		padding: 0.5vmax;
		display: table-cell;
	}
	.contato td:nth-child(1) {
		text-align: right;
	}
	[class*="galeria-home"] > div a {
		padding-bottom: 35%;
	}
	[class*="galeria-home"] .box .image {
		background-size: auto 140%;
	}
	.logistica .col-m-5{
		width: 50% !important;	
		margin-bottom: 3vh;
	}
	.produto-pesquisa{
		width: 50%;
	}
}

/* Internet Explorer 10 e 11 */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	a ,
	a:link ,
	a:active ,
	a:visited{
		color: inherit;
	} 
	.menu_bg {
		position: relative;
	}
}

/* Safari - evitar zoom automatico - onFocus input */
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) { 
	select,  
	textarea, 
	input { 
	  font-size: 16px !important;
	}
}