@charset "utf-8";

#loja { float: left; width: 100%; min-height: 550px;}

#loja .movimento { position: relative;}
#loja .movimento .slides { position: relative; z-index: 1;}
#loja .movimento .slides, .slides > li, .flex-control-nav { float: left; width: 100%; margin: 0; padding: 0; list-style: none;}
#loja .movimento .slides > li { display: none;}
#loja .movimento .slides > li img { float: left; width: 100%;}

#loja .carousel { position: relative;}
#loja .carousel .owl { float: left; width: 100%; position: relative;}
#loja .carousel .owl-carousel { float: left; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none; }
#loja .carousel .owl-carousel.owl-loaded { display: block;}
#loja .carousel .owl-carousel.owl-loading { opacity: 0; display: block;}
#loja .carousel .owl-stage-outer { display: flex; position: relative; overflow: hidden;}
#loja .carousel .owl-stage { display: flex;}
#loja .carousel .owl-item { display: flex; float: left; position: relative; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
#loja .carousel .owl-nav { position: absolute; width: 100%; top: 50%; left: 0; margin: -15px 0 0 0;}
#loja .carousel .owl-nav button { position: absolute; width: 30px; height: 30px; top: 0; opacity: 0.7; background-position: 50%; background-repeat: no-repeat; background-color: transparent; cursor: pointer; outline: 0; border: 0; font-size: 0;}
#loja .carousel .owl-nav button.owl-prev { left: -40px;}
#loja .carousel .owl-nav button.owl-next { right: -40px;}
#loja .carousel .owl-nav button:hover { opacity: 1;}
#loja .carousel .owl-nav button:hover { opacity: 0.3; cursor: default;}
#loja .carousel .owl-nav.disabled button:hover { opacity: 0.3;}
#loja .carousel .owl-dots { display: none;}
#loja .carousel .no-js .owl-carousel { display: block;}

#loja .pedzap { z-index: 5;}
#loja .pedzap .posiciona { align-items: center;}
#loja .pedzap .conteudo { margin: 0 0 21px;}
#loja .pedzap .infor { font-size: 1.1em;}
#loja .pedzap .enviar { padding: 30px 20px 30px 45px; background-image: url('../../imagens/loja/zap-mini.png'); background-position: 15px 50%; background-repeat: no-repeat; font-size: 1.2em;}
#loja .pedzap .fechar { align-items: center; justify-content: center; font-size: 1.2em;}

#loja .erro404 { float: left; width: 100%; padding: 41px 0 61px; position: relative;}
#loja .erro404 .nome { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 5em; line-height: 1;}
#loja .erro404 .numero { float: left; width: 100%; margin: 20px 0; text-align: center; font-size: 12em;}
#loja .erro404 .numero b { padding: 0 20px; outline: 2px solid rgb(150 150 150);}
#loja .erro404 .infor { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; line-height: 1;}

#loja .embreve { float: left; width: 100%; padding: 100px 0; text-align: center; font-size: 1.1em; opacity: 0.7;}

@media only screen and (max-width: 1000px){
  #loja .carousel .owl-nav button { display: none;}
}
@media only screen and (max-width: 500px){
  #loja .erro404 .nome { font-size: 4em;}
  #loja .erro404 .numero { font-size: 6em;}
  #loja .erro404 .infor { font-size: 1em;}
}