.animate {transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.clear {clear: both;}
#mobile {display: none;}
.clearfix {overflow: auto;zoom: 1;}
.left {float: left;}
.right {float: right;}
.row {position: relative;}
.center {
  text-align: center!important;
}
.hide {display: block!important;}
small.center {
  text-align: center!important;
}

html {
overflow-x: hidden;
}

body {
  min-height: 1000px;
  background: #fff;
}

a, a:hover {
  text-decoration: none;
}

.mobile {display: none!important;}
.vnormal {display: block!important;}


.affix {
      z-index: 9999;top: 0;
  }

.calculates-height {
  margin-top: 90px;
}


/*MODAL - topo.php*/

.modal {
  top:160px;
  text-align: center;
}

.modal .close {
  float: right;
  text-align: right;
  width: 10%
}

#boxvendas {
  top:160px; 
}

#boxvendas .modal-content {
  background: #fff;
}
#boxvendas .modal-body {
  width: 100%;
}

#boxvendas h2 {
font-size: 25px;
text-align: left;
margin: 0 0 5px 0;
}

#boxvendas h3 {
color: #777;
font-size: 20px;
text-align: center;
margin: 25px;
font-weight: 400;
}

#boxvendas ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center!important

}

#boxvendas ul li {
  text-align: center!important;
}

#boxvendas ul li a {
  display: block;
  width: 32.1%;
  margin: 0 .3%;
  float: left;
  border-radius: 5px;
  background: #e81515;
  color: #fff;
  padding: 20px 10px;
  list-style: none;
  margin-bottom: 1px;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
}

#boxvendas ul li a:hover {
  background: #fbd431;
  color: #e81515;

}

#boxvendas ul li a span {
  display: block;
  font-size: 13.3px;
  font-weight: 400; 

}

#boxvendas .close{
  color: #215b77!important;
  font-size: 30px;
  margin: 15px;
  position: relative;
  z-index: 2;  
}

#boxvendas ul li a i {
  display: block;
  font-size: 40px;
  color: #fbd431;
}
#boxvendas ul li a:hover i {
  color: #e81515;
}


#boxvendas a {text-decoration: none;}



/*topo*/

header {
  position: relative;
  background: url(../images/bg-topo.jpg) repeat-x #fff;  
  z-index: 999;
  width: 100%;
  height: 118px;
  padding: 0;
  margin: 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);  
}


.simbol {
  position: absolute;
/*  display: none;*/
  margin-left: 5px;
  top: 10px;
  left: 20%;
  height: auto;
  transition: -webkit-transition: top .5s ease; -moz-transition: top .5s ease; -o-transition: top .5s ease; -ms-transition: top .5s ease; transition: top .5s ease;
}

.simbol img {
  width: 100%;
}


.simbol:hover {
  top: 13px;
}



.infotopo {
  position: absolute;
  width: 100%;
  display: block;
  height: 80px;
}

.infotopo form {
  width: 100%;
  margin-top: 20px;
}

.infotopo form label {
  width: 81%;
}

.infotopo form input {
  width: 100%;
  padding: 12px;
  background: #eee;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  border: none;
}

.infotopo form input.btn {
  width: 16%;
  padding: 10px;
  background: #e81515;
  color: #fff;
  margin-top: -4px;
}

.infotopo form input.btn:hover {
  background: #757a7a;
}


.infotopo .televendas {
  position: absolute;
  right: 25%;
  top: 0;
  background: #fbd431;
  border-bottom: 5px solid #e81515;
  padding: 14px 10px;
}

.infotopo .televendas:hover {
  box-shadow:inset 0 100px 0 0 #eee;
  top:-4px;
}

.infotopo .whats {
  position: relative;
  right: 0;
  top: 20px;
  color: #cb252e;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}

.infotopo .whats span {
  font-size: 16px;
}

.infotopo .whats i {
  font-size: 20px;
  color: #0dc143!important;
  vertical-align: middle;
  margin-top: -4px;
}

.infotopo .chat {
  position: relative;
  left: 50%;
  margin-left: -45px;
  top: 0;
}

.infotopo .chat a {
  background: #eee;
  padding: 10px 20px;
  height: 82px;
  display: block;
  color: #e81515;
  width: 90px;
  text-align: center!important;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;

}

.infotopo .chat a:hover {
  background: #ccc;
}

.infotopo .chat a span {
  font-size: 14px;
  display: block;
}

.infotopo .chat i {
  font-size: 30px;
  display: block;
  color: #e81515;
}







/*menu*/
#menumobile {display: none;}

.menu ul {
  height: 37px;
  width: 100%;
  top: 81px;
  position: absolute;
  margin: 0;
  padding: 0;
}

.menu ul li {
  list-style: none;

}

.menu ul li a {
  float: left;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  display: block;
  padding: 7.5px 0;
  width: 14%;  
  margin: 0px;
  text-align: center;
}

.menu ul li.redes a {
  width: 5%!important;  
  font-size: 18px;
  padding: 4.5px 0;
}

.menu ul li.maior a {
  width: 20%!important;  
}

.menu ul li a.active, .menu ul li a:hover {
  color: #c30015;  background: #eee;
}




.dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 20%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    left: 42%;
    top: 35px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.menu ul li .dropdown-content a {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400!important;
  color: #0C7DAD;
  display: block;
  padding: 10px 5px;
  width: 100%!important;
  clear: both!important;
  text-align: left!important;
}

.menu ul li .dropdown-content a:hover {
  text-decoration: underline;  background: none!important;
}




/*SUBMENU PRODUTOS*/

.dropdown-content-produtos {
    display: none;
    position: absolute;
    background: #fff;
    border-top: none!important;
    border: 1px solid #e81515;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    padding: 0 16px 12px 16px;
    z-index: 1;
    left: 0;
    top: 36px;
    height: 550px;
}

.dropdown:hover .dropdown-content-produtos {
    display: block;
}

/*.menu ul li .dropdown-content-produtos a {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700!important;
  color: #e81515;
  display: block;
  padding: 10px 5px;
  width: 100%!important;
  clear: both!important;
  text-align: left!important;
}

.menu ul li .dropdown-content-produtos a:hover {
  color: #940313;  background: none!important;
}
*/

.cat {

}


.cat ul {
  font-family: Arial, Trebuchet MS, Helvetica, sans-serif!important;
  list-style: none;
  padding: 0;
  margin: 0;
  top: 20px;
  height: auto!important;
  color: #000;
  text-transform: inherit!important;
  width: 23%;
  float: left!important;
  position: relative;
  border-right: 1px solid #ccc;
  margin-right: 2%;
  font-size: 11px!important;  
}

.cat ul li {
  padding: 4px 2px;
  margin:0;
  overflow:hidden;
  cursor: pointer;
  color: #0C7DAD;
}


.cat ul ul {
  padding: 0;
  display: block;
  clear: both;
  position: relative!important;
  height: auto;
  width: 90%;
  padding: 4px 0 2px 10px ;
  background: #f1f1f1;
  margin-top: -20px;

  margin-bottom: 20px;
  line-height: 1em;
  border-right: none!important;  
}

.cat ul ul li  {
  position: relative!important;
  z-index: 9999;
  padding:0;
  width: 100%;
}

.cat ul ul li a {
  font-size: 11px!important;
  color: #0C7DAD;
  height: auto!important;
  min-height: 20px;
    padding-left: 15px;
    background: url(../images/seta.png) no-repeat;
    background-position: 0px 5px;  

    font-weight: normal;
}


.cat ul li a {
	font-size: 11px!important;
  padding: 2px 0 0 10px;
  color: #0C7DAD;
  width: 100%;  
  height: 20px;
  text-align: left;
      background: url(../images/seta.png) no-repeat;
    background-position: 0px 5px;  
    font-weight: bold;
}

.cat ul a, .cat ul div{
  color: #0C7DAD;
  font-size: 15px;
  display: block;
  line-height: 1em;
  font-weight: 400;
    height: 22px;
  /*margin-bottom: 10px*/;
  transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;
}

.cat ul a:hover, .cat ul div:hover{
  color: #0a5c82;
}

.cat ul li a.active, .cat ul li a:hover {
  color: #0a5c82!important;     background: url(../images/seta.png) no-repeat;background-position: 0px 5px; 
     text-decoration: underline;
}


/*categorias BKP 24-01*/
/*
.cat {
  width: 19%;
  background: #e81515;
  padding: 15px;
  margin-right: 1%;
  float: left;
}

.cat ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cat ul li {
  padding: 0;
  margin:0;
  overflow:hidden;
  cursor: pointer;
}

.cat ul ul {
  padding: 0;
}

.cat ul ul li a {
  font-size: 13px;
  color: #ccc;
}

.cat ul li a {
  padding: 0 0 0 20px;
}

.cat ul a, .cat ul div{
  color: #fff;
  font-size: 15px;
  display: block;
  line-height: 1.2em;
  font-weight: 400;
  margin-bottom: 10px;
  transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;
}

.cat ul a:hover, .cat ul div:hover{
  color: #fbd431;
  margin-left: 5px;
}

.cat ul ul a:hover, .cat ul ul div:hover{
  margin-left: 0;
}
*/

/*produtos*/

.produto {
  width: 23.125%;
  float: left;
  margin-bottom: 10px;
  margin-right: 2.5%;
}

.produto:nth-child(4n+1) {
  margin-right: 0!important;
}

.produto figure {
  width: 100%;
  height: 255px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.produto figure img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.produto:hover img {
    -ms-transform: scale(0.9, 0.9); /* IE 9 */
    -webkit-transform: scale(0.9, 0.9); /* Safari */
    transform: scale(0.9, 0.9);
}

.produto .info a {
  height: 95px;
  background: #eee;
  display: block;
  color: #000;
  padding: 12px;
  text-align: center;
}

.produto .info a:hover, .produto:hover .info a {
  background: #dddbda;
  color: #000;
}

.produto .info a h3 {
  height: 50px;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 12px;  
  margin: 0 0 10px 0;
  overflow: hidden;
}
.produto .info a p {
  font-size: 12px;  
  margin: 0;  
}


/*div para conteúdo das paginas internas*/
.about {
padding: 20px 45px;
}
/*---*/

.about .info-prod {
  width: 55%;
  float: left;
  margin-right: 5%  
}

.about img {
  width: 40%;
  float: right;
}

.about img.inherit {
  width: auto!important;
  float: right;
}

.about img.total {
  width: 100%!important;
  clear: both;
  margin-bottom: 20px;
}

.about h3 {
  font-size: 30px;
  color: #e81515;
  font-weight: 700;  
}

.about h4 {
  margin-top: 30px;
  font-size: 18px;
  color: #e81515;
  font-weight: 400;  
  text-transform: uppercase;
  border-bottom: 1px dotted #e81515;
}

.about p span {
  font-weight: 700;
}

.about a {
  color: #e81515;
  text-decoration: underline;
}

.about a:hover {
  color: #990c0f;
  text-decoration: underline;
}

/*paginação*/

.pag {
  list-style: none;
  text-align: center;
  clear: both;
  padding: 50px 0 0 0;
  margin: 0;
}

.pag li {
  float: left;
}

.pag li a{
  display: block;
  padding: 5px 15px;
  background: #fbd431;
  margin-right: 5px;
  color: #e81515;
  font-weight: 600;
}

.pag .active a {
  background: #e81515;
  color: #fff;  
}


.pag li a:hover{
  background: #e81515;
  color: #fff;
}






/*comum*/

.dest {
  width: 100%;
  float: right;
  position: relative;
}

.dest h2 {
  width: 100%;
}

.dest img.catalogo {
  width: 100%;
  float: right;
  margin-top: 20px;
}

h2 {
  background: #eee;
  padding: 20px;
  color: #e81515;
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 30px 0;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
}

h2 a {
color: #e81515;
text-decoration: underline;
}

h2 a:hover {
color: #990c0f;
text-decoration: underline;
}

h2 span {
  font-weight: 700;
}

h2::after {
  content: "";
  width: 49px;
  height: 24px;
  background: url(../images/seta2.png) no-repeat;
  position: absolute;
  top: 66px;
  left: 20px;
}


.main {
/*  display: none;*/
}


/*verificar uso*/

.cont {
  margin-top: 10px;
}

.cont p {
  font-size: 16px;
  line-height: 1.5em;
}

h5 {
  color: #005779;
  font-size: 24px;
  line-height: 1em;
  margin-top: 0px;
}


/*box cinza de base - verificar uso*/

.base {
  background: #ececec;
  padding: 20px!important;
  margin-bottom: 20px;
}

.base h3 {
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 15px 0!important;
  color: #e81515;
  border-bottom: 1px solid #e81515;
  line-height: 1em;
}

.base p {
  color: #5e5e5e;
}

.base ul {
  padding: 0;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  list-style: square inside;
  color: #5e5e5e;
}

.base ul.tipo2 {
  padding: 0;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 500;
}

.base ul.tipo2 li{
  list-style: none;
}


.base .align {
  margin: 0 25px;
  float: left;
}








/*newsletter*/

.newsletter {
  /*display: none;*/
  background: #fbd431;
  padding: 15px 0;
  margin: 0;
  color: #d72120;
  height: 80px;
  position: relative;
}

.newsletter .container {
  padding: 0 70px;
}

.newsletter i {
  font-size: 49px;
  float: left;
  margin-right: 10px;
}

.newsletter h3 {
  margin: 4px 0 0 0;
  font-size: 23px;
  font-weight: 700;
}

.newsletter h4 {
  margin: 3px 0 0 0;
  font-size: 13.6px;
  font-weight: 700;  
}

.newsletter form {
  margin-top: 7px;
}

.newsletter form label {
  width: 44%;
}

.newsletter form input{
  width: 100%;
  padding: 10px;
  border: none;
  color: #878787;
  font-size: 15px;
  font-weight: 400;
}

.newsletter form input.btn{
  width: 7%;
  background: #e81515;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 9px;
  margin-top: -1px;
}

.newsletter form input.btn:hover{
  background: #757a7a;
}

.newsletter .icon {
  position: relative;
  top: -26px;
  right: -68px;
  z-index: 1;
}

.newsletter:hover .icon {
  right: -80px;  
}
#respostanews {
  position: absolute;
  width: 400px;
  left: 50%;
  margin-left: -200px;
  text-align: center;
  top: -14px;
  font-size: 12px;
}




/*fornecedores*/

.fornecedores {
  /*display: none;*/
background: #eee;
padding: 60px 0;
margin: 30px 0 0 0;
}

.fornecedores h3 {
  color: #e81515;
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 30px 0;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
}

.fornecedores .box {
  position: relative;
background: #fff;
padding: 40px;
height: 170px;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);  
}

.fornecedores .box img {
  transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;
  width: 190px;
  height: auto;
}

.fornecedores .box img:hover {
  margin-top: 8px;
}


/*carrosel*/
#jssor_1 {
  position: absolute;
  margin: 0 auto;
  top: 10px;
  left: 10px;
  width: 1140px;
  height: 150px;
  overflow: hidden;
  visibility: hidden;
}


/*setas carrossel*/
      .jssora03l, .jssora03r {
          display: block;
          position: absolute;
          /* size of arrow element */
          width: 55px;
          height: 55px;
          cursor: pointer;
          background: url('../images/img/a03.png') no-repeat #eee;
          overflow: hidden;
          border-radius: 100%;
          opacity: .8;
      }
      .jssora03l { background-position: -3px -33px; top:95px;left:0;}
      .jssora03r { background-position: -63px -33px; top:95px;right:0;}
      .jssora03l:hover { background-position: -123px -33px; }
      .jssora03r:hover { background-position: -183px -33px; }
      .jssora03l.jssora03ldn { background-position: -243px -33px; }
      .jssora03r.jssora03rdn { background-position: -303px -33px; }
      .jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
      .jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }







/* banners laterais*/

.lateral-a {
  margin-top: 10px;  
  max-height: 358px;
  overflow: hidden;
}

.lateral-a img {
  width: 100%!important;
}

.lateral-b {
}

.lateral-b img {
  width: 100%!important;
  margin-bottom: 10px;
}

.lateral-a a, .lateral-b a {
  cursor: pointer;
}

.face-box {padding: 10px 0;overflow: hidden;width: 100%;margin: 0;}



/*banner popup*/

#bannerser{
display:block;
z-index: 999;
position:fixed;
width:2000px;
height: 2000px;
background: url(../images/black-50.png) repeat;
left:50%;
top:50%;
margin-left:-1000px;
margin-top:-1000px;
}

#bannerser .centro{
width:600px;
height: 576px;
background:none;border-radius: 30px;
margin-left: -300px;
left:50%;
margin-top: -288px;
top:50%;
position: absolute;
}

#bannerser #fechar{position: absolute;top:50%;margin-top:-315px;margin-left:300px;left:50%;width:20px; z-index:999999999;}
#bannerser #fechar a{color:#fff;text-decoration: none;background: #da0812;padding:0 5px;font-size: 25px;font-weight: 300;border-radius: 10px;}




/*banner home*/

.featured {
  position: relative;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  z-index: 1;
  margin-bottom: 10px;
  overflow:hidden;
  max-height: 368px!important;
  overflow: hidden;
}

.featured #slider {

}

.featured img.rsImg {
  width: 100%;
}


/*

.rsABlock {
  left: 0px;
  top: 146px;
  position: absolute;
  z-index: 15;
  width: 500px;
}


.rsABlock h4 {
  font-size: 90px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #fff;
  line-height: 1.0em;
  margin-left: 132px;
}

.rsABlock p {
  font-size: 36px;
  font-weight: 300;
  background: url(../images/chanfro.png) no-repeat center top;
  color: #fff;
  width: 750px;
  height: 75px;
  text-align: left;
  padding: 10px 30px 0 137px;
  position: relative;
  line-height: 1em;
}

.rsABlock a h4:hover {
  color: #03deb9!important;
}

.rsABlock a p:hover {
  color: #ffe466!important;
}

.rsABlock span {
  font-family: 'Dancing Script'!important;
  font-size: 65px;
  font-weight: 400;
  display: inline;
}

.rsABlock .arrow {
  color: #ffe466;
  font-size: 36px;
  font-weight: 400;
  position: absolute;
  right: 8px;
  top: -11px;
  padding: 0;
  margin: 0;
  background: none!important;
}

.rsABlock .arrow:hover{
  color: #fff!important;
}
*/




/*banner internas*/

/*.featured-int {
  position: relative;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  z-index: 1;
  margin-bottom: 10px;
}

.featured-int #slider, .featured-int #slider-mobile{
  height: 100px;
  overflow: hidden;  
}

.featured-int img.rsImg {
  width: 100%;
}

.featured-int .rsABlock, .featured-int .rsBullets {
  display: none!important;
}
*/








/*botão*/

.btn a {
  font-size: 19px;
  color: #fff;
  background: #e81515;
  line-height: 1em;
  font-weight: 300;
  padding: 15px 30px;
  border-radius: 30px;
  width: 150px;
  margin: 0 auto;
  position: relative;
  z-index: 2;    
}

.btn a:hover {
  background: #03deb9!important;
  color: #045d4e!important;
}

.btn a:hover i {
  color: #045d4e;
}










/*form*/


form.padrao fieldset {
  border: none;
  padding: 0;
  background: #eee;
  padding: 30px 30px 10px 30px;
}

form.padrao label {
  width: 100%;
  color: #e81515;
}

form.padrao label.tipo2 {
  width: 50%;
  float: left;
  color: #e81515;
}


form.padrao label input {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;  
  border: none;
  background: #fff;
  color: #333;
  font-weight: 400;
}

form.padrao label select {
  width: 100%;
  padding: 9px;
  margin-bottom: 10px;  
  border: 1px solid #ccc;
  background: #fff;
  opacity: .8;
  color: #333;
  font-weight: 400;  
}


form.padrao label textarea {
  width: 100%;
  padding: 10px;
  height: 100px;  
  margin-bottom: 10px;  
  border: 1px solid #ccc;
  background: #fff;
  opacity: .8;
}

.border {
  border-right: none;
}

form.padrao .btn {
  width: 30%;
  float: right;
  background: #e81515;
  padding: 10px 50px;
  border: none;
  margin-top: 20px;
  color: #fff;
}

form.padrao .btn:hover {
  background: #757a7a;
  color: #fff;
}

form.padrao .tocheckbox {
  font-weight: 400;
  width: 100%;
  text-align: center;
}






/*footer*/


footer {
  height: 245px;
  position: relative;
  background: #757a7a;
  padding-top: 50px;
  color: #fff;  
}

footer h3 i {
  color: #989a9a!important;
  font-size: 30px;
}

footer h3 {
  font-size: 28px;
  font-weight: 400;
  margin-top: 0;
}

footer h3 span {
  font-size: 18px;
}

footer h4 {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  color: #dddbda;
}


footer p {
  font-size: 13px;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 50%;
  float: left;
}


footer li {
  font-size: 16px;
  line-height: 1.58em;
}

footer li span {
  font-size: 12px;
  color: #bbbbbb;
}

footer .rig  {
  margin: 0;
  padding: 0;
  width: 50%;
  float: right;
}

footer small {
  display: block;
  margin-top: 30px;
  color: #bbbbbb;
  font-style: italic;
}


footer .whats i {
  color:#0dc143!important;
}





@media (max-width: 390px) { 


}

@media (max-width: 450px) { 


}


@media (min-width: 500px) and (max-width: 767px) {

.produto {   width: 33%!important;margin-right: 0.5%!important;margin-left: 0!important;}

.produto:nth-child(3n+1) {
  margin-right: 0!important;
}
.produto:nth-child(4n+1) {
  margin-right: 0.5%!important;
}

#bannerser {display: none;!background-image: }




}



/* xs - Extra small devices (phones) */
@media (max-width: 767px) { 



html, body {overflow-x: hidden;} 

.mobile {display: block!important;}
.vnormal {display: none!important;}
.hide {display: none!important;}


header {height: 150px;background: none;}
.simbol {z-index: 10;}
footer {height: auto;padding-bottom: 20px;}
#nuvon-anim    {display: none;}
.menu {display: none;}
#menumobile {position: absolute;display: block;right: 20px;height: 27px;top: 25px;width: 26px;text-align: right;}
#menumobile p {margin: 0;}
#menumobile span {position: absolute;height: 3px;left: 0;background: #e81515;width: 26px;}
#menumobile span:nth-of-type(1) {top: 5px;}
#menumobile span:nth-of-type(2) {top: 12px;}
#menumobile span:nth-of-type(3) {top: 19px;}
#menumobile select {cursor: pointer;position: absolute;top: 0; left: 0;  width: 100%;  height: 100%;  opacity: 0;  -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  -o-appearance: none;  appearance: none;}

.mobile .featured {position: relative;width: 768px;height:280px;left: 50%;margin-left: -384px;z-index: 1;}
.mobile .featured #slider-mobile {width: 768px;height: 280px;}
.mobile .featured #slider-mobile img {width: auto!important;height: 280px!important;margin-left: -150px;}


.infotopo form { width: 90%; margin-top: 85px; margin-left: 5%;}
.infotopo form label {width: 75%;}
.infotopo form input.btn {width: 20%;font-size: 14px;}
.infotopo .televendas,.infotopo .whats, .cat, .fornecedores {display: none!important;}

.dest {  width: 100%;  }
.dest h2 {  font-size: 12px;}
.produto {   width: 90%;margin-left: 5%;}
.produto img {width: 80%!important;margin-left: 10%!important; }
.dest h2::after {display: none;}

.about {padding: 10px;}
.about img {  width: 100%;}
.about .info-prod {  width: 100%;}
form.padrao label.tipo2 { width: 100%;}
form.padrao .btn {  padding: 10px ;}

.newsletter {  height: 140px;}
.newsletter .container {  padding: 0 20px;}
.newsletter form label {  width: 40%;}
.newsletter form input.btn{  width: 15%;}

.pag li {  margin-bottom: 10px;}


#bannerser .centro img{width:300px!important;}
#bannerser .centro {margin-left: -150px;left:50%;top:55%!important;}
#bannerser #fechar{position:fixed;top:20px!important;margin-top:0!important;margin-left:0!important;right:20px!important;}




}



/* sm - Small devices (tablets) */
@media (min-width: 768px) and (max-width: 991px) {

.simbol {  left: 3%!important; }

.infotopo .whats {
  right: 15px;
}

.infotopo .televendas {
  right: 10%;
 }

.infotopo form input.btn {
  padding-right: 3px!important;
  padding-left: 3px!important;
  font-size: 9px!important;
}

.menu ul li a {
  font-size: 14px;
}

.hide {display: none!important;}
html, body {overflow-x: hidden;} 

.fornecedores .box img {
  width: 175px!important;
}

.cat ul li a, .cat ul li div, .cat ul ul li a {
  font-size: 11px!important;
}

.cat {
  padding: 8px;

}

.rsMinW .rsArrowLeft { left: 88%!important;  top: 215px!important;}
.rsMinW .rsArrowRight { right: 2px!important; top: 215px!important;}


.infotopo form input.btn {
  font-size: 12px;
  padding: 13px;
}

.newsletter form input.btn{
  font-size: 10px;
  padding: 12px 4px;
}

footer h3 {
  font-size: 18px;
}



/*.simbol{background: url(../images/logo.png) no-repeat;width: 100px;height: 118px;margin-left: 13px;top: 14px;}
.simbol:hover{top: 18px;}
.menu ul li a {padding: 14px 5px;}
*/


 }





/* md - Medium devices (desktops) */
@media (min-width: 992px) and (max-width: 1199px) { 


html, body {overflow-x: hidden;} 
.fornecedores .box img {
  width: 175px!important;
}

.cat ul li a, .cat ul li div, .cat ul ul li a {
  font-size: 11px!important;
}

.cat {
  padding: 8px;

}





 }






/* lg - Large devices (large desktops) */
@media (min-width: 1200px) { 





 }


 .whatsapp {
    z-index: 999;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
}

.notifica {
    filter: alpha(opacity=0);
    position: absolute;
    float: right;
    animation: pulse 0.2s 1;
    animation-delay: 10s;
}