#tarja-slide ul{display: flex !important; justify-content: center !important;align-items: center !important; flex-wrap: wrap !important; list-style-type: none !important;}

body { font-family: sans-serif !important; }

/*Ferramentas*/
.flex            { display: flex; }
.align-center    { align-items: center; }
.justify-center  { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around  { justify-content: space-around; }
.flex-column     { flex-direction: column; }
.no-padding      { padding: 0 !important; }
.no-margin       { margin: 0 !important; }
.float-right     { float: right; }
.bannerFullSize  { width: 100vw; }
.display         { display: none; }
.fadeBackground  { 
 height: 100%;
 background: #0000008c;
 z-index: 996;
 border: 1px solid;
 position: fixed;
 width: 100%;
}

/* INSTITUCIONAL */
.institucionalRow { background-color: #f9f9f9; height: 30px; font-size: 12px; }
.institucionalRow-left  ul {
 margin: 0; 
 padding: .8rem 0rem; 
 display: flex; 
 align-items: center; 
 gap: 2rem; 
 overflow: hidden;
 width: 100%;
}
.institucionalRow-right ul { margin: 0; padding: .8rem 0rem; display: flex; align-items: center; justify-content: flex-end; gap: 3rem; }
.institucionalRow ul li a,
.institucionalRow ul li a:hover  { color: gray; }

/* HEADER */

header { background-color: #000; padding: 1rem; }
.divinotecaHeader-desktop {
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 10px 0 10px 0 !important; 
}

.divinotecaHeader-logo { width: 150px; text-align: center; }
.divinotecaHeader-logo img { width: 250px; object-fit: contain; }

.divinotecaHeader-menu-list {
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 gap: 2rem;
 height: 39px;
 margin: 0 30px;
 overflow: hidden;
 max-width: 75%;
}
.divinotecaHeader-menu-list li { }
.divinotecaHeader-menu-list i  { margin: 1rem; }

.divinotecaHeader-menu-list li a,
.divinotecaHeader-menu-list li a:hover { 
 text-decoration: none; 
 color: #fff; 
 font-size: 12px; 
 text-transform: uppercase; 
 display: flex; 
 align-items: center; 
}

.divinotecaHeader-search                    { position: relative !important; display: flex; align-items: center; justify-content: center; }
.divinotecaHeader-search input              { background-color: transparent; border: none; text-align: center; color: #fff; }
.divinotecaHeader-search input:focus        { outline: none; }
.divinotecaHeader-search input::placeholder { 
 text-transform: uppercase !important; 
 color: #fff !important; 
 font-weight: 500; 
 font-size: 14px !important; 
}
.divinotecaHeader-search button { 
 color: #fff;
 font-size: 20px;
 background: transparent;
 border: none;
 margin: 0;
 padding: 0;
}

.divinotecaHeader-links ul            { margin: 0; padding: 0; display: flex; justify-content: space-around; }
.divinotecaHeader-links ul li a,
.divinotecaHeader-links ul li a:hover { text-decoration: none; color: #fff; font-size: 20px; text-transform: uppercase; }
 
/* BUSCAR */
.divinotecaSearch {
 width: 100%;
 background-color: #fff;
 z-index: 999;
 position: fixed;
 display: flex;
 justify-content: space-around;
 padding: 0rem 5rem;
 transform: translateY(-100%);
 transition: .6s;
}

.divinotecaSearch input { 
 width: 95%;
 height: 50px;
 padding: 1.5rem;
 border: none;
 border-bottom: 1px solid #ddd;
 outline: none;
}

.divinotecaSearch button { 
 background: transparent;
 height: 52px;
 position: absolute;
 left: 85px;
 top: 0px;
 border: none;
}

.divinotecaHeader-search button svg { fill: #fff; width: 30px; }
.divinotecaSearch button svg        { fill: #fff; width: 30px; }
.divinotecaSearch i:last-child      { font-size: 20px; position: absolute; right: 50px; top: 15px; }

.deslizaBaixo { animation: deslizaBaixo .6s forwards; }
.deslizaCima  { animation: deslizaCima  .6s forwards; }

@keyframes deslizaBaixo {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0%); }
}

@keyframes deslizaCima {
  from { transform: translateY(0%); }
  to   { transform: translateY(-100%); }
}

.divinoteca-carrinho-list { margin: 0; padding: 0; display: flex; gap: 1rem; }
.divinoteca-carrinho-list svg { fill: #fff; width: 30px; }

/* FRETE SP */
.divinotecaFreteSP p { margin: 0; text-align: center; padding: 1rem; }

/* HARMONIZAÇÃO */
.divinotecaHarmonizacoesDesktop ul      { margin: 0; padding: 0; display: flex; }
.divinotecaHarmonizacoesDesktop ul li   { position: relative !important; margin: 1rem; }
.divinotecaHarmonizacoesDesktop ul li a { display: flex; flex-direction: column; align-items: center; }
.divinotecaHarmonizacoesDesktop ul li a p {
 position: absolute;
 top: 30%;
 color: #fff;
 font-size: 18px;
 text-transform: uppercase;
 font-weight: 700;
}
.divinotecaHarmonizacoesDesktop ul li a span {
 border: 2px solid;
 padding: .5rem;
 position: absolute;
 top: 50%;
 color: #fff;
}
.divinotecaHarmonizacoesDesktop img { width: 100%; object-fit: contain; }

.divinotecaCarrosselPersonalizado { display: flex !important; justify-content: center !important; width: auto !important; }

/* MOBILE */

.divinotecaHarmonizacoesMobile         { display: none !important; }
.divinotecaHarmonizacoesMobile ul      { margin: 0; padding: 0; display: flex; }
.divinotecaHarmonizacoesMobile ul li   { position: relative !important; margin: 1rem; }
.divinotecaHarmonizacoesMobile ul li a { display: flex; flex-direction: column; align-items: center; }
.divinotecaHarmonizacoesMobile ul li a p {
 position: absolute;
 top: 30%;
 color: #fff;
 font-size: 18px;
 text-transform: uppercase;
 font-weight: 700;
}
.divinotecaHarmonizacoesMobile ul li a span {
 border: 2px solid;
 padding: .5rem;
 position: absolute;
 top: 50%;
 color: #fff;
}
.divinotecaHarmonizacoesMobile img { width: 100%; object-fit: contain; }
.divinotecaFadeImg { width: 100%; height: 100%; background-color: #00000069; position: absolute; }

/* MENU DESKTOP */

.divinotecaHeader-menu li:hover
  .divinotecaMenuConteiner-desktop { display: block; }

.divinotecaMenuConteiner-desktop { 
 display: none;
 padding: 1rem;
 background-color: #fff;
 position: absolute;
 width: 95vw;
 left: -48%;
 top: 30px;
 z-index: 99999;
 min-height: auto;
}

.divinotecaMenuContent {
 display: flex !important;
 flex-wrap: wrap;
 width: 90%;
 gap: 4rem;
 margin: 0 auto;
 overflow-y: hidden;
 height: auto;
}
.divinotecaMenuContent li { position: relative; }

.divinotecaMenuContent li a,
.divinotecaMenuContent li a:hover { color: #000 !important; }

.divinotecaMenu-lvl2 {
 display: block !important; 
 margin: .7rem !important; 
 position: absolute !important; 
 overflow-y: hidden; 
 height: 100px !important; 
 padding: 0;
}
.divinotecaMenu-lvl2 li { margin: .5rem 0px; height: 20px !important; }

.menu_flutuante { 
 width: 100%; 
 display: none; 
 position: fixed; 
 top: 0; 
 left: 0; 
 z-index: 500; 
 background: #000; 
}


/* BANNER PRINCIPAL */
.banner-loja img{ width: 100%; }
.info-box h4{ font-size: 12px; margin-top: 5px; margin-bottom: 5px; line-height: 19px; color: #6b6b6b; }
.info-box{ margin-bottom: 20px; border: 1px solid #b3b3b3; padding: 5px; border-radius: 5px; }
.banner-crianca{ border-top: 4px solid #e31914; }
.thumbnail-image-marcas img { margin: 0 auto; height: 70px; }

/* INFOBOX */
.info-box-container         { margin: 1rem; }
.info-box i                 { font-size: 30px; color:#9b0202; }
.info-box h4                { font-size: 14px; margin: 0 !important; padding: 0 !important; }
.info-box p                 { color:#9b0202; font-size: 12px; margin: 0 !important; padding: 0 !important; }
.info-box                   { border: 1px solid #0000001a; padding: 16px; }
.banner-crianca             { border-top: 4px solid #e31914; }
.thumbnail-image-marcas img { margin: 0 auto; height: 70px; }

/* NEWSLETTER */
.divinotecaNewsDesktop { margin: 2em 0px; }

.divinotecaNewsDesktopLeft   { padding-left: 2% !important; }
.divinotecaNewsDesktopLeft p { font-weight: 700; font-size: 20px; }

.divinotecaNewsDesktopRight input  { padding: 1rem; width: 35%; }
.divinotecaNewsDesktopRight button {
 padding: 1rem; 
 width: 25%; 
 text-transform: uppercase; 
 color: #fff;
 background: #000;
 border: none;
}

.divinotecaNewsDesktop-form { display: flex; justify-content: space-between; }

/* FOOTER */

footer { 
 background-color: #000;
 padding-left: 5rem !important;
 padding-right: 5rem !important;
 padding-top: 3rem;
}

.divinotecaFooterDesktop-content    { 
 display: flex; 
 justify-content: space-between; 
 margin-bottom: 20px; 
 overflow: hidden; 
}

.divinotecaFooterDesktop-content ul { padding: 0; margin: 0; }
.divinotecaFooterDesktop-content h3 { 
 font-size: 14px;
 font-weight: 700;
 color: #fff;
 text-transform: uppercase;
}

.divinotecaFooterDesktop-esqRow1,
.divinotecaFooterDesktop-dirRow1  { display: flex; justify-content: space-between; }

.divinotecaFooterDesktop-content p  { color: #b4b4b4 !important; }
.divinotecaFooterDesktop-content a,
.divinotecaFooterDesktop-content a:hover  { color: #b4b4b4 !important; font-size: 14px; line-height: 10px; }
.divinotecaFooterDesktop-content li:first-child {  }

.divinotecaFooterDesktop-pag     { margin-bottom: 20px; }
.divinotecaFooterDesktop-pag img { width: 50px; margin: .3rem; }

.divinotecaFooterDesktop-textoInstitucional p { font-size: 12px; margin: 1rem 0px !important; color: #b4b4b4; }

.socialMidiaFooter { margin: 1rem 0 !important; display: flex; justify-content: center; gap: 2em; }
.socialMidiaFooter i { font-size: 18px; }

/* PARCEIROS */
.divinotecaParceiros     { margin: 1rem; }
.divinotecaParceiros h3  { margin: 0; color: #fff; font-weight: 700; text-align: center; }
.divinotecaParceiros ul  { margin: 2rem 0; padding: 0; display: flex; justify-content: center; }
.divinotecaParceiros img { height: 80px; object-fit: contain; width: 170px; }

/* MOBILE */

.divinotecaHeader-mobile { 
 display: none; 
 height: 100%; 
 justify-content: space-between; 
 align-items: center; 
 padding: 10px 0 10px 0 !important;
}

.divinoHeader-menu { color: #fff; font-size: 25px; }

.divinotecaHeader-logoMobile { text-align: center; }
.divinotecaHeader-logoMobile img { width: 250px; }

.divinotecaHeader-linkMobile { display: flex; justify-content: flex-end; }
.divinotecaHeader-linkMobile ul {
 display: flex !important;
 font-size: 20px;
 gap: 1rem;
 align-items: center;
 justify-content: space-between;
 padding: 0;
 margin: 0;
}
.divinotecaHeader-linkMobile ul li a,
  .divinotecaHeader-linkMobile ul li a:hover { color: #fff; }

.divinotecaHeader-linkMobile svg { width: 30px; fill: #fff; }
  
/* MENU MOBILE */

.menuMobileDivinoteca {
 width: 80%;
 position: fixed;
 top: 0;
 padding: .5rem 0px;
 height: 100vh;
 z-index: 9999;
 background-color: #000;
 transition: .5s;
 box-shadow: 1px 2px 5px 0px rgba(227,227,227,1);
}
 
.menuMobileDivinoteca__header        { border-bottom: 2px solid #fff; min-height: 20%; }
.menuMobileDivinoteca__header figure { text-align: center; margin: 1rem 0; }
.menuMobileDivinoteca__header img    { width: 150px; }
.menuMobileDivinoteca__header ul     { width: 100%; }
.menuMobileDivinoteca__header li     { width: 100%; justify-content: center; margin-top: 10px; }
 
.menuMobileDivinoteca__header
 .fecharMenuBikeCenterMobile { font-size: 25px; position: absolute; right: 5px; color: #fff; }
  

.listaCategoriaDivinotecaMobile { margin: 0; padding: 0; }
.listaCategoriaDivinotecaMobile li {
 padding: 1rem;
 border-bottom: 1px solid #ccc;
 color: #fff;
 font-size: 16px;
 font-weight: 700;   
 display: flex;
 align-items: center;
 justify-content: space-between; 
}

.listaCategoriaDivinotecaMobile a,
.listaCategoriaDivinotecaMobile a:hover { color: #f9f9f9; }

.listaCategoriaDivinotecaMobile li i { font-size: 25px; color: #fff; }
.listaCategoriaDivinotecaMobile li a img { margin-right: 10px; }

.listaSubCategoriaDivinotecaMobile { 
 margin: 0;
 padding: 0;
 width: 100%;
 position: absolute;
 top: 23%;
 left: 0;
 min-height: 100vh;
 background-color: #000;
 transform: translateX(250%);
 transition: .5s;
 z-index: 999;
}
.listaSubCategoriaDivinotecaMobile ul { margin: 0; padding: 0; }

.loginMenuDivinotecaDesktop         { margin: 0; padding: 0; text-align: center; }
.loginMenuDivinotecaDesktop span    { color: #fff; }
.loginMenuDivinotecaDesktop h2      { margin: 0; padding: 0; color: #fff;  }
.loginMenuDivinotecaDesktop a,      
.loginMenuDivinotecaDesktop a:hover { color: #fff;  }
  
  .listaSubCategoriaDivinotecaMobile ul { overflow-y: scroll; height: 450px; }
 
  .listaSubCategoriaDivinotecaMobile ul::-webkit-scrollbar { width: 3px; }
   
  .listaSubCategoriaDivinotecaMobile ul::-webkit-scrollbar-track { background: transparent; }
  .listaSubCategoriaDivinotecaMobile ul::-webkit-scrollbar-thumb { background: rgba(136, 136, 136, 0.295); }
  .listaSubCategoriaDivinotecaMobile ul::-webkit-scrollbar-thumb:hover { background: #555; }
 
 .abrirFecharMenuBikeCenter    { transform: translateX(-100%); }
 .abrirFecharSubMenuBikeCenter { transform: translateX(0%); }

/* FOOTER MOBILE */

.menu-mobile{display: none}
.divinotecaFooterMobile-content           { display: none; justify-content: center; margin-top: 10%; }
.divinotecaFooterMobile-content h3        { margin: 0; margin-bottom: 10px; font-size: 18px; color: #fff; }
.divinotecaFooterMobile-content ul        { margin: 2rem 0; padding: 0; text-align: center; }
.divinotecaFooterMobile-content details   { text-align: center; margin: .7rem 0px; color: #fff; }
.divinotecaFooterMobile-content a,        
.divinotecaFooterMobile-content a:hover   { color: #f9f9f9; }
.divinotecaFooterMobile-content summary   { position: relative; }
.divinotecaFooterMobile-content summary i { font-size: 12px; }

/* CARROSSEL DE PRODUTOS */
.owl-theme .owl-controls .owl-buttons div { 
 position: absolute; 
 border-radius: 0px !important; 
 margin: 0px !important; 
 padding: 3px 5px !important;
 background: transparent !important; 
}
.owl-theme .owl-controls .owl-buttons .owl-prev{ left: 0px; top: 30%; }
.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 30%; }
.owl-pagination{ display: none; }

/* MEDIA SCREEN */

@media (max-width: 1100px ) and (min-width: 993px) {
  .iframePersonalizado { width: 250px !important; }
  ._1z7u { 
   display: flex !important;
   justify-content: center !important;
   flex-direction: column !important;
   padding-bottom: 1rem !important;
  }
}

@media (max-width: 992px) {
 .divinotecaHeader-desktop,
 .institucionalRow,
 .divinotecaFooterDesktop-content { display: none; }

 .divinotecaHeader-mobile         { display: flex; }
 .divinotecaFooterMobile-content  { display: grid; }

 .divinotecaNewsDesktop-form { flex-direction: column; }

 .divinotecaNewsDesktopLeft { padding: 5rem 0px !important; text-align: center; }
 .divinotecaNewsDesktopLeft p { font-weight: 700; font-size: 20px; padding-bottom: 1.3rem !important; }
 .divinotecaNewsDesktopLeft p::after { 
  content: '';
  width: 25%;
  border: 2px solid #9b0202;
  background-color: #9b0202;
  display: block;
  margin: 10px auto;
 }

 .divinotecaNewsDesktopRight input  { width: 100%; margin: .5rem 0px; }
 .divinotecaNewsDesktopRight button { width: 100%; margin: 1rem 0px; } 
 
 .divinotecaHarmonizacoesDesktop  { display: none !important; }
 .divinotecaHarmonizacoesMobile   { display: block !important; }

}

@media (max-width: 768px) {

 .divinotecaNewsDesktopLeft { padding: 2rem 0px !important; text-align: center; }
 .divinotecaFooterDesktop-textoInstitucional p { text-align: center; line-height: 25px; }

 .divinotecaSearch { padding: 0 8rem; } 
 .divinotecaParceiros ul  { flex-direction: column; }
 .menu-desktop{ display: none; }
 .menu-mobile{ display: block; }
}

@media (max-width: 425px) {
  .divinotecaHeader-logoMobile img { width: 150px; }
  .divinotecaHeader-linkMobile ul  { gap: .3px !important; }
  .divinotecaHeader-linkMobile svg { width: 25px; }
}