<div class=FCHome> <!-- CSS Exclusivo Home --> <style> /* Box Home */ .home-box-container {margin:0 auto;display:flex;display:-webkit-flex;max-width:1306px;padding:0px 35px;} .home-box-news {width:50%;max-width:620px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;background:url('../lojas/00000153/images/bg_home_news.jpg?cccfc=258cc35c') no-repeat center center scroll;background-size:cover;border-bottom:3px solid #d61a2d;cursor:pointer;} .home-box-sales {width:50%;max-width:620px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;background:url('../lojas/00000153/images/bg_home_sales.jpg?cccfc=258cc35c') no-repeat center center scroll;background-size:cover;border-bottom:3px solid #d61a2d;cursor:pointer;} .home-box-but {color:#fff;border:1px solid #fff;padding:20px 60px;font-size:22px;letter-spacing:2px;text-transform:uppercase;} .home-box-products {width:50%;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;} .home-but-more {border:none;border-radius:3px;background:#d61a2d;color:#fff;text-transform:uppercase;font-size:16px;letter-spacing:2px;text-align:center;width:100%;max-width:220px;margin:30px auto 0 auto;padding:15px 0;} .home-but-more:hover {-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3);-webkit-transition:all 120ms ease-in;-moz-transition:all 120ms ease-in;-o-transition:all 120ms ease-in;transition:all 120ms ease-in} /* But More */ .bnews, .bpromo {display:none;} /* Box Newsletter */ .home-newsletter {margin:60px auto 0 auto;max-width:1306px;padding:50px 40px;background:url('../lojas/00000153/images/bg_newsletter.jpg?cccfc=258cc35c') no-repeat center center scroll;background-size:cover;color:#fff;text-align:left;} .home-news-text1 {font-size:16px;letter-spacing:2px;text-transform:uppercase;} .home-news-text2 {font-size:38px;letter-spacing:4px;line-height:30px;text-transform:uppercase;margin:10px 0 0 0;} .home-news-div {border-bottom:1px solid #fff; width:100%;margin:30px 0 25px 0;opacity:0.5;filter:alpha(opacity=50);} .home-news-form {margin:10px 0 0 0;max-width:290px;background:#fff;} input.home-news-input {width:82%;height:38px;margin:0;padding:0 0 0 10px;border:0;border-radius:0;background:none;font-size:12px;outline:none;} .home-news-submit-button {border:none;background:none;width:38px;height:38px;cursor:pointer;outline:none;} /* Box 4 Links */ .home-4links {margin:60px auto 0 auto;max-width:1306px;display:flex;display:-webkit-flex;justify-content:space-around;-webkit-justify-content:space-around;} .home-4linksbox1 {background:#f4f4f4;padding:20px;width:20%;max-width:300px;} .home-4linksbox2 {border:1px solid #1f1f1f;padding:18px;text-align:center;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#1f1f1f;cursor:pointer;} .home-4linksbox2:hover {-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3);} .home-4linksbox2 img {height:60px;} /* Box 3 Features */ .home-3feats {margin:60px auto 0 auto;max-width:1306px;display:flex;display:-webkit-flex;justify-content:space-around;-webkit-justify-content:space-around;} .home-3ftbox {width:33%;max-width:350px;text-align:center;cursor:pointer;} .home-3ft-icon img {height:60px;} .home-3ft-tit {font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#1f1f1f;margin:10px 0 0 0;} .home-3ft-text {font-size:14px;color:#666666;margin:10px 0 0 0;} @media only screen and (max-width:1024px){ /* Box Home */ .home-box-container {margin:0 10px;padding:0 0 0 0;} .home-box-products {width:100%;margin:0 4px;justify-content:space-around;-webkit-justify-content:space-around;} .home-box-prod-news, .home-box-prod-sales {width:46.6%;margin:20px 5px 0px 5px;} .home-box-news {display:none;} .home-box-sales {display:none;} .bnews, .bpromo {display:block;} /* Box 4 Links */ .home-4links {margin:30px auto 0 auto;flex-wrap:wrap;} .home-4linksbox1 {width:42%;max-width:100%;margin:30px 0 0 0;} /* Box 3 Features */ .home-3feats {margin:20px auto 0 auto;flex-wrap:wrap;} .home-3ftbox {width:100%;max-width:90%;margin:40px 0 0 0;} } @media only screen and (max-width:1023px){ /* Box Home */ .home-box-products {margin:0 0;} } @media only screen and (max-width:768px){ /* Box Newsletter */ .home-newsletter {background:none;background-color:#d81526;padding:40px 30px;} /* Box 4 Links */ .home-4linksbox1 {width:40%;} } @media only screen and (max-width:736px){ /* Box Home */ .home-but-more {max-width:93%;} /* Box 4 Links */ .home-4linksbox1 {width:38%;} } @media only screen and (max-width:480px){ /* Box Home */ .home-but-more {max-width:92%;} /* Box Newsletter */ .home-news-text2 {font-size:36px;letter-spacing:6px;line-height:36px;} .home-news-form {max-width:420px;} input.home-news-input {width:83%;} /* Box 4 linhas */ .home-4linksbox1 {width:100%;max-width:80%;} /* Box 3 Features */ .home-3ftbox {width:100%;max-width:90%;} } @media only screen and (max-width:360px){ /* Box Home */ .home-but-more {max-width:91%;} /* Box Newsletter */ .home-newsletter {padding:40px 20px;} } @media only screen and (max-width:320px){ /* Box Newsletter */ input.home-news-input {width:80%;} } </style> <!-- Bloco Mais Vendidos --> <div class="home-main-container"> <div class="MainHomeBoxTitFC"> <h1 class="MainHomeBoxTitFC-line"><var key="home-title-featured-products"></var></h1> </div> <div class="home-container-products"> <div class="home-container-products-child"><prod out="p255" em="high,rand"></div> <div class="home-container-products-child"><prod out="p255" em="high,rand"></div> <div class="home-container-products-child"><prod out="p255" em="high,rand"></div> <div class="home-container-products-child"><prod out="p255" em="high,rand"></div> </div> <a href="/prod,highlights,1"><div class="home-but-more">Veja nossas opções</div></a> </div> <!-- Bloco Promocoes --> <div class="home-main-container"> <div class="MainHomeBoxTitFC"> <h2 class="MainHomeBoxTitFC-line"><var key="home-title-sales"></var></h2> </div> </div> <!-- Box Promocoes + 2 Produtos --> <div class="home-box-container"> <div class="home-box-products"> <div class="home-box-prod-sales"><prod out="p255" em="prom,rand"></div> <div class="home-box-prod-sales"><prod out="p255" em="prom,rand"></div> </div> <div class="home-box-sales" onclick="NoCascate('/prod,offers,1,offers.htm');"><div class="home-box-but">+ Promoções</div></div> </div> <a href="/prod,offers,1,offers.htm"><div class="home-but-more bpromo">Confira nossas gravatas</div></a> <!-- Nesletter --> <div class="home-newsletter"> <div class="home-news-text1">Encontre aqui</div> <div class="home-news-text2">Qualidade e Requinte</div> <div class="home-news-div"></div> <div class="home-news-text1">Receba nossa Newsletter</div> <div class="home-news-form"> <form name="FormCadNewsletter" method="GET" action="/newsletter.asp" onsubmit="return ValidaCadNewsletter(this);"> <input type="hidden" name="formatohtml" value="true"> <input type="email" name="Email" class="home-news-input" id="home-newsletter-box-text" aria-label="CADASTRE SEU EMAIL" placeholder="CADASTRE SEU EMAIL"> <button class="home-news-submit-button" type="submit" name="ok" value="Enviar"> <img data-src="../lojas/00000153/images/ic_seta_cinza.svg" width="7" height="12" id="home-newsletter-submit-button" alt="Newsletter" loading="lazy"> </button> </form> </div> </div> <!-- Bloco Recomendados --> <div class="home-main-container"> <div class="MainHomeBoxTitFC"> <h2 class="MainHomeBoxTitFC-line">Recomendados</h2> </div> <div class="home-container-products"> <div class="home-container-products-child"><prod out="p255" em="rand"></div> <div class="home-container-products-child"><prod out="p255" em="rand"></div> <div class="home-container-products-child"><prod out="p255" em="rand"></div> <div class="home-container-products-child"><prod out="p255" em="rand"></div> </div> <a href="/prod,highlights,1"><div class="home-but-more">Mais modelos disponíveis</div></a> </div> <!-- Box 4 Links --> <div class="home-4links"> <div class="home-4linksbox1"><a href="/quem-somos"><div class="home-4linksbox2"><img alt="Quem Somos - SóGravatas" src="../lojas/00000153/images/ic_quemsomos.svg?cccfc=258cc35c" width="60" height="60" loading="lazy"><br>Quem Somos</div></a></div> <div class="home-4linksbox1"><a href="/curiosidades-gravatas"><div class="home-4linksbox2"><img alt="Curiosidades sobre as Gravatas" src="../lojas/00000153/images/ic_curiosidades.svg?cccfc=258cc35c" width="60" height="60" loading="lazy"><br>Curiosidades</div></a></div> <div class="home-4linksbox1"><a href="/nos-de-gravatas"><div class="home-4linksbox2"><img alt="Diversos nós de Gravatas" src="../lojas/00000153/images/ic_nos.svg?cccfc=258cc35c" width="60" height="60" loading="lazy"><br>Nós de Gravatas</div></a></div> <div class="home-4linksbox1"><a href="/dicas-gravatas"><div class="home-4linksbox2"><img alt="Veja Dicas para comprar e usar Gravatas" src="../lojas/00000153/images/ic_dicas.svg?cccfc=258cc35c" width="60" height="60" loading="lazy"><br>Veja Dicas</div></a></div> </div> <!-- Box 3 Features --> <div class="home-3feats"> <div class="home-3ftbox"> <a href="/ajuda.asp?idloja=153#pagamento"> <div class="home-3ft-icon"><img alt="Formas de Pagamento - Cartão de crédito, PIX" src="../lojas/00000153/images/ic_hand.svg?cccfc=258cc35c" width="60" height="60" loading="lazy"></div> <div class="home-3ft-tit">Meios de Pagamento</div> <div class="home-3ft-text">Trabalhamos com as principais formas de pagamento do mercado. Clique e veja mais informações.</div> </a> </div> <div class="home-3ftbox"> <a href="/ajuda.asp?idloja=153#seguranca"> <div class="home-3ft-icon"><img alt="100% Compra Segura" src="../lojas/00000153/images/ic_lock.svg?cccfc=258cc35c" width="60" height="60" loading="lazy"></div> <div class="home-3ft-tit">Compra Segura</div> <div class="home-3ft-text">Seus dados não serão divulgados a terceiros em hipótese alguma.</div> </a> </div> <div class="home-3ftbox"> <a href="/ajuda.asp?idloja=153#entregas"> <div class="home-3ft-icon"><img alt="Entrega Rápida em todo o Brasil" src="../lojas/00000153/images/ic_truck.svg?cccfc=258cc35c" width="60" height="60" loading="lazy"></div> <div class="home-3ft-tit">Entrega Rápida</div> <div class="home-3ft-text">Comprando conosco você recebe seus produtos no endereço de sua escolha e de forma rápida.</div> </a> </div> </div> </div> <div class="home-main-container"> <div class="MainHomeBoxTitFC"> <h2 class="MainHomeBoxTitFC-line"><var key="home-title-special-offers-buy-now"></var></h2> </div> </div> <div class=prodBox> <FormProd> <div class=DivListProd <dataattribute> id=DivProd<prodId>> <div class=DivProductListProd> <div class=DivProductListImagemProd id=DivImagemProdDouble<prodId> onclick="fcSpy$.openSmartModal('<URLProd>');"></div> <div class=DivProductListNomeProd onclick="NoCascate('<URLProd>');"> <span class="ProductListNomeProd text-overflow font-regular"><prodName></span> </div> <div class=DivProductListPriceProd style="white-space:nowrap;" onclick="fcSpy$.openSmartModal('<URLProd>');"> <div id=idProdPrice<prodId>></div> <div class=PriceAVistaLista id=ProdDesc<prodId>></div> </div> <div class="prodlist-spy-details-container"> <div class=DivHomeDetails onclick="fcSpy$.openSmartModal('<URLProd>');"><img alt="More details" src="../lojas/00000153/images/ic_more_details.svg?cccfc=1" width="18" height="18"></div> <div class="DivHome-wishlist"><span id=ProdWL<prodId>></span><script>WL$.fnButtonAddToWishlist(<prodId>);</script></div> </div> </div> <div id=zFProdSoldOut<prodId>></div> </div> <div class="det-product-img-name-container-two det-product-fixed-remove" id="det-product-tab3-label"></div> </FormProd> </div> <script> sF$.fnProd("<prodImgMain>","<prodImgDet>","<URLProd>",<prodId>,"<prodNameFU>",<prodPriceNum>,<prodPriceOri>,"<prodRef>",<prodMaxInstallmentNum>,<prodStock>,<subprodTotalStock>,<bHasSubprod>,<bMinPrice>); </script> <p255> <div class=prodBox> <FormProd> <div class=DivHomeProd <dataattribute> id=DivProd<prodId>> <div class=DivProductListProd> <div class=DivProductListImagemProd id=DivImagemProdDouble<prodId> onclick="fcSpy$.openSmartModal('<URLProd>');"></div> <div class=DivProductListNomeProd id=DivProductListNomeProd<prodId> onclick="fcSpy$.openSmartModal('<URLProd>');"> <span class="ProductListNomeProd text-overflow font-regular" title="<prodRef>"><prodName></span> </div> <div class=DivProductListPriceProd id=DivProductListNomeProd<prodId> onclick="fcSpy$.openSmartModal('<URLProd>');"> <div id=idProdPrice<prodId>></div> <div class=PriceAVistaLista id=ProdDesc<prodId>></div> </div> <div class="prodlist-spy-details-container"> <div class=DivHomeDetails onclick="fcSpy$.openSmartModal('<URLProd>');"><img alt="View details" src="../lojas/00000153/images/ic_more_details.svg?cccfc=1" width="18" height="18"></div> <div class="DivHome-wishlist"><span id=ProdWL<prodId>></span><script>WL$.fnButtonAddToWishlist(<prodId>);</script></div> </div> </div> <div id=zFProdSoldOut<prodId>></div> </div> </FormProd> </div> <script> sF$.fnProd("<prodImgMain>","<prodImgDet>","<URLProd>",<prodId>,"<prodNameFU>",<prodPriceNum>,<prodPriceOri>,"<prodRef>",<prodMaxInstallmentNum>,<prodStock>,<subprodTotalStock>,<bHasSubprod>,<bMinPrice>); </script> </p255>