/* CSS com customizações extras para evitar mexer nos arquivos CSS originais. */
/* OBS: Pontos de força são locais aonde foi forçado um posicionamento fora do padrão para
        aparecer corretamente no layout.;

/* Versão DESKTOP */
@media (min-width: 1170px){

    /* HOME. */
  
    /* Logo. */
    .logo-img-container .logo-img {
      margin-left: 0px !important
    }
  
    /* Menu 1. */
    .topo-menu-1 a {
      color: black !important;
    }
    .topo-menu-1 .nav-icon {
      display: none !important;
    }
  
    /* Barra carrinho. */
    .search-submit.botao-carrinho .nav-icon {
      font-size: 27px !important; 
      padding: 0px !important;
      margin-top: -4px !important;
      margin-left: -4px !important;
    }
  
    /* Barra de serviços. */
    .services-container .service-icon {
      background-color: transparent !important;
      height: 80px !important;
      width: 80px !important;
      padding-top: 11px !important;
    }
    .services-container .service-text h4 {
      font-size: 15px !important;
      font-weight: bold !important;
    }
  
    /* Menu abaixo da busca. */
    .desktop-nav-link {
      font-weight: bold !important;
      font-size: 17px !important;
    }
  
    /* Barra de menu com imagens. */
    .topo-menu-2 {
      width: 140px !important;
    }
    .topo-menu-2 img {
      height: 65px !important;
      width: 65px !important;
    }
    .topo-menu-2 .pill {
      height: 110px !important;
    }
    .menu-imagem-subcategoria {
      position: absolute;
      top: 118px;
      list-style: none;
      background: #4C4C4C;
      left: 0;
      z-index: 99;
      visibility: hidden;
      width: 100%;
      padding-left: 0px;
      padding-bottom: 10px;
      line-height: 31px;
    }
    .menu-imagem-subcategoria .pill-link {
      padding: 1px !important;
    }
    .menu-imagem-subcategoria .desktop-nav-item a {
      font-weight: normal !important;
    }
    .menu-imagem-subcategoria .desktop-nav-item:hover {
      background-color: #818181 !important;
    }
  
    .pill:hover .menu-imagem-subcategoria {
      visibility: visible !important;
    }
  
  
    /* Grid de produtos. */
    .item-container .item-labels {
      width: 100% !important;
      padding-right: 7px !important;
    }
  
    /* Aviso antes do rodapé. */
    .aviso-rodape {
      background-image: url("//d26lpennugtm8s.cloudfront.net/stores/762/814/rte/customer-service.png");
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 132px !important;
      margin-bottom: 30px !important;
      color: white !important;
    }
    .aviso-rodape-2 {
      margin-top: 47px;
      line-height: 2px;
      text-align: center;
    }
    .aviso-rodape-2 h3 {
  
      font-weight: bold;
      font-size: 26px;
    }
    .aviso-rodape-2 p {
      font-size: 17px;
    }
    .aviso-rodape-3 {
      margin-top: 68px !important;
      line-height: 28px !important;
    }
    .aviso-rodape-3 a, .aviso-rodape-4 a {
      color: white !important;
    }
    .aviso-rodape-3 a:hover, .aviso-rodape-4 a:hover {
      opacity: 0.8 !important;
      text-decoration: none !important;
    }
    .aviso-rodape-3 .text-primary, .aviso-rodape-3 .text-primary:hover, .aviso-rodape-3 .text-primary:focus {
      color: white !important;
    }
    .aviso-rodape-3 i {
      vertical-align: middle !important;
    }
    .aviso-rodape-4 {
      margin-top: 75px !important;
    }
    .aviso-rodape-4 img {
      height: 38px !important;
    }
    .aviso-rodape-4 a {
      font-size: 18px !important;
    }
  
  }
  
  /* VERSÃO TABLETS MAIORES. */
  @media (min-width: 992px) and (max-width: 1169px) {
  
    /* HOME. */
  
    /* Logo. */
    .logo-img-container .logo-img {
      margin-left: 0px !important
    }
  
    /* Barra de serviços. */
    .services-container .service-icon {
      background-color: transparent !important;
      height: 70px !important;
      width: 70px !important;
      padding-top: 14px !important;
    }
    .services-container .service-text h4 {
      font-size: 15px !important;
      font-weight: bold !important;
    }
  
    /* Barra carrinho. */
    .search-submit.botao-carrinho .nav-icon {
      font-size: 27px !important; 
      padding: 0px !important;
      margin-top: -4px !important;
      margin-left: -1px !important;
    }
  
    /* Menu abaixo da busca. */
    .desktop-nav-link {
      font-weight: bold !important;
      font-size: 17px !important;
    }
  
    /* Barra de menu com imagens. */
    .topo-menu-2 {
      width: 115px !important;
    }
    .topo-menu-2 img {
      height: 46px !important;
      width: 46px !important;
    }
    .topo-menu-2 .pill {
      height: 97px !important;
    }
    .menu-imagem-subcategoria {
      position: absolute;
      top: 100px;
      list-style: none;
      background: #4C4C4C;
      left: 0;
      z-index: 99;
      visibility: hidden;
      width: 100%;
      padding-left: 0px;
      padding-bottom: 10px;
      line-height: 31px;
    }
    .menu-imagem-subcategoria .pill-link {
      padding: 1px !important;
    }
    .menu-imagem-subcategoria .desktop-nav-item a {
      font-weight: normal !important;
      font-size: 15px !important;
    }
    .menu-imagem-subcategoria .desktop-nav-item:hover {
      background-color: #818181 !important;
    }
  
    .pill:hover .menu-imagem-subcategoria {
      visibility: visible !important;
    }
  
    /* Grid de produtos. */
    .product-label-shipping {
      margin-left: 1px !important;
    }
    .product-label {
      padding: 2px 6px !important;
    }
    .item-container .item-labels {
      width: 100% !important;
      padding-right: 7px !important;
    }
  
    /* Aviso antes do rodapé. */
    .aviso-rodape {
      background-image: url("//d26lpennugtm8s.cloudfront.net/stores/762/814/rte/customer-service.png");
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 132px !important;
      margin-bottom: 30px !important;
      color: white !important;
    }
    .aviso-rodape-2 {
      margin-top: 52px;
      line-height: 2px;
      text-align: center;
    }
    .aviso-rodape-2 h3 {
   
      font-weight: bold;
      font-size: 20px;
    }
    .aviso-rodape-2 p {
      font-size: 15px;
    }
    .aviso-rodape-3 {
      margin-top: 68px !important;
      line-height: 28px !important;
      padding-left: 36px !important;
    }
    .aviso-rodape-3 a, .aviso-rodape-4 a {
      color: white !important;
    }
    .aviso-rodape-3 a:hover, .aviso-rodape-4 a:hover {
      opacity: 0.8 !important;
      text-decoration: none !important;
    }
    .aviso-rodape-3 .text-primary, .aviso-rodape-3 .text-primary:hover, .aviso-rodape-3 .text-primary:focus {
      color: white !important;
    }
    .aviso-rodape-3 i {
      vertical-align: middle !important;
    }
    .aviso-rodape-4 {
      margin-top: 75px !important;
    }
    .aviso-rodape-4 img {
      height: 38px !important;
    }
    .aviso-rodape-4 a {
      font-size: 18px !important;
    }
  
  }
  
  
  /* Versão TABLETS MENORES. */
  @media (min-width: 769px) and (max-width: 991px) {
      
    /* HOME. */
  
    /* Logo. */
    .logo-img-container .logo-img {
      margin-left: 0px !important
    }
  
    /* Barra de serviços. */
    .services-container .service-icon {
      background-color: transparent !important;
      height: 60px !important;
      width: 60px !important;
      padding-top: 20px !important;
    }
    .services-container .service-text h4 {
      font-size: 10px !important;
      font-weight: bold !important;
    }
    .services-container .service-text h4 {
      font-size: 13px !important;
      font-weight: bold !important;
    }
  
    /* Barra de busca. */
    .busca input[type="search"] {
      width: 78% !important;
    }
    .busca button {
      width: 22% !important;
    }
  
    /* Barra carrinho. */
    .nav-icon {
      margin-top: -7px !important;
      margin-left: -5px !important;
    }
  
    /* Menu abaixo da busca. */
    .desktop-nav-link {
      font-weight: bold !important;
      font-size: 14px !important;
    }
  
    /* Barra de menu com imagens. */
    .topo-menu-2 {
      width: 88px !important;
    }
    .topo-menu-2 img {
      height: 40px !important;
      width: 40px !important;
    }
    .topo-menu-2 a {
      color: white !important;
      padding-bottom: 5px !important;
      font-size: 11px;
    }
    .menu-imagem-subcategoria {
      position: absolute;
      top: 90px;
      list-style: none;
      background: #4C4C4C;
      left: 0;
      z-index: 99;
      visibility: hidden;
      width: 100%;
      padding-left: 0px;
      padding-bottom: 10px;
      line-height: 31px;
    }
    .menu-imagem-subcategoria .pill-link {
      padding: 1px !important;
    }
    .menu-imagem-subcategoria .desktop-nav-item a {
      font-weight: normal !important;
      font-size: 12px !important;
    }
    .menu-imagem-subcategoria .desktop-nav-item:hover {
      background-color: #818181 !important;
    }
  
    .pill:hover .menu-imagem-subcategoria {
      visibility: visible !important;
    }
  
    /* Grid de produtos. */
    .product-label-shipping {
      margin-left: 13px !important;
    }
    .product-label {
      padding: 2px 5px !important;
    }
    .item-container .item-labels {
      width: 100% !important;
      padding-right: 7px !important;
    }
  
    /* Aviso antes do rodapé. */
    .aviso-rodape {
      background-image: url("//d26lpennugtm8s.cloudfront.net/stores/762/814/rte/customer-service.png");
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 132px !important;
      margin-bottom: 30px !important;
      color: white !important;
    }
    .aviso-rodape-2 {
      margin-top: 52px;
      line-height: 2px;
      text-align: center;
    }
    .aviso-rodape-2 h3 {
   
      font-weight: bold;
      font-size: 15px;
    }
    .aviso-rodape-2 p {
      font-size: 11px;
    }
    .aviso-rodape-3 {
      margin-top: 68px !important;
      line-height: 21px !important;
      padding-left: 36px !important;
    }
    .aviso-rodape-3 a {
      color: white !important;
      font-size: 11px !important;
    }
    .aviso-rodape-3 a:hover, .aviso-rodape-4 a:hover {
      opacity: 0.8 !important;
      text-decoration: none !important;
    }
    .aviso-rodape-3 .text-primary, .aviso-rodape-3 .text-primary:hover, .aviso-rodape-3 .text-primary:focus {
      color: white !important;
    }
    .aviso-rodape-3 i {
      vertical-align: middle !important;
    }
    .aviso-rodape-3 .material-icons {
      font-size: 16px !important;
    }
    .col-sm-5.aviso-rodape-3 {
      width: 34% !important;
    }
    .aviso-rodape-4 {
      margin-top: 75px !important;
    }
    .aviso-rodape-4 img {
      height: 26px !important;
    }
    .aviso-rodape-4 a {
      font-size: 14px !important;
      color: white !important;
    }
    .col-sm-2.aviso-rodape-4 {
      width: 23% !important;
    }
  
  }
  
  /* Versão SMARTPHONE. */
  @media (max-width: 768px){
  
    /* Barras do cabeçalho. */
    .navbar {
      background-color: #f8f8f8 !important;
    }
  
    /* Botões de contato. */
    .header-botoes-contato {
      margin-bottom: 20px !important;
      padding-top: 10px !important;
      text-align: center !important;
    }
    .header-botoes-contato .btn-primary {
      color: #fff !important;
      background-color: #337ab7 !important;
      border-color: #2e6da4 !important;
    }
    .header-botoes-contato .btn-success {
      color: #fff !important;
      background-color: #5cb85c !important;
      border-color: #4cae4c !important;
      display: inline-block !important;
    }
    .header-botoes-contato .btn {
      border: 1px !important;
    }
  
    /* Barra de serviços. */
    .services-container .service-icon {
      background-color: transparent !important;
      height: 80px !important;
      width: 80px !important;
      padding-top: 11px !important;
    }
    .services-container .service-text h4 {
      font-size: 15px !important;
      font-weight: bold !important;
    }
  
    /* Grid de produtos. */
    .product-label-shipping {
      margin-left: 90px !important;
    }
    .product-label.product-label-offer {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
  
    /* GERAL */
  
    /* Rodapé 3. */
    .powered-by-logo {
      width: 50% !important;
      margin: 0 auto;
    }
  
    /* HOME. */
  
    /* Barra de serviços. */
    .services-container .service-icon {
      background-color: transparent !important;
      height: 60px !important;
      width: 60px !important;
      padding-top: 20px !important;
    }
  
  
  }
  
  /* === GERAL ====================================================================================== */
  
  /* HTML. */
  body {
  
    background-color: white !important;
  }
  
  body a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
  }
  
  /* CABEÇALHO. */
  .topo-barra-1, .topo-barra-1 a {
    background-color: black !important;
    color: white !important;
    font-size: 15px !important;
  }
  .topo-barra-1 a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
  }
  
  .nav-top-item {
    padding: 0px !important;
  }
  .topo-barra-3 {
    background-color: #4C4C4C !important;
    z-index: 100 !important;
  }
  .topo-menu-2 a {
    color: white !important;
    padding-bottom: 5px !important;
  }
  .topo-menu-2 a:hover {
    opacity: 0.8 !important;
    text-decoration: none !important;
  }
  .topo-menu-2-imagens {
    background-color: transparent !important;
  }
  .desktop-nav-link:hover {
    background: transparent !important;
  }
  .desktop-nav-link a:hover, .desktop-nav-link:hover {
    opacity: 0.8 !important;
  }
  
  /* Barra de busca. */
  .busca input[type="search"] {
    border: 2px solid #14649F !important;
    height: 37px !important;
    float: left !important;
    padding: 10px !important;
    border-right: 0px !important;
    width: 84%;
  }
  .busca button {
    float: left;
    background-color: transparent;
    border: 2px solid #14649F;
    border-left: 0px;
    font-size: 12px;
    height: 37px;
    width: 16%;
  }
  
  /* Barra carrinho. */
  .carrinho-valor {
    border: 2px solid #14649F !important;
    border-right: 0px !important;
    padding: 10px !important;
    width: 80%;
    float: left;
    height: 37px !important;
    font-size: 12px !important;
    font-weight: bold !important;
  }
  .carrinho-icone {
    border: 0px !important;
    width: 20% !important;
    float: left !important;
    height: 37px !important;
    background-color: black !important;
  }
  
  
  
  /* Banner rotativo principal. */
  .slider-wrapper {
    min-height: 0px !important;
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
  }
  
  /* Banner de serviços. */
  .services-container {
    box-shadow: unset !important;
    -webkit-box-shadow: unsert !important;
    -moz-box-shadow: unsert !important;
  }
  .svg-truck-icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .svg-icon-text, .svg-icon-text svg {
    fill: #53B3FF !important;
  }
  .services-container .service-text {
    color: black !important;
    padding-top: 14px !important;
  }
  
  /* RODAPÉ. */
  
  /* Terceira barra do rodapé. */
  .footer-barra-1 {
      background-color: #0080E3 !important;
      color: white !important;
  }
  .footer-barra-1 .footer-payship-img {
      height: 30px !important;
      margin: 0 5px 5px 0 !important;
  }
  .footer-barra-2 h4 {
      font-size: 16px !important;
  }
  .footer-barra-2 ul li {
      list-style: none !important;
      line-height: 20px !important;
  }
  .footer-barra-2 a:hover {
      opacity: 0.8 !important;
      text-decoration: none !important;
  }
  .footer-barra-3 {
      background-color: black !important;
      color: white !important;
  }
  .powered-by-text {
      display: none !important;
  }
  
  /* HOME. */
  
  /* Grid de produtos. */
  .item-container .item {
    box-shadow: unset !important;
  }
  .item-container .item-image-link {
    border: 1px solid #818181 !important;
  }
  .item-container .item-name {
    font-weight: bold !important;
  }
  .item-price-compare {
    color: #D1D1D1 !important;
  }
  #price_display {
    color: #679B51 !important;
  }
  .product-label.product-label-shipping {
    background-color: #4EAF2E !important;
    float: right !important;
  }
  .product-label-offer {
    background-color: #DB291B !important;
    font-size: 12px !important;
    float: left !important;
  }
  .item-container .item-labels {
    right: unset !important;
    left: 5px !important;
  }
  .botao-comprar-home {
    background-color: #0080E3 !important;
    width: 60%;
    margin: 0 auto;
    margin-top: 7px;
    border-radius: 20px;
    padding: 6px;
  }
  .botao-comprar-home:hover {
    background-color: #4ca6eb !important;
  }
  .botao-comprar-home a {
    color: white !important;
  }
  .botao-comprar-home a:hover {
    text-decoration: none !important;
  }
  .item-container .item-name {
    min-height: 40px !important;
  }
  
  /* PRODUTO. */
  
  /* Formulário de compras. */
  .quantity-input {
    background-color: white !important;
    border: 1px solid black !important;
  }
  
  /* CARRINHO. */
  .preco-table_2072159 {
    display: none !important;
  }
  
  
  /* === FERRAMENTAS ================================================================================ */
  
  /* CSS Customizado Geral. */
  
  /* Essas modificações se aplicam a todas as resoluções. */
  
  /* CSS para margin. */
  .m-top-half {
      margin-top: 10px !important;
  }
  .m-bottom-half {
      margin-bottom: 10px !important;
  }
  .m-top {
      margin-top: 20px !important;
  }
  .m-bottom {
      margin-bottom: 20px !important;
  }
  .m-top-double {
      margin-top: 40px !important;
  }
  .m-bottom-double {
      margin-bottom: 40px !important;
  }
  
  /* CSS para padding. */
  .p-top-mini {
    padding-top: 5px !important
  }
  .p-bottom-mini {
    padding-bottom: 5px !important;
  }
  .p-top-half {
      padding-top: 10px !important;
  }
  .p-bottom-half {
      padding-bottom: 10px !important;
  }
  .p-top {
      padding-top: 20px !important;
  }
  .p-bottom {
      padding-bottom: 20px !important;
  }
  
  /* Remover espaço entre colunas do boostrap. */
  .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .row.no-gutters > [class^="col-"],
  .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  
  /* Alinhamento de texto. */
  .text-right {
      text-align: right !important;
  }
  .text-left {
      text-align: left !important;
  }
  .text-center {
      text-align: center !important;
  }
  
  /* Deixar placeholders em itálico. */
  ::-webkit-input-placeholder {
     font-style: italic;
  }
  :-moz-placeholder {
     font-style: italic;  
  }
  ::-moz-placeholder {
     font-style: italic;  
  }
  :-ms-input-placeholder {  
     font-style: italic;
  }
  
  /* Input fundo branco e borda preta. */
  .input-borda {
    background-color: white !important;
    border: 1px solid black !important;
  }
  
  /* SMARTPHONE. */
  @media (max-width: 768px){
  
    /* Centralização de texto. */
    .text-center-xs {
      text-align: center !important;
    }
  
    /* CSS para padding. */
    .p-top-half-xs {
        padding-top: 10px !important;
    }
    .p-bottom-half-xs {
        padding-bottom: 10px !important;
    }
    .p-top-xs {
        padding-top: 20px !important;
    }
    .p-bottom-xs {
        padding-bottom: 20px !important;
    }
  
  }
  
  /* Bordar vermelhas em tudo.
  * {
      border: 2px solid red !important;
  } */
  
.btn-orc{
  color: #fff;
    background-color: #337ab7;
    padding: 8px 100px 8px 100px;
    border-radius: 4px;
    font-size: 16px;

}

.btn-orc:hover{
  color: #fff;
  background-color: #024f92;
  transition: .5s;
}

.zoom {
  display:inline-block;
  position: relative;
}

/* magnifying glass icon */
.zoom:after {
  content:'';
  display:block; 
  width:33px; 
  height:33px; 
  position:absolute; 
  top:0;
  right:0;
  background:url(icon.png);
}

.zoom img {
  display: block;
}

.zoom img::selection { background-color: transparent; }

#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }