@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6 {font-family: 'Titillium Web', sans-serif !important;}
h1 {font-weight: 700 !important;}

body, .dropdown-item {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
}   

/* ------------------- CABEZAL Y LOGO ------------------- */
@media(max-width: 768px) {
    header .navbar-brand.logo img {height: 60px !important;}
    .o_header_affix.affix.affixed .buscador_menu {display: none;}
    .navbar-toggler {float: right !important; margin-top: 5px !important; border: 0px solid transparent !important;}
    .buscador_menu{margin-bottom: 5px !important; margin-top: 15px !important;}
    .menu {max-height: 140px;}
    #wrapwrap .o_header_affix .menu {padding-left: 0px !important; padding-right: 0px !important;}
    .headerbanner {padding-left: 20px;}
    .navbar-light .navbar-toggler-icon {background-image: url("https://adnbiker.com/web/image/609/menuCel.png") !important;}
    .redes_head {display: none;}
}

.fl-r { float: right; margin-top: 10px;}
.fl-l { float: left; margin-top: 10px !important;}

#graph_header .navbar, .o_header_affix .navbar { padding-top: 4px !important;}
.navbar-light .navbar-nav .nav-link {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.headerbanner {
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    height: 36px;
    width: 100%;
    padding-top: 7px;
    font-size: 1.0em;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    background-color: #54c1bc;
}
@media (min-width: 768px){
    .headerbanner {padding-left: 60px;}
    .menu {height: 120px;}
    .menu-borde {border-top: 1px solid #99a6ad !important;}
    header .navbar-brand.logo img {height: 80px !important; padding: 0px;}
}

/* ------------------- FIN CABEZAL Y LOGO ------------------- */

/* ------------------- CARROUSEL home ------------------- */
.carousel_alto{height: 700px;}
@media (max-width: 1500px){.carousel_alto{height: 550px;}}
@media (max-width: 768px){.carousel_alto{height: 200px;}}
/* ------------------- FIN CARROUSEL home ------------------- */

/* ------------------- BLOQUE marcas y CATEGORÍAS home ------------------- */
@media (max-width: 768px){
    .bloque_marcas{padding-left: 50px; padding-right: 50px; padding-top:40px; text-align: center;}
    .bloque_cat{padding-left: 40px; padding-right: 40px; padding-top:40px; padding-bottom:40px; }
}
/* ------------------- FIN BLOQUE marcas y CATEGORÍAS home ------------------- */

/* --- PRODUCTOS --- */
.oe_product {
    border: 0px solid rgba(100, 100, 100, 0.2) !important;
}
@media (min-width: 768px){
    #products_grid.col-lg-12 .oe-height-2 {
        height: 380px !important;
        font-size: 20px !important;
    	color: #000000 !important;
    	text-align: center !important;
    }
}
@media (max-width: 768px){
    #products_grid.col-lg-12 .oe-height-2 {
        height: 370px !important;
    	text-align: center !important;
    	margin-bottom: 40px !important;
    	font-size: 20px !important;
    }
    .oe_product.oe_image_full .oe_product_image {
        margin-top: -80px !important;
    }
    #products_grid .oe_product.oe_grid section {
        background: none !important;
    }
    #product_detail #product_details #add_to_cart {
        margin-top: 18px !important;
    }
}

/* --- FIN PRODUCTOS --- */

.o_footer > #footer {margin-top: 40px;}

/* BOTON WHATSAPP */                                                                                                                                                                                   
.whatsap{ position:fixed; bottom:21px; right:21px; z-index:500;}
.whatsap:hover{ bottom:21px; right:21px;}
.web{ display:block; } .mov { display:none; } 
@media (max-width: 600px){
.products_pager .pagination {margin: -2px auto !important;}}
@media (max-width: 768px) { .web{ display:none; } .mov { display:block;}}
/* FIN BOTON WHATSAPP */