body,
span,
p,
form,
img,
a,
input,
select,
textarea,
html,
figure,
header,
footer,
article,
section,
iframe {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
figure {
  display: inline;
}
ul,
ol,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.titulo1,
.titulo2,
.titulo3,
.titulo4 {
  margin: 0;
  padding: 0;
  line-height: normal;
  font-weight: normal;
  font-family: fonte;
}
input,
textarea {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}
.spaceAfterCP,
.spaceBeforeCP {
  width: 100%;
}
/*Variaveis*/
/*HELPERS*/
.al {
  text-align: left;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.fw {
  font-weight: normal;
}
.cb {
  clear: both;
}
.cr {
  clear: right;
}
.cl {
  clear: left;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pf {
  position: fixed;
}
.db {
  display: block;
}
.dt {
  display: table;
}
.dib {
  display: inline-block;
}
.dn {
  display: none;
}
.ofx {
  overflow-x: hidden;
}
.ofy {
  overflow-y: hidden;
}
.ofh {
  overflow: hidden;
}
.center {
  width: 1170px;
  margin: 0 auto;
  display: table;
}
.first {
  padding-left: 0;
  margin-left: 0;
}
.last {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.full {
  width: 100%;
}
.box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*BLOCOS PADRAO*/
.bloco-1 {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.bloco-2 {
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.bloco-3 {
  width: 33.3%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.bloco-4 {
  width: 25%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.bloco-5 {
  width: 20%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*mixins*/
/*Modo 12 colunas*/
.col-1 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 73.125px;
}
.col-2 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 146.25px;
}
.col-3 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 219.375px;
}
.col-4 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 292.5px;
}
.col-5 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 365.625px;
}
.col-6 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 438.75px;
}
.col-7 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 511.875px;
}
.col-8 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 585px;
}
.col-9 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 658.125px;
}
.col-10 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 731.25px;
}
.col-11 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 804.375px;
}
.col-12 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 877.5px;
}
.col-13 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 950.625px;
}
.col-14 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 1023.75px;
}
.col-15 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 1096.875px;
}
.col-16 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 1170px;
}
/*Titulos*/
/*Blocos Flutuantes*/
/*Tamanho*/
@font-face {
  font-family: 'icomoon';
  src: url('../../fontes/icomoon.ttf?2cgk3b') format('truetype'), url('../../fontes/icomoon.woff?2cgk3b') format('woff'), url('../../icomoon.svg?2cgk3b#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-empresa2:before {
  content: "\e91a";
}
.icon-rote:before {
  content: "\e943";
}
.icon-heart:before {
  content: "\e944";
}
.icon-link:before {
  content: "\e945";
}
.icon-responsive:before {
  content: "\e946";
}
.icon-call:before {
  content: "\e948";
}
.icon-mail4:before {
  content: "\e987";
}
.icon-user3:before {
  content: "\e988";
}
.icon-gear:before {
  content: "\e989";
}
.icon-call02:before {
  content: "\e912";
}
.icon-call01:before {
  content: "\e913";
}
.icon-call03:before {
  content: "\e914";
}
.icon-users:before {
  content: "\e915";
}
.icon-phone05:before {
  content: "\e916";
}
.icon-phone24h:before {
  content: "\e917";
}
.icon-phone06:before {
  content: "\e918";
}
.icon-phone07:before {
  content: "\e941";
}
.icon-phone24h2:before {
  content: "\e942";
}
.icon-seta2:before {
  content: "\e911";
}
.icon-delivery:before {
  content: "\e90f";
}
.icon-store:before {
  content: "\e910";
}
.icon-trash:before {
  content: "\e900";
}
.icon-cart1:before {
  content: "\e901";
}
.icon-cart2:before {
  content: "\e902";
}
.icon-olho:before {
  content: "\e903";
}
.icon-atualizar:before {
  content: "\e904";
}
.icon-cadeado:before {
  content: "\e905";
}
.icon-whatsapp:before {
  content: "\e906";
}
.icon-gplus1:before {
  content: "\e907";
}
.icon-in:before {
  content: "\e908";
}
.icon-facebook:before {
  content: "\e909";
}
.icon-twitter:before {
  content: "\e90a";
}
.icon-youtube:before {
  content: "\e90b";
}
.icon-pinterest:before {
  content: "\e90c";
}
.icon-rss:before {
  content: "\e90d";
}
.icon-blog:before {
  content: "\e90e";
}
.icon-skype:before {
  content: "\e919";
}
.icon-instagram:before {
  content: "\e91b";
}
.icon-user:before {
  content: "\e91c";
}
.icon-user2:before {
  content: "\e91d";
}
.icon-help:before {
  content: "\e91e";
}
.icon-info:before {
  content: "\e91f";
}
.icon-send:before {
  content: "\e920";
}
.icon-email:before {
  content: "\e921";
}
.icon-arroba:before {
  content: "\e922";
}
.icon-mail2:before {
  content: "\e923";
}
.icon-chat2:before {
  content: "\e924";
}
.icon-pin2:before {
  content: "\e925";
}
.icon-mail3:before {
  content: "\e926";
}
.icon-empresa:before {
  content: "\e927";
}
.icon-pin:before {
  content: "\e928";
}
.icon-pin3:before {
  content: "\e929";
}
.icon-text:before {
  content: "\e92a";
}
.icon-text2:before {
  content: "\e92b";
}
.icon-phone:before {
  content: "\e92c";
}
.icon-phone2:before {
  content: "\e92d";
}
.icon-phone3:before {
  content: "\e92e";
}
.icon-phone4:before {
  content: "\e92f";
}
.icon-cel:before {
  content: "\e930";
}
.icon-clock:before {
  content: "\e931";
}
.icon-clock2:before {
  content: "\e932";
}
.icon-data:before {
  content: "\e933";
}
.icon-data2:before {
  content: "\e934";
}
.icon-download:before {
  content: "\e935";
}
.icon-lupa:before {
  content: "\e936";
}
.icon-lupa2:before {
  content: "\e937";
}
.icon-lista:before {
  content: "\e938";
}
.icon-lista2:before {
  content: "\e939";
}
.icon-chat:before {
  content: "\e93a";
}
.chat-80px:before {
  content: "\e93b";
}
.icon-chat3:before {
  content: "\e93c";
}
.icon-chat4:before {
  content: "\e93d";
}
.icon-chat5:before {
  content: "\e93e";
}
.icon-news:before {
  content: "\e93f";
}
.icon-seta:before {
  content: "\e940";
}
/*FONTE*/
@font-face {
  font-family: fonte;
  src: url('../../fontes/Avant.eot');
  src: url('../../fontes/Avant.eot?#iefix') format('embedded-opentype'), url('../../fontes/Avant.woff2') format('woff2'), url('../../fontes/Avant.woff') format('woff'), url('../../fontes/Avant.ttf') format('truetype'), url('../../fontes/Avant.svg#fonte') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  min-height: 100%;
}
/*TITULOS*/
h1 {
  color: #000;
  font-size: 35px;
}
h1 small {
  font-size: 18px;
  color: #000;
  display: table;
}
h2 {
  color: #000;
  font-size: 16px;
  margin-bottom: 15px;
}
h3 {
  color: #000;
  font-size: 18px;
}
h4 {
  color: #FA9F2D;
  font-size: 30px;
}
.titulo1 {
  display: inline-block;
  font-size: 25px;
  color: #002c53;
  margin-bottom: 5px;
}
.titulo2 {
  font-size: 18px;
  color: #FA9F2D;
}
.titulo3 {
  font-size: 16px;
  color: #FFCC29;
}
.titulo4 {
  font-size: 14px;
  color: #FA9F2D;
}
/*LINKS*/
a,
a:hover {
  color: #000;
  text-decoration: none;
}
#headerBlock {
  width: 100%;
  float: left;
  display: table;
}
.topo {
  width: 100%;
  float: left;
  background: url('../../images/fundo-site.jpg') repeat-y center;
  background-attachment: fixed;
  background-size: 100%;
}
.topo .redes {
  display: table;
  margin: 0 auto 0;
  float: none;
}
.topo-area .logo:after {
  display: none;
}
.p-bottom {
  width: 100%;
  float: left;
  background: #FFCC29;
  border-top: 1px solid #FA9F2D;
  border-bottom: 1px solid #FFE287;
}
.logo {
  float: left;
  display: block;
  width: 248px;
  height: 116px;
  background: url('../../images/logo.png') no-repeat center;
  background-size: 100%;
}
.logo:after {
  content: '';
  margin: 5px -122px 0 0;
  background: url('../../images/arabescos-site.png') no-repeat 0 0;
  width: 91px;
  height: 111px;
  float: right;
}
.telefone {
  font-family: fonte;
  float: right;
  font-size: 20px;
  padding-top: 29px;
}
.telefone a {
  cursor: default;
  color: #201E1E;
}
.telefone i {
  font-size: 27px;
  color: #201E1E;
  float: left;
  margin: 16px 7px 0 0;
}
.redes {
  float: right;
}
/*--CONFIGURACOES DO MENU PRINCIPAL--*/
.menu {
  float: right;
  margin-right: 22px;
}
.pmenu a {
  float: left;
  font-family: fonte;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  display: block;
  height: 51px;
  line-height: 51px;
  /*Personalizacao do menu*/
  color: #000;
  padding: 0 25px;
  font-size: 17px;
}
.pmenu li {
  float: left;
  position: relative;
  width: auto;
}
.pmenu li:hover > .psubmenu {
  display: block;
}
.pmenu li:hover > a,
.pmenu li.act_path a {
  background: #FA9F2D;
}
.pmenu .psubmenu {
  display: none;
  position: absolute;
  top: 57px;
  left: 0;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*Personalizacao do submenu*/
  background: #002C53;
  padding: 4px;
  width: 200px;
}
.pmenu .psubmenu li {
  width: 100%;
}
.pmenu .psubmenu a {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 45px;
  line-height: 45px;
  /*Personalizacao do link submenu*/
  font-size: 15px;
  color: #fff;
  padding: 0 10px;
}
.pmenu .psubmenu a:hover {
  background: #001e3a;
  color: #fff;
}
/*MENU FIXO (Deletar o grupos abaixo se o site n�o tiver menu fixo)*/
/*--CONFIGURACAO DO MENU FIXO--*/
.menu-fixo {
  width: 100%;
  display: table;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  top: -61px;
  left: 0;
}
.menu-fixo nav {
  float: right;
  margin: 10px 20px 0 0;
}
.menu-fixo .menu {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  margin: 0 auto;
  float: none;
  width: 1170px;
}
.menu-fixo .menu .pmenu a {
  color: #000;
  background: none !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
}
.menu-fixo .menu .pmenu a:hover,
.menu-fixo .menu .pmenu a .act_path a {
  background: #FA9F2D !important;
}
.menu-fixo .logo {
  width: 145px;
  height: 70px;
  margin: 0;
}
.menu-fixo .logo:after {
  display: none;
}
.menu-fixo aside {
  float: right;
  width: 180px;
}
.menu-fixo aside .telefone {
  padding: 7px 0 0;
  border-bottom: none;
}
.menu-fixo aside .telefone,
.menu-fixo aside .telefone a,
.menu-fixo aside .telefone i {
  color: #000;
}
.scroll-to-fixed-fixed {
  background: #FFCC29;
  border-bottom: 2px solid #ccc;
}
.scroll-to-fixed-fixed .menu {
  display: table;
  opacity: 1;
  filter: alpha(opacity=1);
}
.on.mascara {
  width: 100%;
  height: 100vh;
  position: fixed;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
/*----------------------------------------------------------------------------------------------------------------*/
/*-- INICIO DA CONFIGURACAO DO MENU RESPONSIVO--*/
@media only screen and (max-width: 1023px) {
  .botao-menu {
    position: relative;
    display: block;
    float: left;
    width: 28px;
    height: 21px;
    cursor: pointer;
    margin: 19px 13px 0 0;
    z-index: 5;
  }
  .botao-menu:before {
    width: 28px;
    height: 5px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    display: block;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    background: #222221;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: '';
  }
  .botao-menu:after {
    width: 28px;
    height: 5px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    display: block;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    background: #222221;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: '';
  }
  .botao-menu b {
    width: 28px;
    height: 5px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    display: block;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    background: #222221;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 0;
  }
  .botao-menu.on:before {
    transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    top: 9px;
    background: #3c3c3a;
  }
  .botao-menu.on:after {
    transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    background: #3c3c3a;
    top: 9px;
  }
  .botao-menu.on b {
    background: transparent;
    transform: translate(35px);
    -moz-transform: translate(35px);
    -webkit-transform: translate(35px);
    -ms-transform: translate(35px);
  }
  .menu {
    position: fixed;
    width: 260px;
    height: 100vh;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    top: 105px;
    left: -260px;
    z-index: 1500;
    margin: 0;
    background: #FFCC29;
  }
  #headerBlock.on .menu {
    left: 0;
  }
  .pmenu li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .pmenu a,
  .pmenu li:hover > a,
  .pmenu li.act_path a {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
    color: #fff;
    font-size: 15px;
  }
  .pmenu .psubmenu {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    position: relative;
    float: left;
    top: auto;
    left: auto;
    padding: 10px 0 35px 20px;
  }
  .pmenu .psubmenu li {
    border: none;
  }
  .pmenu .psubmenu a,
  .pmenu .psubmenu a:hover {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
  .menu-fixo {
    display: none !important;
  }
}
/* FIM DA CONFIGURACAO DO MENU RESPONSIVO*/
/*BANNER*/
.bx-viewport {
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  height: 0px;
}
.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  float: left;
  height: 377px;
  border-bottom: 4px solid #fff;
  /* Deletar essa linha caso o banner nao for fade */
}
.banner li {
  display: none;
  height: 377px;
}
.banner .link-banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.banner .bx-next,
.banner .bx-prev {
  display: block;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  opacity: 0.7;
  filter: alpha(opacity=0.7);
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.5);
}
.banner .bx-next {
  right: -70px;
}
.banner .bx-next:hover {
  opacity: 1;
  filter: alpha(opacity=1);
}
.banner .bx-next:after {
  display: block;
  width: 20px;
  height: 20px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  /*Seta*/
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin: 19px 13px 0;
}
.banner .bx-prev {
  left: -70px;
}
.banner .bx-prev:hover {
  opacity: 1;
  filter: alpha(opacity=1);
}
.banner .bx-prev:after {
  display: block;
  width: 20px;
  height: 20px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  /*Seta*/
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  margin: 19px 25px 0;
}
.banner:hover .bx-next {
  right: 30px;
}
.banner:hover .bx-prev {
  left: 30px;
}
.legenda-banner {
  float: left;
  text-align: right;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: fonte;
  font-size: 35px;
  color: #000;
  animation: legenda-banner ease-out 0.4s;
  -webkit-animation: legenda-banner ease-out 0.4s;
  -moz-animation: legenda-banner ease-out 0.4s;
  -ms-animation: legenda-banner ease-out 0.4s;
  width: 398px;
  line-height: 1.1;
  margin-top: 203px;
  padding: 14px 21px 17px 0;
  background: rgba(255, 255, 255, 0.65);
}
.legenda-banner:before {
  content: '';
  background: rgba(255, 255, 255, 0.65);
  width: 200%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -200%;
  z-index: 0;
}
@-moz-keyframes legenda-banner {
  0% {
    margin-left: -50px;
  }
  100% {
    margin-left: 00px;
  }
}
@-webkit-keyframes legenda-banner {
  0% {
    margin-left: -50px;
  }
  100% {
    margin-left: 00px;
  }
}
@-ms-keyframes legenda-banner {
  0% {
    margin-left: -50px;
  }
  100% {
    margin-left: 00px;
  }
}
@keyframes legenda-banner {
  0% {
    margin-left: -50px;
  }
  100% {
    margin-left: 00px;
  }
}
.bx-pager {
  position: absolute;
  bottom: 25px;
  right: 25px;
  z-index: 900;
}
.bx-pager a {
  display: block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  text-indent: -99999px;
  /*Cor*/
  background: #FFCC29;
  border: 2px solid #FFF;
}
.bx-pager a:hover {
  background: #ffd85c;
}
.bx-pager .active {
  background: #ffd85c;
}
.bx-pager-item {
  float: left;
}
/* CONFIGURACOES DO BX_SLIDER - NAO DELETAR */
.bx-next {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 999;
}
.bx-prev {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 30px;
  z-index: 999;
}
/* RESET DO BX_SLIDER - NAO DELETAR */
.bx-wrapper {
  position: relative;
  margin: 0 auto;
}
.bx-wrapper img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 1023px) {
  .banner .bx-next,
  .banner .bx-prev,
  .banner .bx-pager {
    display: none;
  }
}
.esconder {
  display: none;
}
/*Corpo*/
#mainBlock {
  width: 100%;
  float: left;
  clear: both;
}
.home {
  width: 100%;
  float: left;
  position: relative;
  z-index: 55;
  background: url('../../images/fundo-site.jpg') center repeat-y;
  background-attachment: fixed;
  background-size: 100%;
  padding: 25px 0 20px;
}
.home h1 {
  margin: 26px 0 31px;
  font-size: 35px;
  color: #000;
  position: relative;
  text-align: center;
}
.home:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 50%;
  z-index: -1;
  width: 1170px;
  height: 21px;
  margin-left: -585px;
  background: url('../../images/sombra-banner.png') center no-repeat;
}
.cnt-home {
  width: 1170px;
  margin: 0 auto;
  display: table;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  padding: 0 40px 33px;
  background: #fff;
}
.cnt-home .produtos .bloco-produtos {
  width: 22.5%;
}
.cnt-home .produtos .bloco-produtos:nth-child(3n) {
  margin-right: 3.3%;
}
.cnt-home .produtos .bloco-produtos:nth-child(4n) {
  margin-right: 0;
}
.linha-produtos {
  width: 1170px;
  margin: 0 auto;
  display: table;
  text-align: center;
  margin-bottom: 36px;
}
.linha-produtos h2 {
  position: relative;
  display: table;
  margin: 17px auto 32px;
  font-size: 30px;
  color: #201E1E;
}
.linha-produtos h2:after {
  position: absolute;
  top: -5px;
  left: -61px;
  z-index: 0;
  content: '';
  width: 67px;
  height: 82px;
  background: url('../../images/arabescos-site.png') no-repeat;
  background-position: -187px 0;
}
.linha-produtos h2:before {
  position: absolute;
  top: -4px;
  right: -72px;
  z-index: 0;
  content: '';
  width: 67px;
  height: 82px;
  background: url('../../images/arabescos-site.png') no-repeat;
  background-position: -309px 0;
}
.linha-produtos figure {
  display: table;
  margin: 0 auto 0;
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  width: 263px;
  height: 124px;
  background: #fff;
}
.linha-produtos figure a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.linha-produtos img {
  display: table;
  margin: 0 auto 0;
  max-width: 100%;
  height: auto;
}
.linha-produtos article {
  float: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  width: 265px;
  margin-right: 30px;
  padding: 1px 1px 5px;
  background: #FFCC29;
}
.linha-produtos article:hover {
  background: #FA9F2D;
}
.linha-produtos h4 {
  font-size: 20px;
  color: #000;
  margin: 11px 0;
}
.linha-produtos .last {
  margin-right: 0;
}
.noticia-completa h3 {
  width: 100%;
  float: left;
  font-size: 30px;
  color: #000;
  margin: 53px 0 10px;
}
.bottom {
  width: 100%;
  float: left;
  background: #F5F4F4;
  padding: 38px 0 60px;
  border-bottom: 4px solid #fff;
}
.bottom a {
  color: #000;
}
.bottom i {
  font-size: 26px;
  color: #AAAAAA;
  position: absolute;
  top: 4px;
  right: 27px;
  z-index: 0;
}
.bottom h3 {
  font-size: 23px;
  color: #FFCC29;
  margin-bottom: 16px;
}
.bottom .bx-wrapper {
  position: static;
}
.bottom .padrao-seta {
  border: 6px solid transparent;
  top: 10px;
  left: auto;
  position: absolute;
  width: 0;
  height: 0;
}
.bottom .bx-prev {
  border: 6px solid transparent;
  top: 10px;
  left: auto;
  position: absolute;
  width: 0;
  height: 0;
  border-right-color: #AAAAAA;
  right: 73px;
}
.bottom .bx-next {
  border: 6px solid transparent;
  top: 10px;
  left: auto;
  position: absolute;
  width: 0;
  height: 0;
  border-left-color: #AAAAAA;
  right: -6px;
}
.link-dicas {
  float: left;
  position: relative;
  width: 50.9%;
  margin-right: 6%;
}
#newsletter {
  float: right;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 43%;
  margin-top: 7px;
}
#newsletter input[type=submit] {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 0;
  width: 123px;
  height: 40px;
  font-size: 17px;
  background: #FA9F2D;
  color: #000;
  text-transform: uppercase;
  padding: 0;
}
#newsletter input[type=submit]:hover {
  background: #ee8706;
}
#newsletter input {
  height: 49px;
  border: none;
  background: #fff;
  padding-left: 58px;
}
#newsletter i {
  display: table;
  position: absolute;
  top: 8px;
  left: 14px;
  z-index: 0;
  color: #000;
  font-size: 35px;
}
.parallax {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
}
.parallax .txt-parallax {
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 387px;
  width: 591px;
  background: rgba(0, 0, 0, 0.56);
  padding: 0 42px 0 2px;
}
.parallax .txt-parallax:before {
  content: '';
  background: rgba(0, 0, 0, 0.56);
  width: 200%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -200%;
  z-index: 0;
}
.parallax .txt-parallax a {
  font-family: fonte;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  position: absolute;
  bottom: 42px;
  right: 44px;
  z-index: 0;
  font-size: 17px;
  color: #000;
  background: #FA9F2D;
  padding: 10px 20px;
}
.parallax .txt-parallax a:hover {
  background: #ee8706;
}
.parallax .titulo3 {
  width: 100%;
  float: left;
  font-size: 36px;
  color: #fff;
  padding: 38px 0 17px;
}
.parallax-window {
  min-height: 386px;
}
/*PAGINA DE INTERNA*/
.interna {
  width: 100%;
  float: left;
  position: relative;
  z-index: 55;
  background: url('../../images/fundo-site.jpg') center repeat-y;
  background-attachment: fixed;
  background-size: 100%;
  padding: 25px 0 20px;
}
.interna h1 {
  margin-bottom: 22px;
  padding-left: 49px;
  position: relative;
}
.interna h1:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 39px;
  height: 46px;
  background: url(../../images/arabescos-site.png) no-repeat;
  background-position: -187px 0;
}
.areacliente {
  padding-top: 0;
}
.det h1 {
  font-size: 25px;
}
.cnt-shop {
  float: right;
  width: 75%;
}
.cnt-interna {
  width: 1170px;
  margin: 0 auto;
  display: table;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  padding: 36px 40px 33px;
  background: #fff;
}
.areacliente h2 {
  margin-bottom: 70px;
}
.areacliente:before {
  height: 96px;
}
.areacliente:after {
  top: 90px;
}
.topo-area .logo {
  width: 190px;
  height: 90px;
}
.topo-area .acesso-topo {
  margin-top: 27px;
}
.fundo-topo {
  width: 100%;
  height: 115px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.fundo-topo div {
  width: 100%;
  height: 100%;
}
/*--INICIO DA CONFIGURACAO DO RODAPE--*/
#footerBlock {
  width: 100%;
  display: table;
  float: left;
  position: relative;
  z-index: 99;
  background: #FFCC29;
  box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.3) inset;
}
.rodape {
  display: table;
  margin: 0 auto 0;
  color: #fff;
  width: 538px;
  padding: 34px 0 15px;
}
.rodape,
.rodape i,
.rodape a {
  color: #000;
}
.rodape h6 {
  padding-bottom: 9px;
  border-bottom: 1px solid #000;
  font-size: 25px;
  color: #000;
  width: 100%;
  text-align: center;
  position: relative;
  float: left;
}
.rodape h6:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 0;
  width: 67px;
  height: 3px;
  background: #000;
  margin-left: -33.5px;
}
.tel-rod {
  display: table;
  margin: 0 auto 0;
  font-family: fonte;
  font-size: 20px;
  padding: 21px 0 8px;
}
.tel-rod i {
  margin: 2px 17px 0px 0;
  font-size: 25px;
  float: left;
}
.tel-rod b {
  float: left;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #000;
  margin: 10px 8px 0;
}
.mail-rod {
  display: table;
  margin: 0 auto 0;
  font-size: 15px;
}
.mail-rod i {
  float: left;
  font-size: 29px;
  margin: -3px 15px 0 -3px;
}
.end-rod {
  font-size: 15px;
  margin: 13px auto 0;
  display: table;
}
.end-rod i {
  float: left;
  margin-right: 11px;
  font-size: 20px;
}
.copyright {
  width: 100%;
  float: left;
  text-align: center;
  background: #fff;
  padding: 5px 0;
}
.copyright span {
  color: #777;
}
.copyright a {
  color: #777;
  display: table;
  margin: 0 auto 0;
}
/* BOTAO VOLTAR*/
.link-back,
.voltar {
  display: block;
  float: right;
  clear: both;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-family: fonte;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  font-size: 15px;
  padding: 5px 10px;
  margin-top: 25px;
  background: #FA9F2D !important;
  color: #fff !important;
}
.link-back:hover,
.voltar:hover {
  background: #ee8706 !important;
  color: #fff;
}
/*BOTAO SUBIR AO TOPO*/
.cd-top {
  width: 40px;
  height: 40px;
  display: block;
  position: fixed;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  transform: rotate(-180deg) scale(0);
  -moz-transform: rotate(-180deg) scale(0);
  -webkit-transform: rotate(-180deg) scale(0);
  -ms-transform: rotate(-180deg) scale(0);
  bottom: 40px;
  right: 20px;
  z-index: 1100;
  border: 2px solid #FFF;
  background: #FFCC29;
}
.cd-top:hover {
  background: #f5bb00;
}
.cd-top:before {
  display: block;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: '';
  border-top: 3px solid #FFF;
  border-left: 3px solid #FFF;
  margin: 17px 0 0 13px;
  float: left;
}
.cd-top.cd-is-visible {
  opacity: 1;
  filter: alpha(opacity=1);
  transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
}
/* REDES */
.redes {
  /* personaliza��es */
}
.redes i {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  float: left;
  font-size: 24px;
  padding: 5px;
  color: #fff;
}
.redes i.icon-facebook {
  background: #00589D;
}
.redes i.icon-gplus1 {
  background: #B20000;
}
.redes i.icon-twitter {
  background: #00589D;
}
.redes i.icon-youtube {
  background: #B20000;
}
.redes i.icon-blog {
  background: #FF8000;
}
.redes a {
  display: inline-block;
  margin: 0 3px;
}
.redes a:hover {
  animation: redes 0.2s linear;
  -webkit-animation: redes 0.2s linear;
  -moz-animation: redes 0.2s linear;
  -ms-animation: redes 0.2s linear;
}
@keyframes redes {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes redes {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes redes {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes redes {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(0.8);
  }
  100% {
    -ms-transform: scale(1);
  }
}
.galeria {
  width: 100%;
  float: left;
}
.galeria h3 {
  font-size: 35px;
  color: #FFCC29;
  margin: 0 0 10px;
}
.galeria span {
  width: 100%;
  float: left;
  margin-bottom: 39px;
}
.galeria a {
  float: left;
  width: 20%;
  margin-bottom: 33px;
}
.galeria img {
  display: table;
  margin: 0 auto 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  max-width: 100%;
  height: auto;
  border: 3px solid #CCCCCC;
}
.galeria img:hover {
  border-color: #FA9F2D;
}
.videos {
  width: 100%;
  float: left;
}
.videos li {
  float: left;
  position: relative;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  margin-right: 5%;
  border: 2px solid #aaa;
}
.videos li:hover {
  border-color: #FA9F2D;
}
.videos img {
  max-width: 100%;
  height: auto;
  float: left;
}
.videos p {
  width: 100%;
  float: left;
  text-align: center;
  font-family: fonte;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}
/*--INICIO DA CONFIGURACAO DE TEXTO COM IMAGEM PADRAO--*/
.texto-imagem {
  width: 100%;
  float: left;
  clear: both;
}
.legenda-imagem {
  width: 100% !important;
}
.imagem-acima {
  width: 100%;
  margin-bottom: 15px;
}
.imagem-abaixo {
  width: 100%;
  margin-top: 15px;
}
.imagem-esquerda {
  width: 35%;
}
.imagem-esquerda margin:0 3% 15px 0 img {
  float: left;
  max-width: 100%;
  height: auto;
  border: 5px solid #D6D6D6;
}
.texto-direita {
  width: 67%;
}
.imagem-direita {
  width: 35%;
  margin: 0 0 15px 3%;
}
.imagem-direita img {
  float: right;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 100%;
  height: auto;
  border: 4px solid #FA9F2D;
}
.texto-esquerda {
  width: 67%;
}
/*--INICIO DA CONFIGURACAO DE NOTICIAS INTERNA PADRAO--*/
.noticia-completa .imagem-noticia {
  float: left;
  margin: 0 25px 25px 0;
}
.noticia-completa .imagem-noticia img {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
}
/*--FIM DA CONFIGURACAO DE NOTICIAS INTERNA PADRAO--*/
/*--FIM DA CONFIGURACAO DE TEXTO COM IMAGEM PADRAO--*/
/* ===========  Modal ================================ */
/* configurações das cores do MODAL */
/* fundo transparente */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.6);
}
.remodal-overlay.remodal-is-opening {
  animation: overlay-opening 0.3s forwards;
  -webkit-animation: overlay-opening 0.3s forwards;
  -moz-animation: overlay-opening 0.3s forwards;
  -ms-animation: overlay-opening 0.3s forwards;
}
.remodal-overlay.remodal-is-closing {
  animation: overlay-closing 0.3s forwards;
  -webkit-animation: overlay-closing 0.3s forwards;
  -moz-animation: overlay-closing 0.3s forwards;
  -ms-animation: overlay-closing 0.3s forwards;
}
/* Conteudo */
.remodal-wrapper {
  padding: 10px 10px 0;
}
.remodal {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  max-width: 800px;
  color: #FFCC29;
  background: #fff;
  margin-bottom: 10px;
  padding: 35px;
}
.remodal.remodal-is-opening {
  animation: remodal-opening 0.3s forwards;
  -webkit-animation: remodal-opening 0.3s forwards;
  -moz-animation: remodal-opening 0.3s forwards;
  -ms-animation: remodal-opening 0.3s forwards;
}
.remodal.remodal-is-closing {
  animation: remodal-closing 0.3s forwards;
  -webkit-animation: remodal-closing 0.3s forwards;
  -moz-animation: remodal-closing 0.3s forwards;
  -ms-animation: remodal-closing 0.3s forwards;
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
/* BOTAO DE FECHAR */
.remodal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 0;
  width: 30px;
  height: 30px;
  display: block;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  cursor: pointer;
  color: #000;
  background: #FFCC29;
  border: none;
}
.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
  background: #FFCC29;
}
.remodal-close:before {
  content: "\00d7";
  text-align: center;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 0;
  font-size: 34px;
  color: #fff;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  line-height: 25px;
  width: 25px;
}
/* Keyframes ========================================================================== */
@keyframes remodal-opening {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-closing {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes overlay-opening {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes overlay-closing {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* IE8  ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}
.lt-ie9 .remodal {
  width: 700px;
}
/*---- necessario ----*/
/* Scroll */
html.remodal-is-locked {
  touch-action: none;
}
/* Anti FOUC */
[data-remodal-id] {
  display: none;
}
.remodal-overlay {
  position: fixed;
  z-index: 999999999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  backface-visibility: hidden;
  display: none;
}
.remodal-wrapper {
  display: none;
  text-align: center;
  backface-visibility: hidden;
  position: absolute;
  z-index: 999999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
}
.remodal-wrapper .remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}
.remodal {
  position: relative;
  display: none;
  text-size-adjust: 100%;
}
.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
label.label-floatlabel {
  padding-left: 5px;
}
.valid {
  border-color: #54941F;
}
.error {
  border-color: #CC0000;
}
.contato {
  padding-bottom: 0;
}
.contato-form .formulario {
  display: table;
  width: 650px;
  margin: 30px auto 0;
}
.contato-form .formulario span {
  float: left;
  width: 100%;
  font-family: fonte;
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
}
input {
  width: 100%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-family: fonte;
  border: 1px solid #CECEBF;
  background: #f2f2f2;
  font-size: 14px;
  height: 50px;
  padding: 10px 35px 10px 10px;
}
input[type=submit] {
  display: table;
  float: none;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  width: 250px;
  padding: 0;
  margin: 0 auto;
  background: #FFCC29;
  color: #000;
  cursor: pointer;
  font-size: 18px;
}
input[type=submit]:hover {
  background: #ffd85c;
}
select {
  width: 100%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-family: fonte;
  border: 1px solid #CECEBF;
  background: #f2f2f2;
  font-size: 14px;
  height: 50px;
  padding: 10px;
}
textarea {
  width: 100%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-family: fonte;
  border: 1px solid #CECEBF;
  background: #f2f2f2;
  font-size: 14px;
  height: 100px;
  padding: 10px;
}
.formulario p {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.formulario strong {
  width: 100%;
  padding-bottom: 5px;
  display: none;
}
.formulario label.error {
  position: absolute;
  top: 12.5px;
  right: 12.5px;
  z-index: 0;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  background: #d80000;
  color: #fff;
}
.formulario label.error:after {
  text-align: center;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-family: serif;
  content: '!';
  font-size: 22px;
  font-weight: bolder;
}
.formulario ::-webkit-input-placeholder {
  color: #000;
}
.formulario ::-moz-placeholder {
  color: #000;
}
.formulario :-ms-input-placeholder {
  color: #000;
}
.formulario input:-moz-placeholder {
  color: #000;
}
input[name=nome],
input[name=email],
input[name=telefone] {
  border-left: 5px solid #CC0000;
}
.localizacao {
  width: 100%;
  float: left;
  padding: 30px 0;
}
.localizacao h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  font-size: 30px;
  color: #000;
}
.localizacao ul {
  width: 100%;
  float: left;
  font-family: fonte;
  padding-top: 30px;
}
.localizacao li {
  width: 33.3%;
  float: left;
  display: table;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.localizacao i {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  text-align: center;
  display: table;
  margin: 0 auto 0;
  background: #FFCC29;
  color: #000 !important;
  line-height: 60px;
}
.localizacao span {
  width: 100%;
  float: left;
  text-align: center;
}
/*Obrigado*/
.obrigado {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  font-size: 15px;
}
.obrigado big {
  font-family: fonte;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  color: #000;
  font-size: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFCC29;
}
.obrigado b {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: left;
  padding-bottom: 5px;
}
.obrigado a {
  font-family: fonte;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  display: block;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  padding: 5px 10px;
  background: #FFCC29;
  color: #FA9F2D;
  margin-top: 30px;
}
font-size:12px .obrigado a:hover {
  background: #f5bb00;
}
.endereco-contato {
  color: #000;
  font-size: 18px;
}
.endereco-contato span {
  display: inline-block;
  padding-top: 5px;
}
.endereco-contato i {
  color: #fff;
  font-size: 25px;
}
.endereco-contato i:before {
  content: "\e928";
}
.telefones-contato {
  font-size: 20px;
}
.telefones-contato a {
  color: #000;
  cursor: default;
}
.telefones-contato span {
  display: inline-block;
  padding-top: 8px;
}
.telefones-contato i {
  color: #fff;
  font-size: 27px;
}
.telefones-contato i:before {
  content: "\e92c";
}
.email-contato {
  font-size: 18px;
}
.email-contato a {
  color: #000;
}
.email-contato span {
  display: inline-block;
  padding-top: 15px;
}
.email-contato i {
  color: #fff;
  font-size: 30px;
}
.email-contato i:before {
  content: "\e921";
}
.redes.contato {
  display: table;
  margin: 0 auto 25px;
  float: none;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 10px 30px 15px;
  background: #eee;
}
.redes.contato strong {
  float: left;
  padding-right: 7px;
}
.redes.contato:before {
  margin-bottom: 5px;
  content: 'Redes Sociais';
  font-family: fonte;
  font-size: 19px;
  color: #000;
  width: 100%;
  display: table;
  text-align: center;
}
.mapa {
  width: 100%;
  float: left;
  position: relative;
  z-index: -1;
  margin-top: 25px;
}
.mapa form {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  width: 400px;
  padding: 10px;
  background: #fff;
}
.mapa input[type=text] {
  width: 57%;
  margin: 0 3% 0 0;
}
.mapa input[type=submit] {
  width: 40%;
  padding: 0;
}
.scrolloff {
  pointer-events: none;
}
@media only screen and (max-width: 1023px) {
  .localizacao i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
  .email-contato span {
    padding-top: 8px;
  }
  .telefones-contato span {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .localizacao li {
    width: 100%;
    margin-bottom: 25px;
  }
  .contato-form .formulario {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .localizacao li {
    padding: 0 0 20px;
  }
  .localizacao i {
    display: table;
    margin: 0 auto 0;
    float: none;
  }
  .localizacao span {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .mapa form {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0;
    -ms-box-shadow: 0 0 0 0;
    padding: 15px 0 0;
    background: none;
  }
}
.hover-li {
  background: #e4e4e4;
}
/*Cores Tabela de finalizar pedido*/
.shop h1 {
  margin-bottom: 71px;
}
.shop h2 {
  display: table;
  position: relative;
  font-size: 25px;
  color: #535353;
  text-transform: uppercase;
  margin-bottom: -18px;
  padding-right: 15px;
  background: #fff;
  z-index: 9;
}
.busca {
  float: right;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  width: 41%;
  margin: 35px 58px 0 0;
  border: 1px solid #FFCC29;
}
.busca ::-webkit-input-placeholder {
  color: #201E1E;
}
.busca ::-moz-placeholder {
  color: #201E1E;
}
.busca :-ms-input-placeholder {
  color: #201E1E;
}
.busca input:-moz-placeholder {
  color: #201E1E;
}
.busca i {
  position: absolute;
  bottom: 13px;
  right: 11px;
  z-index: 999;
  color: #FFCC29;
  font-size: 23px;
}
.busca input {
  font-size: 20px;
  height: 49px;
  border: none;
  background: #fff;
}
.busca input[type=submit] {
  font-family: fonte;
  position: absolute;
  bottom: 6px;
  right: 4px;
  z-index: 9999;
  width: 20%;
  height: 43px;
  font-size: 22px;
  background: transparent;
  padding: 0;
}
.busca:before {
  position: absolute;
  top: -20px;
  left: -35px;
  z-index: 0;
  content: '';
  width: 39px;
  height: 46px;
  background: url('../../images/arabescos-site.png') no-repeat;
  background-position: -187px 0;
}
.busca:after {
  position: absolute;
  top: -15px;
  right: -39px;
  z-index: 0;
  content: '';
  width: 39px;
  height: 46px;
  background: url('../../images/arabescos-site.png') no-repeat;
  background-position: -321px 0;
}
.resultado-busca {
  width: 100%;
}
.resultado-busca .bloco-3 {
  margin-bottom: 40px;
}
.resultado-busca p {
  color: #fff;
  padding: 5px 0;
}
.padrao {
  font-family: fonte;
  font-size: 15px;
  color: #000;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  background: #FA9F2D;
}
.padrao a {
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  color: #000;
}
.padrao i {
  font-size: 23px;
  color: #000;
  float: left;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
}
.padrao:hover {
  background: #ee8706;
  color: #000;
}
.acesso-topo {
  float: right;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  z-index: 99;
  margin-top: 6px;
  background: #FA9F2D;
}
.area-cliente {
  font-family: fonte;
  font-size: 15px;
  color: #000;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  background: #FA9F2D;
  float: right;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 9px 15px 8px 0;
}
.area-cliente a {
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  color: #000;
}
.area-cliente i {
  font-size: 23px;
  color: #000;
  float: left;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
}
.area-cliente:hover {
  background: #ee8706;
  color: #000;
}
.area-cliente i {
  margin: -2px 5px 0 10px;
}
.cart-small {
  font-family: fonte;
  font-size: 15px;
  color: #000;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  background: #FA9F2D;
  float: right;
  position: relative;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  padding: 9px 21px 8px 0px;
  border-left: 1px solid #F3D226;
}
.cart-small a {
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  color: #000;
}
.cart-small i {
  font-size: 23px;
  color: #000;
  float: left;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
}
.cart-small:hover {
  background: #ee8706;
  color: #000;
}
.cart-small div.dn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 30px;
  height: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  display: table;
  text-align: right;
  padding: 9px 6px 8px 0;
  background: #FA9F2D;
}
.cart-small i {
  margin: -2px 12px 0 12px;
}
.cart-small small {
  font-size: 15px;
}
.cart-small:hover div.dn {
  right: -18% !important;
}
.carrinho-vazio {
  float: left;
  width: 100%;
  height: 210px;
  background: url(../../images/vazio.jpg) center no-repeat;
}
.categorias {
  float: left;
  width: 21.5%;
}
.categorias h3 {
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  color: #000000;
  background: #FFCC29;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
}
.categorias h3 b {
  position: relative;
  float: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 21px;
  height: 3px;
  margin: 10px 10px 0 6px;
  background: #000000;
}
.categorias h3 b .padrao-h3 {
  content: '';
  width: 21px;
  height: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  position: absolute;
  left: 0;
  background: #000000;
}
.categorias h3 b:after {
  content: '';
  width: 21px;
  height: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  position: absolute;
  left: 0;
  background: #000000;
  top: -7px;
}
.categorias h3 b:before {
  content: '';
  width: 21px;
  height: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  position: absolute;
  left: 0;
  background: #000000;
  bottom: -7px;
}
.categorias li {
  width: 100%;
  padding: 15px 20px;
  margin-bottom: 1px;
  background: #F4F5F5;
  text-transform: uppercase;
  font-family: fonte;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  display: table;
}
.categorias li a {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #000;
}
.categorias li ul {
  margin-top: 20px;
  border-left: 1px solid #aaa;
}
.categorias li li {
  padding: 3px 10px;
}
.categorias li li:hover {
  background: #eee !important;
}
.categorias li li a {
  font-size: 13px;
}
.categorias li:hover {
  background: #e4e4e4;
}
.entrega img {
  max-width: 100%;
  height: auto;
}
.bt-submenu {
  width: 10%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.comprado {
  position: fixed;
  text-align: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  width: 320px;
  height: 70px;
  font-size: 30px;
  color: #fff;
  box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0);
  -ms-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0);
  animation: shop linear 2s;
  -webkit-animation: shop linear 2s;
  -moz-animation: shop linear 2s;
  -ms-animation: shop linear 2s;
  background: rgba(255, 204, 41, 0.9);
  top: -9999px;
  right: 50%;
  border: 4px solid #FFF;
  z-index: 9999999999;
  padding: 25px;
  line-height: normal;
  margin: -45px -160px 0 0;
}
@keyframes shop {
  0% {
    top: -9999px;
    opacity: 1;
    box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
  }
  1% {
    top: 50%;
  }
  45% {
    top: 50%;
    right: 50%;
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  80% {
    opacity: 0;
  }
  99% {
    box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
  }
  100% {
    top: 20px;
    right: 0;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes shop {
  0% {
    top: -9999px;
    opacity: 1;
    box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
  }
  1% {
    top: 50%;
  }
  45% {
    top: 50%;
    right: 50%;
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  80% {
    opacity: 0;
  }
  99% {
    box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
  }
  100% {
    top: 20px;
    right: 0;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes shop {
  0% {
    top: -9999px;
    opacity: 1;
    box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
  }
  1% {
    top: 50%;
  }
  45% {
    top: 50%;
    right: 50%;
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  80% {
    opacity: 0;
  }
  99% {
    box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
  }
  100% {
    top: 20px;
    right: 0;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
  }
}
@-ms-keyframes shop {
  0% {
    top: -9999px;
    opacity: 1;
    box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 0 10000000px rgba(0, 0, 0, 0.3);
  }
  1% {
    top: 50%;
  }
  45% {
    top: 50%;
    right: 50%;
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  80% {
    opacity: 0;
  }
  99% {
    box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 1000000px rgba(0, 0, 0, 0);
  }
  100% {
    top: 20px;
    right: 0;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
  }
}
.produtos {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right;
}
.bloco-produtos {
  float: left;
  position: relative;
  z-index: 9;
  width: 31%;
  margin: 0 3.3% 59px 0;
}
.bloco-produtos:nth-child(3n) {
  margin-right: 0;
}
.bloco-produtos:after {
  content: '';
  background: #EB3237;
  margin-left: -16px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
}
.bloco-produtos:hover:after {
  bottom: -16px;
  transition: cubic-bezier(0.17, 0.67, 0.64, 1.51) 0.4s;
  -moz-transition: cubic-bezier(0.17, 0.67, 0.64, 1.51) 0.4s;
  -webkit-transition: cubic-bezier(0.17, 0.67, 0.64, 1.51) 0.4s;
  -ms-transition: cubic-bezier(0.17, 0.67, 0.64, 1.51) 0.4s;
}
.lista-produtos {
  position: relative;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-shadow: 2px 1px 8px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 8px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 1px 8px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 1px 8px -2px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 15px;
  border: 1px solid #ECEAEA;
  background: #FFFFFF;
}
.lista-produtos strong {
  float: left;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 13px;
  color: #000;
  height: 79px;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 0;
  border-bottom: 1px solid #EBE9E9;
  border-top: 1px solid #EBE9E9;
}
.lista-produtos b.preco {
  font-family: fonte;
  width: 100%;
  text-align: center;
  float: left;
  border-bottom: 1px solid  #EBE9E9;
  font-weight: normal;
  padding: 5px 0;
  margin-bottom: 3px;
}
.lista-produtos img {
  display: table;
  margin: 14px auto 43px;
  max-width: 100%;
  height: auto;
}
.lista-produtos .shop-article-img {
  width: 100%;
  display: table;
  float: left;
  min-height: 98px;
}
.cod-prod {
  text-align: center;
  font-family: fonte;
  height: 25px;
  line-height: 25px;
  position: absolute;
  bottom: 25px;
  left: 0;
  z-index: 0;
  font-size: 13px;
  color: #000;
  width: 100%;
  order: 1;
}
.comprar-produto {
  width: 100%;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
}
.comprar-produto .quantidade {
  float: none;
  width: 100%;
  display: table;
  margin: 12px auto 12px;
  color: #fff;
  font-size: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EBE9E9;
}
.comprar-produto .quantidade input {
  float: right;
  text-align: center;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 35px;
  background: none;
  border: none;
  padding: 0 62px;
}
.comprar-produto .quantidade span {
  display: none;
}
.comprar-produto .quantidade b {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 20px;
  height: 5px;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  background: #FFCC29;
  margin: -2.5px 0 0 -10px;
}
.button {
  width: 58px;
  height: 32px;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  cursor: pointer;
}
.button.dec {
  left: 0;
  border-right: 1px solid #EBE9E9;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
}
.button.inc {
  right: 0;
  border-left: 1px solid #EBE9E9;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
}
.button.inc:before {
  content: '';
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  width: 5px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  margin: -10px 0 0 -2.5px;
  background: #FFCC29;
}
.button:hover:before,
.button:hover b {
  background: #FA9F2D;
}
.prod-qtd {
  display: none;
}
/* botao comprar */
input[type=submit].list-add-button {
  border: 1px solid #FFCC29;
  background: none;
  color: #FFCC29;
  max-width: 133px;
  font-size: 15px;
  width: 73%;
  height: 25px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  text-align: center;
  float: right;
}
input[type=submit].list-add-button:hover {
  background: #EB3237 !important;
  border-color: #EB3237;
}
.lista-produtos:hover {
  border-color: #FFCC29;
  box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 1px 8px 0px rgba(0, 0, 0, 0.2);
}
.lista-produtos:hover input[type=submit].list-add-button {
  color: #fff;
  background-color: #EB3237;
  border-color: #EB3237;
}
@media only screen and (max-width: 1024px) {
  .cod-prod {
    width: 25%;
  }
  input[type=submit].list-add-button {
    width: 62%;
  }
}
@media only screen and (max-width: 1023px) {
  .produtos {
    width: 100%;
    float: left;
    padding: 0;
    border: none;
  }
  .bloco-produtos {
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0 0 35px;
  }
  .lista-produtos {
    display: table;
    margin: 0 auto 0;
    width: 98%;
  }
}
@media only screen and (max-width: 600px) {
  input[type=submit].list-add-button {
    width: 77%;
  }
  .bloco-produtos {
    width: 100%;
  }
}
.escondido {
  padding-bottom: 20px;
}
.escondido .cod-prod {
  float: left;
  text-align: center;
  position: relative;
  width: 100%;
  border-right: none;
  padding: 8px 0;
  bottom: 0;
  order: 0;
  left: 0;
}
.escondido .texto-botao {
  font-size: 17px;
  color: #FFCC29;
  font-family: fonte;
  width: 100%;
  text-align: center;
  float: left;
}
.codigo {
  font-family: fonte;
  font-size: 13px;
  color: #003054;
  top: 10px;
  left: 10px;
  line-height: 32px;
  background: #F5F4F4;
  padding: 0 10px;
}
.caracteristicas {
  position: relative;
  width: 51%;
  min-height: 320px;
}
.caracteristicas span {
  width: 100%;
  float: left;
  font-family: fonte;
  font-size: 25px;
  color: #59B200;
}
.caracteristicas small {
  font-size: 14px;
  color: #000;
  float: left;
  width: 100%;
}
.detalhes {
  position: relative;
  font-size: 14px;
  color: #777777;
}
.detalhes .img-num-1 a {
  min-height: auto;
}
.detalhes h3 {
  font-size: 20px;
  color: #000;
  padding-bottom: 25px;
}
.detalhes .botao-comprar {
  position: relative;
  display: table;
}
.detalhes .quantidade {
  float: left;
  margin: 0;
  width: 48%;
  padding-top: 12px;
  border-top: 1px solid #EBE9E9;
}
.detalhes .button {
  top: 14px;
}
.detalhes .comprar-produto {
  float: right;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  width: 100%;
  background: none;
}
.detalhes .comprar-produto span {
  position: absolute;
  top: 9px;
  left: -50px;
  z-index: 0;
  font-size: 20px;
  color: #000000;
  text-align: left;
  margin: 0;
}
.detalhes .comprar-produto form {
  clear: both;
}
.detalhes .comprar-produto b.preco {
  float: right;
  text-align: right;
  font-family: fonte;
  font-size: 30px;
  color: #000;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 7px;
  border-top: 1px solid  #EBE9E9;
  border-bottom: 1px solid  #EBE9E9;
  margin-bottom: 10px;
  font-weight: normal;
}
.detalhes .comprar-produto b.preco b {
  font-weight: normal;
  margin: 8px 7px 0 0;
  font-size: 20px;
  color: #AAA;
  float: left;
}
.detalhes .comprar-produto i {
  position: absolute;
  bottom: 18px;
  right: 30%;
  z-index: 1;
  width: 6%;
  font-size: 24px;
  color: #FFCC29;
}
.detalhes input[type=submit] {
  width: 39%;
  height: 61px;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  float: right;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  font-size: 18px;
  max-width: none;
  background: none;
  border: 1px solid #FA9F2D;
  padding-left: 27px;
}
.detalhes input[type=submit]:hover {
  border-color: #FA9F2D !important;
  background: #FA9F2D !important;
  color: #fff;
}
.precos {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.detalhe-imagens {
  width: 45%;
  margin-right: 4%;
}
.detalhe-imagens span {
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  border: 1px solid #EBE9E9;
  margin: 16px 4% 0 0;
  width: 22%;
}
.detalhe-imagens span:hover {
  border-color: #FFCC29;
}
.detalhe-imagens span:hover.img-num-1 {
  border-color: #EBE9E9 !important;
}
.detalhe-imagens span img {
  max-width: 100%;
  height: auto;
  display: table;
  margin: 0 auto 0;
}
.detalhe-imagens span.img-num-1 {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  padding: 15px;
  min-height: 320px;
  background-color: #FFF;
}
.detalhe-imagens span:nth-child(4n + 2) {
  margin-right: 0;
}
.img-num-1 a {
  width: 100%;
  vertical-align: middle;
  display: table-cell;
}
.descricao {
  width: 100%;
  margin-top: 35px;
}
.descricao a {
  cursor: pointer;
  margin-top: 30px;
  background: #EEE;
  padding: 3px 9px 3px 16px;
}
.descricao h3 {
  position: relative;
  width: 148px;
  color: #9FBE37;
  border-right: 1px solid #AAA;
  padding-top: 12px;
  margin-bottom: 20px;
}
.descricao h3:after {
  content: '';
  width: 682px;
  height: 1px;
  position: absolute;
  top: 34px;
  left: 148px;
  z-index: 0;
  background: #AAA;
}
#abas {
  width: 100%;
  position: relative;
}
#abas a {
  font-family: fonte;
  font-size: 30px;
  color: #999;
  float: left;
  padding: 10px 15px;
  background: #fff;
}
#abas a:hover {
  color: #9FBE37;
}
#abas .selected {
  border: 1px solid #999;
  color: #9FBE37;
  border-bottom: none;
  margin-bottom: -1px;
}
#conteudos {
  width: 100%;
  border-top: 1px solid #999;
  padding: 30px 0 0 0;
}
.tabs-produto {
  width: 100%;
  float: left;
}
@media only screen and (max-width: 1024px) {
  .icon-cart1 {
    display: none;
  }
  .detalhes input[type=submit] {
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  .caracteristicas {
    min-height: auto;
    padding-bottom: 65px;
  }
}
@media only screen and (max-width: 360px) {
  .caracteristicas {
    padding-bottom: 140px;
  }
  .descricao {
    margin-top: 55px;
  }
}
.detalhes .texto-botao {
  font-size: 25px;
  color: #FFCC29;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  font-family: fonte;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  float: left;
  line-height: 1.2;
  border: 1px solid #FFCC29;
  padding: 28px 28px 28px 96px;
  background: url('../../images/cadastre-se.png') 31px 32px no-repeat #ffffff;
}
.topo-tabela {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  background: #f2f2f2;
  color: #000;
  border-bottom: 1px solid ;
  font-size: 14px;
  padding: 10px;
  margin: 0 0 5px;
  font-weight: bolder;
}
.lista-produtos-final {
  display: table;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 5px 5px 10px;
  margin: 0 0 5px;
}
.lista-produtos-final li {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 15px;
  display: table-cell;
  vertical-align: middle;
}
.lista-produtos-final li span {
  display: table;
  clear: right;
  font-size: 10px;
}
.tabela-finalizar-produtos .valor-total {
  font-family: fonte;
  color: #545454;
  margin-top: -6px;
  font-size: 23px;
  padding: 17px 15px;
}
.img-finalizar {
  float: left;
  text-align: center;
  border: 2px solid #EEE;
  margin: 0 10px 0 0;
  background: #FFF;
  padding: 5px;
  width: 90px;
}
.img-finalizar img {
  max-width: 100%;
  height: auto;
}
.lista-produto {
  width: 51%;
  text-align: left;
}
.lista-produto a {
  color: #666;
}
.lista-valor {
  width: 20%;
  text-align: right;
}
.lista-valor b {
  display: none;
}
.lista-quantidade {
  width: 29%;
  text-align: center;
}
.lista-quantidade p {
  float: left;
  width: 100%;
  padding: 3px 0;
}
.lista-quantidade .quantidade {
  width: 100%;
  padding-bottom: 10px;
}
.lista-quantidade .quantidade input[type=text] {
  width: 100%;
  height: 35px;
  float: left;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  font-family: Tahoma, sans-serif;
}
.input-itens {
  width: 90%;
  display: table;
  margin: 0 auto 0;
}
.input-itens .comprar-produto {
  width: 60%;
}
.input-itens .comprar-produto .quantidade {
  margin: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.input-itens .button {
  width: 40px;
}
.input-itens b {
  width: 19px;
  height: 5px;
  display: block;
  position: relative;
  margin: 15px 8px;
}
.input-itens b:after {
  background: #333;
}
.input-itens .inc {
  right: 0;
}
.input-itens .inc:before {
  content: '';
  width: 5px;
  height: 19px;
  margin: -9px 0 0 -2px;
}
.input-itens .dec {
  left: 0;
}
.icone {
  float: right;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  width: 35px !important;
  height: 35px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  margin-left: 6px;
  border: 1px solid #666;
}
.icone i {
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  font-size: 23px;
  color: #666;
  margin: -11.5px 0 0 -11px;
}
.icone:hover i {
  color: #FFF !important;
}
.icone.cesta:hover {
  background: #090;
  border: 1px solid #090;
}
.icone.remover:hover {
  background: #C00;
  border: 1px solid #C00;
}
.padrao1 {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  border: none !important;
  padding: 0!important;
  background-color: transparent;
  cursor: pointer;
}
input[type=submit].bt-atualizar-cesta {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  border: none !important;
  padding: 0!important;
  background-color: transparent;
  cursor: pointer;
}
a.botao-remover {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  border: none !important;
  padding: 0!important;
  background-color: transparent;
  cursor: pointer;
}
.padrao2 {
  font-size: 15px;
  color: #666;
  height: 42px;
  line-height: 42px;
  float: left;
  position: relative;
  z-index: 5;
  border: 1px solid #EBE9E9;
  cursor: pointer;
  padding: 0 22px 0 39px;
  background: transparent;
  font-family: Verdana, Geneva, sans-serif;
}
.icones2 {
  position: relative;
  float: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  margin: 0 10px 0 0;
}
.icones2 i {
  position: absolute;
  top: 9px;
  left: 10px;
  z-index: 0;
  font-size: 23px;
  color: #666;
}
.icones2.finalizar {
  background-color: #54941F;
  margin-right: 0;
  float: right;
}
.icones2.finalizar i {
  transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  color: #fff;
}
.icones2.finalizar input[type=submit] {
  color: #fff;
}
.icones2.finalizar:hover {
  background: #487f1b;
}
.icones2.atualizar,
.icones2.continuar-comprando {
  background-color: transparent;
}
.icones2.atualizar:hover,
.icones2.continuar-comprando:hover {
  background: #666;
}
.icones2.atualizar:hover,
.icones2.continuar-comprando:hover,
.icones2.atualizar:hover i,
.icones2.continuar-comprando:hover i,
.icones2.atualizar:hover input[type=submit],
.icones2.continuar-comprando:hover input[type=submit] {
  color: #fff;
}
.botoes-finalizar {
  padding: 15px 0 0 0;
}
.botoes-finalizar a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 15px;
  color: #666;
  height: 42px;
  line-height: 42px;
  float: left;
  position: relative;
  z-index: 5;
  border: 1px solid #EBE9E9;
  cursor: pointer;
  padding: 0 22px 0 39px;
  background: transparent;
  font-family: Verdana, Geneva, sans-serif;
}
.botoes-finalizar input[type=submit] {
  font-size: 15px;
  color: #666;
  height: 42px;
  line-height: 42px;
  float: left;
  position: relative;
  z-index: 5;
  border: 1px solid #EBE9E9;
  cursor: pointer;
  padding: 0 22px 0 39px;
  background: transparent;
  font-family: Verdana, Geneva, sans-serif;
}
.botoes-finalizar input[name=shop_cart_update] {
  background: transparent;
  z-index: 5;
  position: relative;
}
.botoes-finalizar a {
  color: #666;
  background-color: transparent;
  background-position: 10px -162px;
}
/*LOGIN*/
.login-shop {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #eee;
  background: #fff;
  padding: 30px;
  height: 320px;
  width: 60%;
  margin: 0 auto 0;
  display: table;
}
.login-shop h3 {
  color: #000;
  font-size: 30px;
  padding-bottom: 5px;
}
.login-shop span {
  float: left;
  width: 100%;
  line-height: 35px;
}
.login-shop .erro-login {
  font-weight: bolder;
  color: #d80000;
  font-size: 10px;
  line-height: 20px;
}
.login-shop a {
  float: right;
  display: block;
  margin-top: 10px;
  font-size: 14px;
}
.login-shop input[type=password] {
  width: 60%;
}
.login-shop input[type=submit] {
  width: 38%;
  border: none;
  float: right !important;
}
.recuperar {
  width: 100%;
}
.recuperar input[type=text] {
  width: 60%;
}
.box-cadastro {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #eee;
  background: #fff;
  padding: 30px;
  height: 320px;
  width: 60%;
  float: right;
}
.box-cadastro h3 {
  color: #000;
  font-size: 30px;
  padding-bottom: 5px;
}
.box-cadastro span {
  float: left;
  width: 100%;
  line-height: 35px;
}
.box-cadastro strong {
  font-family: fonte;
  font-size: 18px;
}
.box-cadastro input[type=submit] {
  width: 70%;
  height: 50px;
  font-size: 19px;
  background: #59B200;
}
.box-cadastro input[type=submit]:hover {
  background: #407f00;
}
/*Cadastro de usuario*/
.campo-cep {
  width: 25%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}
.bloco-autorizada {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  padding-right: 80px !important;
}
.bloco-autorizada b {
  display: block;
  padding-bottom: 5px;
}
.add-autorizado {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 26px;
  right: 15px;
  z-index: 0;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  background: #FFCC29;
  color: #fff;
  font-size: 30px;
  line-height: 47px;
  font-weight: bold;
}
.add-autorizado:hover {
  color: #fff;
  background: #dca700;
}
.campos-pessoas-autorizadas {
  width: 100%;
  float: left;
}
/*Confirmar Dados*/
.finalizar-dados h2 {
  font-size: 25px;
  margin-bottom: 10px;
  color: #FA9F2D;
}
.finalizar-dados h4 {
  color: #666;
  font-size: 20px;
}
.lista-confirmacao {
  width: 48%;
  margin-top: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  min-height: 280px;
  border: 1px solid #ccc;
  padding: 20px;
  background: #fff;
  font-size: 12px;
}
.lista-confirmacao p {
  text-align: right;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  padding: 0 10px;
  line-height: 25px;
  border-top: 1px dotted #e3e3e3;
}
.lista-confirmacao p:nth-child(2) {
  border: none;
}
.lista-confirmacao b {
  float: left;
  text-align: left;
}
.lista-confirmacao h2 {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  background: #FFCC29;
  color: #fff;
  font-size: 17px;
  padding: 10px;
  margin-bottom: 10px;
}
.dados-confirmacao {
  width: 48%;
  margin-top: 20px;
  min-height: 280px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right;
  border: 1px solid #ccc;
  padding: 20px;
  background: #fff;
}
.dados-confirmacao strong {
  font-size: 15px;
}
.dados-confirmacao h2 {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  background: #FFCC29;
  color: #fff;
  font-size: 17px;
  padding: 10px;
  margin-bottom: 10px;
}
.dados-confirmacao a {
  float: right;
  color: #FA9F2D;
  margin-top: 10px;
}
.valor-total {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  text-align: right;
  border-top: 2px solid #ccc;
  margin-top: 10px;
  padding-top: 10px;
  color: #40CD28;
  font-size: 14px;
}
.termos-condicoes {
  overflow: hidden;
  float: left;
  height: 1px;
  visibility: hidden;
}
.informacoes-adicionais {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  padding: 20px;
  margin-top: 20px;
  background: #fff;
  font-size: 12px;
  line-height: 1.6;
  border: 1px solid #ccc;
}
.informacoes-adicionais h2 {
  font-size: 18px;
  color: #333;
}
.formulario-shop {
  width: 100%;
}
.formulario-shop ::-webkit-input-placeholder {
  color: #666;
}
.formulario-shop ::-moz-placeholder {
  color: #666;
}
.formulario-shop :-ms-input-placeholder {
  color: #666;
}
.formulario-shop input:-moz-placeholder {
  color: #666;
}
.formulario-shop p {
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 10px;
}
.formulario-shop p.textarea-cadastro {
  width: 100%;
  margin: 6px 0 0;
}
.formulario-shop input {
  font-family: Tahoma, sans-serif;
}
.formulario-shop h3 {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 25px;
  color: #FFCC29;
  margin: 35px 0 15px;
}
.formulario-shop h4 {
  width: 100%;
  float: left;
  font-size: 24px;
  margin: 20px 0 0 0;
}
.formulario-shop strong {
  width: 100%;
  float: left;
  margin: 0 10px 0 0;
  line-height: 30px;
  font-size: 13px;
}
.formulario-shop select,
.formulario-shop input[type=text] {
  width: 95%;
}
.formulario-shop textarea {
  float: left;
  clear: both;
  width: 97%;
}
.formulario-shop input[type=submit] {
  float: none;
  display: table;
  margin: 20px auto 0;
  border: none;
  background: #FFCC29;
  color: #FFF;
}
.formulario-shop input[name=cad_cel],
.formulario-shop input[name=cad_cnpj],
.formulario-shop input[name=cad_razao],
.formulario-shop input[name=cad_tel_empresa],
.formulario-shop input[name=cad_site_empresa] {
  width: 97%;
}
.formulario-shop input[name=cad_login],
.formulario-shop input[name=cad_senha],
.formulario-shop input[name=cad_nome],
.formulario-shop input[name=cad_cpf],
.formulario-shop input[name=cad_cel],
.formulario-shop input[name=cad_cnpj],
.formulario-shop input[name=cad_razao],
.formulario-shop input[name=cad_cel_empresa],
.formulario-shop input[name=cad_num_ent],
.formulario-shop input[name=cad_bairro_ent],
.formulario-shop input[name=cad_cidade_ent] {
  border-left: 5px solid #CC0000;
}
.bt-continuar {
  float: left;
}
p.coluna-1 {
  width: 75%;
}
p.coluna-1 input {
  width: 97%;
}
p.coluna-2 {
  width: 50%;
}
p.coluna-2 input {
  width: 95%;
}
p.coluna-3 {
  width: 33%;
}
p.coluna-3 input {
  width: 95%;
}
p.coluna-3 input[name=cad_cidade] {
  width: 65%;
  margin: 0 5% 0 0;
}
p.coluna-3 select[name=cad_uf] {
  width: 25%;
  padding: 7px;
}
p.coluna-4 {
  width: 25%;
}
p.coluna-4 input {
  width: 90%;
}
p.coluna-enviar,
.botoes-finalizar {
  width: 100%;
}
.continuar-cadastro {
  margin: 10px 19px 0 0 !important;
}
.mensagem-cadastro h4 {
  font-size: 26px;
  padding: 0 0 7px;
}
.mensagem-cadastro input[type=submit] {
  float: none;
  display: table;
  margin: 22px auto 0;
  font-family: fonte;
  background-color: #AD1C22;
  font-size: 18px;
  padding: 0 30px;
}
.info-categoria {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 5px 14px 0;
  font-size: 13px;
}
.login {
  position: relative;
}
.login font {
  position: absolute;
  bottom: -25px;
  right: 19px;
  z-index: 5px;
}
/* Botao de Selecao de Tipo de Cadastro */
.campos-empresa {
  display: none;
}
.tipo-cadastro {
  width: 100%;
}
.tipo-cadastro padding:0 0 3px p {
  padding: 0 !important;
}
.tipo-cadastro span {
  display: inline-block;
  padding: 5px 5px 3px 5px;
  background: #002c53;
  line-height: 1.5;
}
.tipo-cadastro.fixo {
  position: static !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
}
.box-orcamento-novo .tipo-cadastro {
  position: absolute;
  top: 13px;
  right: 16px;
  z-index: 0;
}
.box-tipos-cadastro {
  margin-bottom: 15px;
}
.tipo-cadastro input[type=radio] {
  display: none;
}
.tipo-cadastro input[type=radio] + label {
  margin: -2px;
  padding: 4px 16px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 17px;
  color: #ffffff;
  height: 32px;
  line-height: 24px;
  font-family: fonte;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
}
.tipo-cadastro input[type=radio] + label:hover {
  opacity: 1;
  filter: alpha(opacity=1);
}
.tipo-cadastro input[type=radio]:checked + label {
  outline: 0;
  background: #FFCC29;
  opacity: 1;
  filter: alpha(opacity=1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
#form-cadastro-shop label.label-floatlabel {
  padding-left: 2px !important;
  top: 2px !important;
  left: 9px !important;
}
.feLoggedIn.area-cliente {
  margin-right: 0;
  padding-right: 10px;
}
.feLoggedIn.area-cliente span {
  font-family: fonte;
  position: absolute;
  top: -4px;
  left: 39px;
  z-index: 0;
  font-size: 10px;
  color: #000;
}
.feLoggedIn.area-cliente .bt-minha-conta {
  float: left;
  margin: 7px 58px -4px 0px;
  font-size: 12px;
}
.feLoggedIn.area-cliente .bt-sair {
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #B20000;
  margin: 0px 0 0 10px;
}
.feLoggedIn.area-cliente .bt-sair input[type="submit"] {
  width: 20px;
  height: 20px;
  border: 0;
  background: transparent;
  position: relative;
  z-index: 999;
}
.feLoggedIn.area-cliente .bt-sair .x {
  content: '';
  width: 2px;
  height: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  background: #fff;
}
.feLoggedIn.area-cliente .bt-sair:after {
  content: '';
  width: 2px;
  height: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  margin: -5px 0 0 -1px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.feLoggedIn.area-cliente .bt-sair:before {
  content: '';
  width: 2px;
  height: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 50%;
  z-index: 0;
  margin: -5px -1px 0 0;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.conf-pedido {
  margin-top: 45px;
}
.conf-pedido h3 {
  font-size: 30px;
}
.conf-pedido .lista-quantidade-final {
  text-align: left;
  width: 29%;
}
.conf-pedido .lista-quantidade-final b {
  display: none;
}
.conf-pedido .finalizar-dados {
  width: 100%;
  float: left;
  border-top: 1px solid #eee;
  margin-top: 15px;
  padding-top: 10px;
}
.bloco-resumo {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 49%;
  height: 194px;
  padding: 15px;
  background: #F7F7F7;
}
.bloco-resumo h3 {
  color: #FFCC29;
  margin-bottom: 5px;
}
.bloco-resumo strong {
  font-weight: normal;
  margin-bottom: 10px;
  width: 100%;
  float: left;
}
.bloco-resumo strong a {
  margin-left: 10px;
  cursor: pointer;
}
.bloco-resumo .total {
  width: 100%;
  float: left;
  border-top: 2px solid #EEEEEE;
  margin-top: 25px;
  padding-top: 5px;
}
.bloco-resumo .total span {
  float: right;
}
.bloco-resumo input {
  background: none !important;
  border: none !important;
  width: auto;
  float: left;
  color: #FFCC29;
}
.bloco-resumo input:hover {
  color: #c29400;
}
.formulario.form-termos {
  width: 100%;
}
.formulario.form-termos h3 {
  font-size: 20px;
  margin: 35px 0 25px;
}
.formulario.form-termos p {
  float: left;
  position: relative;
}
.formulario.form-termos p.b2 {
  width: 49%;
}
.formulario.form-termos p.b2.r {
  float: right;
}
.formulario.form-termos textarea {
  padding-left: 40px;
}
.formulario.form-termos input[type=text] {
  padding-left: 40px;
}
.formulario.form-termos i {
  position: absolute;
  top: 15px;
  left: 11px;
  z-index: 0;
  font-size: 18px;
}
.formulario.form-termos i.icon-text {
  top: 8px;
  font-size: 23px;
}
.formulario.form-termos u {
  position: absolute;
  top: 14px;
  left: 9px;
  z-index: 0;
  width: 24px;
  height: 21px;
  background: url('../../images/icon-card.jpg') center no-repeat;
}
.botoes-continuar {
  margin-top: 15px;
}
.botoes-continuar input[type="submit"] {
  float: right;
  background: #FFCC29 !important;
  margin-left: 15px;
  font-family: Tahoma, sans-serif;
}
.botoes-continuar .voltar {
  float: right;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 15px;
  color: #fff;
  background: #b3b3b3;
}
.produtos-shop {
  max-width: 950px !important;
}
.produtos-shop h3 {
  float: left;
  font-size: 27px;
  color: #FFCC29;
  margin-bottom: 15px;
}
.produtos-shop .valor-total {
  color: #444;
  margin-top: -6px;
  font-size: 18px;
  font-weight: bold;
}
.confirmar-dados {
  color: #000;
  border-bottom: 1px solid #eee;
}
.confirmar-dados li {
  width: 15%;
  border-left: 1px solid #eee;
}
.confirmar-dados li.fl {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: none;
  padding-right: 15px;
}
.confirmar-dados li.fl a {
  float: left;
  color: #444;
  text-align: left;
}
/*Mensagem de Pedido realizado com sucesso */
.sucesso {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.sucesso h2 {
  margin-bottom: 20px;
}
.sucesso b {
  font-size: 40px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  display: block;
  padding: 20px 30px;
  color: #d80000;
  border: 2px solid #d80000;
  float: left;
  margin: 10px 0 20px;
  background: #fff;
}
.cliente-interna h1 {
  margin-bottom: 45px;
}
.categorias-cliente {
  width: 100%;
  margin: 0 0 25px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.categorias-cliente li {
  float: left;
  position: relative;
  font-size: 18px;
  margin-right: 35px;
}
.categorias-cliente li a {
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  color: #444;
}
.categorias-cliente li a:hover {
  color: #FFCC29;
}
.categorias-cliente li:before {
  content: '';
  width: 6px;
  height: 6px;
  float: left;
  margin: 10px 9px 0 0;
  background: #444;
}
.categorias-cliente form {
  float: left;
}
.categorias-cliente input {
  background: none !important;
  border: none;
  width: auto;
  font-family: Tahoma, sans-serif;
  color: #444;
  text-align: left;
  float: left;
  height: auto !important;
  line-height: 1.4 !important;
}
.categorias-cliente input:hover {
  color: #FFCC29;
}
/* LOGIN*/
.login-shop.single {
  display: table;
  margin: 0 auto 0;
  float: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 40%;
  height: 270px;
  border: 1px solid #E6E6E6;
  background: #F8F8F8;
  padding: 30px;
}
.login-shop.single h3 {
  font-size: 30px;
  padding-bottom: 5px;
}
.login-shop.single #feLogin {
  margin-bottom: 13px;
}
.historico-shop {
  width: 100%;
  font-size: 13px;
}
.lista-historico {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  border-top: none;
  color: #545454;
}
.lista-historico.on {
  background: #5F5555 !important;
}
.lista-historico.on .col-historico {
  border-right: none;
  color: #fff;
}
.historicoButton {
  cursor: pointer;
  border-right: 0 !important;
}
.historicoButton img {
  margin: 0 0 2px 12px;
}
.historicoContent {
  width: 100%;
  display: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 12px;
  color: #333;
  background: #5F5555;
  padding: 10px 15px 25px;
  border-top: none;
}
.historicoContent button,
#shop_cart_add {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-family: fonte;
  font-size: 16px;
  color: #fff;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 146px;
  background-color: #A9181E;
  margin: 13px 0 0;
  border: 1px solid #FFF;
  cursor: pointer;
}
#shop_cart_add {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 188px;
  z-index: 0;
  width: 100px;
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
}
.titulos-historico {
  width: 100%;
  background: #aaa;
  color: #fff;
  border-bottom: 5px solid #666;
}
.titulos-historico .col-tit {
  font-family: Tahoma, sans-serif;
}
.valor-pedido {
  text-align: right;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 13px;
  color: #444;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  height: auto !important;
  background: #DDDDDD;
  padding: 8px 19px 5px;
  font-weight: bold;
  margin-top: 13px;
  border: 1px solid #fff;
  line-height: 1.5;
}
.valor-pedido b {
  font-size: 20px;
  color: #AD1C22;
  padding: 0 0 0 2px !important;
}
.valor-pedido p {
  width: 100%;
  padding: 0;
}
.col-tit {
  float: left;
  text-align: center;
  height: 46px;
  line-height: 50px;
  font-family: fonte;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 12px;
  border-right: 1px solid #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.col-historico {
  float: left;
  text-align: center;
  height: 46px;
  line-height: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  border-right: 1px solid #E4E4E4;
}
.tit-produtos {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: fonte;
  font-size: 18px;
  color: #000;
  background: #C7C7C7;
  border: 1px solid #fff;
}
.tit-produtos .tit-lista {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px 10px 4px 12px;
  border-right: 1px solid #fff;
}
.tit-produtos strong {
  font-weight: normal !important;
}
.lista-itens {
  width: 100%;
  display: table;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 7px;
  font-size: 14px;
}
.lista-itens b {
  font-size: 10px;
}
.lista-itens > div {
  float: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 20px;
  line-height: 18px;
  padding: 10px 10px 9px;
  display: table-cell;
  vertical-align: middle;
}
.col1 {
  text-align: left !important;
  padding: 0 0 0 15px;
}
.col15 {
  width: 15%;
}
.col20 {
  width: 20%;
}
.col25 {
  width: 25%;
}
.col30 {
  width: 30%;
}
.col35 {
  width: 35%;
}
.col40 {
  width: 40%;
}
.col45 {
  width: 45%;
}
.col50 {
  width: 50%;
}
.col55 {
  width: 55%;
}
.col60 {
  width: 60%;
}
.col-centro {
  text-align: center !important;
}
.col-direita {
  text-align: right !important;
}
.sem-borda {
  border: none !important;
}
.select-reenviar {
  display: none;
}
.select-reenviar label {
  float: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 3px 2px 2px 3px;
  margin: 0 8px 0 0;
}
.select-reenviar input[type=checkbox] {
  width: 12px;
  height: 12px;
  apparence: checkbox;
  -webkit-appearance: checkbox;
  -moz-apparence: checkbox;
}
.mensagem-alteracao {
  text-align: center;
  font-family: fonte;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  height: 31px;
  line-height: 33px;
  font-size: 16px;
  color: #fff;
  width: 97%;
  padding: 0 10px;
  margin: 11px 0 20px;
}
.sucesso-alteracao {
  background: #9C6;
}
.erro-alteracao {
  background: #CC3434;
}
.novo-pedido,
.pedidos-finalizados {
  height: 24px;
  line-height: 24px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  float: left;
  text-align: center;
  background: #eee;
  border: 1px solid #E6E6E6;
  color: #868686;
  padding: 5px 10px;
  margin: 0 20px 15px 0;
}
.novo-pedido:hover,
.pedidos-finalizados:hover {
  background: #e6e6e6;
  color: #868686;
}
.nenhum-pedido {
  width: 100%;
  font-family: fonte;
  text-align: center;
  font-size: 20px;
  padding-top: 165px;
}
.lista-informacoes-entrega {
  text-align: left;
  font-weight: normal;
}
.select-cliente {
  width: 30%;
  margin: 27px 0 0 0;
}
.select-cliente select {
  font-family: Tahoma, sans-serif;
}
.formulario-shop.cadastro {
  padding: 0;
}
.formulario-shop.cadastro h3 {
  margin: 25px 0px 0px;
}
.form-senha {
  float: none;
  display: table;
  margin: 0 auto 0;
  width: 60%;
}
.form-senha strong {
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 20px;
  color: #FFCC29;
  font-family: fonte;
  display: none;
}
.form-senha .bloco-1 {
  margin-bottom: 10px;
}
.form-senha input[type=submit] {
  width: 100%;
  margin-top: 0;
}
.cadastro-overflow {
  width: 100%;
}
.formulario-shop input.error {
  border-color: #f00;
}
/*--INICIO DA CONFIGURACAO DA PAGINACAO--*/
.paginacao {
  clear: both;
  float: right;
  margin-top: -15px;
}
.paginacao a {
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  height: 41px;
  line-height: 41px;
  border: 1px solid #E9E9E9;
  min-width: 46px;
  padding: 0 4px;
  margin: 0 7px;
  text-decoration: none;
  font-size: 17px;
  float: left;
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  transform: translate(-3px, -3px);
  -moz-transform: translate(-3px, -3px);
  -webkit-transform: translate(-3px, -3px);
  -ms-transform: translate(-3px, -3px);
  color: #333;
}
.paginacao a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background: #fff;
}
.paginacao a:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #E9E9E9;
}
.paginacao a:before {
  transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  position: absolute;
  bottom: -3px;
  right: -3px;
  z-index: -3;
}
.paginacao a:hover {
  transform: translate(-2px, -2px);
  -moz-transform: translate(-2px, -2px);
  -webkit-transform: translate(-2px, -2px);
  -ms-transform: translate(-2px, -2px);
  color: #BBB;
}
.paginacao a:hover:before {
  position: absolute;
  bottom: -2px;
  right: -2px;
  z-index: -3;
}
.paginacao span {
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  height: 41px;
  line-height: 41px;
  border: 1px solid #E9E9E9;
  min-width: 46px;
  padding: 0 4px;
  margin: 0 7px;
  text-decoration: none;
  font-size: 17px;
  float: left;
  transform: translate(-2px, -2px);
  -moz-transform: translate(-2px, -2px);
  -webkit-transform: translate(-2px, -2px);
  -ms-transform: translate(-2px, -2px);
  cursor: default;
  color: #BBB;
}
.paginacao span:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background: #fff;
}
.paginacao span:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #E9E9E9;
}
.paginacao span:before {
  position: absolute;
  bottom: -2px;
  right: -2px;
  z-index: -3;
}
.bt-prev i,
.bt-anterior i {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  width: 15px;
  height: 15px;
  display: block;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin: 12px 0 0 12px;
}
.apn_next i,
.bt-proximo i {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  width: 15px;
  height: 15px;
  display: block;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin: 12px 0 0 5px;
}
/*--FIM DA CONFIGURACAO DA PAGINACAO--*/
/*RESPONSIVO*/
.info-lateral {
  display: none;
}
.ico-fone-responsivo {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .banner {
    height: auto;
  }
  .legenda-banner {
    margin-top: 180px;
  }
  .center {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    float: left !important;
    display: block;
    margin: 0!important;
    padding: 0 15px;
  }
  .menu-fixo {
    display: none;
  }
  .topo {
    width: 100%;
  }
  .topo aside {
    width: 170px;
  }
  .pmenu a {
    padding: 0 8px;
  }
  .p-bottom {
    float: left;
    margin-right: 0;
  }
  .banner li {
    height: 310px;
  }
  .linha-produtos {
    width: 100%;
  }
  .linha-produtos article {
    margin: 0 50px 35px !important;
  }
  .cnt-home {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .cnt-interna {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    padding: 0 15px 40px;
  }
  .rodape .right {
    width: 22%;
    padding: 0 0 8px 8px;
  }
  .rodape .redes-rod {
    width: 135px;
  }
  .pgwSlideshow {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1023px) {
  /*RESET*/
  html,
  body {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
  }
  html {
    height: 100%;
  }
  .bloco-3,
  .bloco-4,
  .bloco-5 {
    width: 50%;
  }
  /*-------------------------------------------------------------------------------------------------------------------------------------------------*/
  /*INICIO DA CONFIGURACAO DO TOPO RESPONSIVO*/
  #headerBlock {
    position: fixed;
    z-index: 99999;
  }
  .topo {
    height: 104px;
    position: relative;
    z-index: 1501;
    border-bottom: 1px solid #FFCC29;
  }
  .topo .redes {
    display: none;
  }
  .p-bottom {
    border-top: 1px solid #FFCC29;
  }
  .logo {
    width: 96px !important;
    height: 56px !important;
    margin: 0 !important;
    background-position: center;
  }
  .logo:after {
    display: none;
  }
  .telefone {
    display: none;
  }
  .ico-fone-responsivo {
    display: block;
    float: right;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    padding: 5px;
    color: #222221;
    font-size: 30px;
    margin-top: 8px;
  }
  .ico-fone-responsivo.on {
    background: #222221;
    color: #fff;
  }
  /* INICIO INFO LATERAL----------------------------------------------------------------------------------------*/
  .info-lateral {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    top: 90px;
    right: -110%;
    z-index: 9999;
    display: block;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    text-align: center;
    width: 90%;
    padding: 20px;
    /*personaliza��o do link para formulario*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    background: #FFCC29;
    border: 1px solid #fff;
    /*.whatsapp{
        color:#fff;
        &:before{
            content:'WhatsApp';
            padding-right: 7px;
            .tit1(11px, fade(@cor-texto,50%));
            .fonte;
        }
    }*/
  }
  .info-lateral.on {
    right: 5%;
  }
  .info-lateral a {
    color: #FFF;
  }
  .info-lateral .redes {
    float: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: table;
    margin: 0 auto 0;
    padding: 25px 10px;
  }
  .info-lateral .redes span {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    font-family: fonte;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 10px;
  }
  .info-lateral .redes a {
    float: none;
    display: inline-block;
  }
  .info-lateral .redes i {
    background: #fff;
    color: #FFCC29;
  }
  .info-lateral .telefone-lateral {
    width: 100%;
    float: left;
    padding: 5px 0 15px;
    font-size: 14px;
    border-bottom: 1px solid #ffc610;
  }
  .info-lateral .email-lateral {
    width: 100%;
    float: left;
    padding: 12px 0;
    font-size: 12px;
    border-bottom: 1px solid #ffc610;
  }
  .info-lateral .formulario-contato {
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: fonte;
    font-size: 15px;
    color: #FFCC29;
    background: #fff;
  }
  /* PERSONALIZAÇÃO DAS CONTENT INFOS LATERAIS  */
  /* FIM INFO LATERAL*/
  /* FIM DA CONFIGURACAO DO TOPO RESPONSIVO */
  /*-------------------------------------------------------------------------------------------------------------------*/
  /* INICIO DA CONFIGURACAO DO CORPO RESPONSIVO */
  .interna.int-shop {
    padding-top: 9px;
  }
  .interna:before {
    height: 70px;
  }
  .interna:after {
    top: 65px;
  }
  .cnt-interna {
    float: left;
  }
  .cnt-interna h1 {
    margin-bottom: 20px;
  }
  .cnt-interna h2 {
    display: none;
  }
  #mainBlock {
    padding-top: 104px;
  }
  .corpo {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px;
  }
  .banner {
    width: 100%;
    height: auto;
  }
  .banner li {
    height: 225px;
  }
  .legenda-banner {
    width: 50%;
    margin-top: 98px;
    font-size: 20px;
  }
  .content {
    width: 100%;
    float: left;
  }
  .home:before {
    display: none;
  }
  .cnt-home {
    padding: 0 15px 33px;
  }
  .cnt-home .produtos .bloco-produtos {
    width: 46% !important;
  }
  .linha-produtos article {
    width: 65%;
    display: table !important;
    margin: 0 auto 35px !important;
    display: table;
  }
  .linha-produtos figure {
    width: 99.9%;
  }
  .interna {
    padding-top: 9px;
  }
  .lista-noticias.show-room {
    margin: 20px 0 30px;
  }
  .cnt-shop {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px 0 40px;
  }
  .cnt-shop h1 {
    color: #FFCC29;
    margin: 25px 0;
  }
  .cnt-shop h2.dn {
    display: none;
  }
  .cnt-shop .shop {
    padding-top: 0;
  }
  .login-shop.single {
    margin-top: 40px;
  }
  .pgwSlideshow {
    margin-top: 35px !important;
  }
  .lista-noticias {
    margin: 15px 0 30px;
  }
  .lista-noticias h3 {
    font-size: 22px;
    margin-bottom: 5px;
  }
  .lista-noticias .txt {
    font-size: 13px;
  }
  .noticia-completa {
    font-size: 14px;
  }
  .noticia-completa h3 {
    font-size: 23px;
    margin: 10px 0 5px;
  }
  /*CONTATO RESPONSIVO*/
  .content.contato {
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 30px;
    margin: 0;
  }
  .right.contato {
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
  }
  /* FIM DA CONFIGURACAO DO CORPO RESPONSIVO */
  /* INICIO DA CONFIGURACAO DO RODAPE RESPONSIVO */
  .left {
    float: none;
    display: table;
    margin: 0 auto 20px;
  }
  .menu-rodape li {
    margin-right: 20px;
  }
  .rodape {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
  }
  .rodape .right {
    float: none;
    display: table;
    margin: 0 auto 20px;
    width: 225px;
    padding: 0;
    border: none;
  }
  .rodape .redes-rod {
    display: none;
  }
  .copyright {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    padding: 15px;
    font-size: 11px;
  }
  .copyright a {
    float: none;
    display: block;
  }
  /* FIM DA CONFIGURACAO DO RODAPE RESPONSIVO */
  /*--INICIO DA CONFIGURACAO DE TEXTO COM IMAGEM PADRAO--*/
  .imagem-esquerda {
    width: 40%;
  }
  .imagem-esquerda img {
    max-width: 100%;
    height: auto;
  }
  .texto-direita {
    width: 57%;
  }
  .imagem-direita {
    width: 40%;
  }
  .imagem-direita img {
    max-width: 100%;
    height: auto;
  }
  .texto-esquerda {
    width: 57%;
  }
  /*--FIM DA CONFIGURACAO DE TEXTO COM IMAGEM PADRAO--*/
  /*INICIO DA CONFIGURACAO DO FORMULARIO RESPONSIVO*/
  .formulario p {
    width: 100%;
    margin: 0 0 15px;
  }
  .formulario strong {
    width: 100%;
    text-align: left;
    padding: 0 0 4px;
    line-height: 1.1;
  }
  .form-interna strong {
    text-align: left;
    padding: 0 0 4px;
    line-height: 1.1;
  }
  .formulario select,
  .formulario textarea {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 7px 35px 6px 7px;
  }
  .formulario textarea {
    padding: 7px;
    margin-bottom: 20px;
  }
  .formulario input[type=submit] {
    margin: 0 auto;
    float: none;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    width: 90%;
  }
  /*FIM DA CONFIGURACAO DO FORMULARIO RESPONSIVO*/
  /*===== Botão Subir =====*/
}
@media only screen and (max-width: 600px) {
  .bloco-2 {
    width: 50%;
  }
  .bloco-4 {
    width: 50%;
  }
  .bloco-5 {
    width: 100%;
  }
  .cnt-interna h1 {
    font-size: 30px;
    margin: 12px 0 20px;
  }
  .cnt-interna h1:before {
    top: -5px;
  }
  .linha-produtos h2 {
    font-size: 21px;
  }
  .titulo1 {
    font-size: 16px;
  }
  .titulo2 {
    font-size: 15px;
  }
  .titulo3 {
    font-size: 14px;
  }
  .titulo4 {
    font-size: 13px;
  }
  .imagem-esquerda,
  .imagem-direita {
    display: none;
  }
  .texto-direita,
  .texto-esquerda {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .link-dicas {
    width: 100%;
    margin: 0 0 20px;
  }
  #newsletter {
    width: 100%;
  }
  .menu-rodape {
    display: none;
  }
  .legenda-banner {
    margin-top: 70px;
  }
  .banner li {
    height: 153px;
  }
  .lista-noticias.show-room {
    width: 50%;
  }
  .parallax .center {
    padding: 0;
  }
  .parallax .txt-parallax {
    width: 100% !important;
    font-size: 13px;
    padding: 0 15px;
    height: 220px;
  }
  .parallax .txt-parallax .titulo3 {
    font-size: 20px;
  }
  .parallax .txt-parallax a {
    bottom: 6px;
    right: 15px;
  }
  .parallax-window {
    min-height: 220px;
  }
  .cnt-shop h2 {
    color: #FFCC29 !important;
    margin-bottom: 10px;
  }
  .cnt-shop h1 {
    margin: 10px 0 15px;
    font-size: 19px;
  }
  .cnt-shop h1:before {
    top: -13px;
  }
  .home h1 {
    margin: 20px 0 25px;
    font-size: 22px;
  }
  .cnt-home .produtos .bloco-produtos {
    width: 100% !important;
    margin: 0 !important;
  }
  .rodape {
    width: 100%;
  }
  .tel-rod i {
    margin: 16px 17px 0 0;
  }
}
@media only screen and (max-width: 480px) {
  .legenda-banner,
  .topo .redes {
    display: none;
  }
  .mapa form {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    padding: 20px 10px;
  }
  #newsletter input[type=submit] {
    width: 90px;
    font-size: 14px;
  }
  .linha-produtos {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 15px;
  }
  .linha-produtos article {
    width: 100%;
  }
  .home {
    padding-top: 0;
  }
  .end-rod {
    text-align: center;
    margin-bottom: 5px;
  }
  .end-rod i {
    display: none;
  }
  .banner li {
    height: 128px;
  }
  .lista-noticias.show-room {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}
@media only screen and (max-width: 360px) {
  .acesso-topo .bt-minha-conta {
    margin: 6px -5px 0px 0px !important;
    font-size: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .cnt-home .produtos .bloco-produtos {
    width: 29%;
    margin: 0 2% 59px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .entrega {
    display: none;
  }
  .interna.int-shop h2 {
    font-size: 15px;
    color: #002c53;
    margin-bottom: 0;
    display: none;
  }
  .interna.int-shop h2 .manter {
    display: block;
  }
  .carrinho-vazio {
    background-size: contain;
  }
  .acesso-topo {
    margin: 0 -7px 0 0px;
    background: none;
  }
  .acesso-topo .area-cliente {
    border: none;
    padding: 3px;
    background: none;
    margin: 2px 15px 1px 0;
    width: 45px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
  }
  .acesso-topo .area-cliente span {
    display: none;
  }
  .acesso-topo .area-cliente:after {
    content: "Sua Conta";
    font-size: 9px;
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    font-family: fonte;
  }
  .acesso-topo .area-cliente i {
    font-size: 18px;
    color: #FFCC29;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    padding: 3px;
    background: #fff;
    display: table;
    margin: 0 auto 2px;
    float: none;
  }
  .acesso-topo .area-cliente .usuario-logado {
    width: 100%;
  }
  .acesso-topo .area-cliente .usuario-logado a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 120%;
    margin: 0;
    text-indent: -9999px;
  }
  .acesso-topo .area-cliente .bt-sair {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    margin: 0;
  }
  .acesso-topo .cart-small {
    position: relative;
    border: none;
    padding: 0;
    background: none;
    margin: 2px 0 4px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
  }
  .acesso-topo .cart-small span {
    display: none;
  }
  .acesso-topo .cart-small a:after {
    content: "Carrinho";
    font-size: 9px;
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    font-family: fonte;
  }
  .acesso-topo .cart-small i {
    font-size: 25px;
    color: #fff;
    display: table;
    margin: 5px auto -1px;
    float: none;
  }
  .acesso-topo .cart-small small {
    display: block;
    position: absolute;
    top: 4px;
    right: -6px;
    z-index: 0;
    font-family: fonte;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    font-size: 10px !important;
    color: #002c53 !important;
    padding: 0 4px;
    background: #FA9F2D;
  }
  .topo-area .acesso-topo {
    margin-top: 26px;
    background: #002c53;
    padding: 2px 13px 0px 0;
  }
  .busca {
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    width: 100%;
    padding: 0 112px 0px 3px;
  }
  .busca i {
    bottom: 11px;
    right: 123px;
  }
  .busca input {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    height: 43px ;
    font-size: 16px;
  }
  .busca input[type=submit] {
    height: 43px;
    bottom: 0;
    right: 112px;
  }
  .home .categorias {
    margin-top: 30px !important;
  }
  .categorias {
    width: 100%;
    float: left;
    margin-top: 15px;
  }
  .categorias li {
    min-width: 100%;
  }
  .categorias li:before {
    margin-top: 17px;
  }
  .categorias h3 {
    display: block;
  }
  .categorias nav {
    height: 0;
    transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform-origin: top;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    overflow: hidden;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
  }
  .categorias nav.on {
    height: auto;
    transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
  }
  .tabela-finalizar-produtos {
    float: left;
    width: 100%;
  }
  .lista-produtos-final {
    background: #f2f2f2;
    padding: 10px 10px 0;
    margin: 15px 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
  }
  .lista-produtos-final li {
    width: 100%;
    float: left;
    padding: 7px 0;
  }
  .lista-produtos-final li a {
    width: 100%;
    padding: 0 0 15px;
  }
  .lista-produtos-final li.lista-produto {
    border-bottom: 1px solid #ccc;
  }
  .topo-tabela {
    display: none;
  }
  .left.bloco-resumo {
    float: left;
    margin: 0;
  }
  .lista-valor {
    border-top: 1px solid #ccc;
    padding: 10px 0  0 !important;
    margin-top: 10px;
    text-align: center;
  }
  .valor-total {
    border-top: none;
  }
  .input-itens {
    width: 100%;
  }
  /*Finalizar pedido*/
  .botoes-finalizar {
    width: 100%;
  }
  .botoes-finalizar input[type=submit] {
    width: 100% !important;
    padding: 0 !important;
  }
  .botoes-finalizar .finalizar {
    width: 100%;
    margin: 10px 0;
  }
  .botoes-finalizar .outros-botoes {
    margin: 0;
    width: 49%;
    font-size: 12px;
    text-transform: uppercase;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    display: table;
  }
  .botoes-finalizar .atualizar {
    margin: 0;
    width: 49%;
    font-size: 12px;
    text-transform: uppercase;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    display: table;
    float: right;
  }
  .botoes-finalizar .continuar-comprando {
    margin: 0;
    width: 49%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    text-align: center;
    display: table;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
  }
  .botoes-finalizar .continuar-comprando span {
    width: 100%;
    height: 42px;
    display: table-cell;
    vertical-align: middle;
  }
  .login-shop input[type=submit] {
    width: 38% !important;
    padding: 0 !important;
  }
  .topo-area .logo {
    width: 130px !important;
    height: 72px !important;
    margin: 16px 0 0 !important;
  }
  .areacliente h1 {
    margin-bottom: 0;
  }
  .areacliente h2 {
    color: #000;
    margin-bottom: 0;
  }
  .historico-shop {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .box-cadastro,
  .login-shop {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0 15px;
    border: none;
    height: auto;
  }
  .login-shop {
    border-bottom: 1px solid #ccc;
  }
  .login-shop h3 {
    font-size: 27px;
    padding: 0;
  }
  .login-shop span {
    line-height: normal;
    margin-bottom: 5px;
    font-size: 12px;
  }
  .login-shop p {
    margin-bottom: 2px;
  }
  .login-shop a {
    width: 100%;
    text-align: center;
    margin: 4px 0 5px;
  }
  .box-cadastro h3 {
    font-size: 27px;
    padding: 0;
  }
  .formulario-shop p {
    width: 100% !important;
  }
  .formulario-shop p input,
  .formulario-shop p select {
    width: 100% !important;
  }
  .formulario-shop .botoes-continuar .voltar {
    margin: 10px auto 0;
    display: table;
    float: none;
  }
  .bloco-resumo {
    width: 100%;
    height: auto;
    margin-top: 25px;
  }
  .formulario.form-termos p {
    width: 100% !important;
    padding: 0 !important;
  }
  .detalhe-imagens {
    width: 100%;
    margin: 0 0 20px;
  }
  .caracteristicas {
    width: 100%;
  }
  .caracteristicas small {
    margin-bottom: 10px;
    padding-bottom: 60px;
  }
  .detalhes .comprar-produto b.preco {
    float: none;
    margin: 0 auto 10px;
    display: table;
  }
  .precos {
    margin-top: 0;
  }
  .precos input[type=submit].list-add-button {
    width: 45%;
  }
  .bloco-resumo {
    font-size: 12px;
  }
  .bloco-resumo input {
    font-size: 15px;
  }
  .conf-pedido {
    margin: 0;
  }
  .conf-pedido h3 {
    font-size: 23px;
  }
  .form-senha {
    width: 100%;
  }
  .historico-shop {
    overflow: auto;
  }
  .tabela {
    width: 130%;
    float: left;
  }
  .login-shop.single {
    width: 100%;
  }
  .areacliente .form-senha {
    margin-top: 20px;
  }
  .carrinho-vazio {
    height: 143px;
  }
}
@media only screen and (max-width: 481px) {
  .img-finalizar {
    float: left;
    margin: 0 9px 0 0;
  }
  .lista-produtos-final li {
    padding: 0 0 10px;
    margin-bottom: 10px;
  }
  .lista-produtos-final li a {
    line-height: 16px;
    display: block;
  }
  li.lista-quantidade {
    padding: 0 !important;
    margin: 0 !important;
  }
  .botoes-finalizar .continuar-comprando,
  .botoes-finalizar .atualizar {
    width: 100%;
    margin-bottom: 10px;
  }
  #abas a {
    font-size: 16px;
  }
  .botoes-continuar {
    margin-top: 0;
  }
  .botoes-continuar input[type="submit"] {
    float: none;
    display: table;
    margin: 0 auto 15px;
  }
  .botoes-continuar .voltar {
    display: table;
    margin: 0 auto 0;
    float: none;
  }
  .descricao {
    margin-top: 0;
  }
  .cnt-home .produtos .bloco-produtos {
    margin: 0 0 59px !important;
  }
  .lista-produtos {
    width: 100%;
  }
  .comprado {
    width: 80%;
    margin-right: -47.5%;
  }
}
@media only screen and (max-width: 360px) {
  .detalhes .comprar-produto i {
    display: none;
  }
  .detalhes .quantidade {
    width: 60%;
    float: none;
    display: table;
    margin: 10px auto 10px;
  }
  .detalhes .quantidade:after {
    display: none;
  }
  .precos input[type=submit].list-add-button {
    width: 85%;
    display: table;
    margin: 0 auto 0;
    float: none;
  }
  .lista-produtos-final {
    margin-bottom: 0;
  }
  .lista-produtos-final li a {
    font-size: 12px;
  }
  .botoes-finalizar {
    padding: 0;
  }
  .tabela {
    width: 180%;
  }
  .botoes-continuar input[type="submit"] {
    width: 190px;
  }
}
/*SLIDER GALERIAS*/
.pgwSlideshow {
  width: 1170px;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
  background: #fff;
  display: none;
}
.pgwSlideshow a {
  color: #fff;
}
.pgwSlideshow .ps-current {
  text-align: center;
  position: relative;
  min-height: 150px;
  overflow: hidden;
  padding: 0 0 25px;
  background: url(../../images/bg-slider-galeria.png) repeat-x center;
}
.pgwSlideshow .ps-current > ul > li {
  text-align: center;
  width: 100%;
  z-index: 1;
  opacity: 0;
  display: block;
}
.pgwSlideshow .ps-current > ul > li img {
  display: block;
  max-width: 100%;
  margin: auto;
  padding: 2px;
  border: 1px solid #CCC;
  border-radius: 8px;
  background: #FFF;
}
.pgwSlideshow .ps-caption {
  background: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
  text-align: left;
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 10px;
  display: none !important;
}
.pgwSlideshow .ps-caption span {
  padding: 7px;
  display: inline-block;
}
.pgwSlideshow .ps-list {
  border-top: 1px solid #555;
  box-shadow: 0 10px 10px -5px #333 inset;
  background: #eee;
  overflow: hidden;
  position: relative;
}
.pgwSlideshow .ps-list ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
}
.pgwSlideshow .ps-list li {
  float: left;
}
.pgwSlideshow .ps-list li .ps-item {
  display: block;
  margin: 15px 8px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.pgwSlideshow .ps-list li .ps-item:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.pgwSlideshow .ps-list li img {
  display: block;
  border: 1px solid #777;
  width: 80px;
  height: 80px;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected {
  float: left;
  opacity: 1;
  border: 4px solid #fff;
  overflow: hidden;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {
  margin: -4px;
}
.pgwSlideshow .ps-prevIcon,
.pgwSlideshow .ps-nextIcon {
  border-color: transparent #fff;
  border-style: solid;
  display: block;
}
.pgwSlideshow .ps-prevIcon {
  border-width: 15px 15px 15px 0;
}
.pgwSlideshow .ps-nextIcon {
  border-width: 15px 0 15px 15px;
}
.pgwSlideshow .ps-current .ps-prev,
.pgwSlideshow .ps-current .ps-next {
  background: #FFCC29;
  border: 3px solid #002C53;
  border-radius: 50%;
  position: absolute;
  margin: -30px 0 0 0;
  cursor: pointer;
  top: 50%;
  width: 15px;
  height: 28px;
}
.pgwSlideshow .ps-current .ps-prev:hover,
.pgwSlideshow .ps-current .ps-next:hover {
  background: #ffc610;
}
.pgwSlideshow .ps-current .ps-prev {
  padding: 12px 22px 12px 16px;
  left: 0;
}
.pgwSlideshow .ps-current .ps-next {
  padding: 12px 16px 12px 22px;
  right: 0;
}
.pgwSlideshow .ps-list .ps-prev {
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
  padding: 41px 15px 41px 12px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 1000;
  display: none;
}
.pgwSlideshow .ps-list .ps-next {
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
  padding: 41px 15px 41px 12px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000;
  display: none;
}
.pgwSlideshow.narrow .ps-list li img {
  width: 60px;
  height: 60px;
}
.pgwSlideshow.narrow .ps-current .ps-prev {
  left: 3%;
}
.pgwSlideshow.narrow .ps-current .ps-next {
  right: 3%;
}
.pgwSlideshow.narrow .ps-caption {
  font-size: 0.8rem;
  padding: 8px;
}
/*# sourceMappingURL=frontend.css.map */