/*COLORES DEL SITIO*/

/*color de fondo de barra superior a menu*/
.header-top {
    background-color: #fff;
}
/*color de fondo del menu*/
/*.header-middle, .mobile-menu-container {
    background-color: #b11116 !important;
}*/
/*menu letras blanco*/
/*.header.header-7 .menu li.active > a, .header.header-7 .menu li.show > a{
    color: #fff !important;
}*/
/*menu expandido*/
/*.header.header-7 .menu li:hover > a {
    color: #fff;
}*/
/*menu expandido*/
/*.header.header-7 .menu > li > a {
    color: #fff !important;
}*/
/*
.header.header-7 .menu > li > a::before {
    background-color: #fff;
}	*/ 
/*Barra con mensaje parte superior, si se cambia esto, es recomendable cambiar theme-color en layout*/
.notification {
    background-color: #b11116;
}
/*Fondo cantidad productos carrito*/
.cart-dropdown .cart-count {
    background-color: #b11116;
}
/*Color carrito mouse encima*/
.cart-dropdown.show .dropdown-toggle, .cart-dropdown:hover .dropdown-toggle, .compare-dropdown.show .dropdown-toggle, .compare-dropdown:hover .dropdown-toggle, .header-top a:focus, .header-top a:hover {
    color: #000000;
}
/*Color lupa de buscar cuando haces click*/
.cart-dropdown .product-title a:focus, .cart-dropdown .product-title a:hover, .menu li.active > a, .menu li.show > a, .menu li:hover > a, .search-toggle.active, .search-toggle:focus, .search-toggle:hover {
    color: #000000;
}
/*Color monto total carrito*/
.header.header-7 .cart-dropdown.active .cart-txt, .header.header-7 .cart-dropdown:focus .cart-txt, .header.header-7 .cart-dropdown:hover .cart-txt {
    color: #000000;
}
/*Colores de links sitio*/
a {
    color: #000000 !important;
}
/*btn en faq contacto*/
.btn-outline-white {
    color: #fff !important;
}
/*Color boton primario (por ejemplo el de ver carrito)*/
.btn-primary {
    color: #fff !important;
    background-color: #b11116;
    border-color: #b11116;
}
/*Color boton de ver carrito por ejemplo, cuando te paras encima*/
.header-7 .btn-primary.focus, .header-7 .btn-primary:focus, .header-7 .btn-primary:hover, .header-7 .btn-primary:not(:disabled):not(.disabled).active, .header-7 .btn-primary:not(:disabled):not(.disabled):active, .header-7 .show > .btn-primary.dropdown-toggle {
    color: #e2001a;
    background-color: #b11116;
    border-color: #b11116;
}
/*Cuando te paras encima de un link o  haces click en uno de ellos, por ejemplo el boton de ingresar en el menu*/
a:focus, a:hover {
    color: #000000;
}
/*Colores de tabs en productos destacados home, pestaña activa*/
.nav.nav-pills .nav-item .nav-link.active, .nav.nav-pills .nav-item.show .nav-link {
    color: #000000;
    border-color: #d7d7d7 #d7d7d7 #000000;
}
/*Colores de tabs en productos destacados home, pasar mouse por pestaña inactiva*/
.nav.nav-pills .nav-link:focus, .nav.nav-pills .nav-link:hover {
    color: #000000;
}
/*Colores de tabs en productos destacados home, barrita de elegido*/
.nav.nav-border-anim .nav-link:before {
    background-color: #000000;
}
/*icono de vista rapida*/
.product.product-3 {
    color: #000000;
}

/*flechas en vista rapida*/
.quickView-content .owl-theme.owl-light .owl-nav [class*=owl-]:focus, .quickView-content .owl-theme.owl-light .owl-nav [class*=owl-]:hover {
    color: #000000;
}
/*boton de agregar al carrito en vista rapida*/
.quickView-content .product-details-action .btn-cart:focus, .quickView-content .product-details-action .btn-cart:hover {
    border-color: #000000;
    background-color: #000000;
    color: #fff;
}
/*tarjetas de descripcion y descripcion adicional en productos detalles*/
.card-title a {
    color: #000000;
}
/*links a categorias en productos detalles*/
.product-details .product-cat a:focus, .product-details .product-cat a:hover {
    color: #000000;
    box-shadow: 0 1px 0 #000000;
}

/*agregar a carrito en productos relacionados*/
.product.product-7 .btn-product:focus, .product.product-7 .btn-product:hover {
    color: #fff;
    background-color: #000000;
    border-bottom-color: #000000;
}
.product.product-7 .btn-product span {
    color: #000000;
}
/*idem arriba*/
.product.product-7 .btn-product {
    color: #b11116;
    background-color: #fff;
    border-bottom: .1rem solid #ebebeb;
}
    /*iconos en productos detalles, agregar al carrito*/
    .product-details-action .btn-product:hover span, .product-details-action .btn-product:focus span {
    color: #fff;
}
/*iconos en productos todos, promociones,novedades,ahi donde dice agregar al carrito*/
.product-action .btn-product:hover span, .product-action .btn-product:focus span {
    color: #b11116;
    box-shadow: 0 1px 0 0 #b11116;
}
/*iconos de agregar al carrito en detalles*/
.product-details-action:focus .btn-cart:focus {
    color: #fff;
    border: .1rem solid #fff;
}
/*iconos de agregar al carrito en detalles*/
.product-details-action .btn-cart {
    color: #b11116;
    border: .1rem solid #b11116;
}
/*icono de cerrar modal de variante o de ingresar usuario en index*/
.icon-close {
    color: #b11116;
}
/*Precio del producto*/
.product-price {
    color: #b11116;
}
/*nuevo precio cuando esta en descuento*/
.new-price {
    color: #b11116;
}
/*agregar o quitar cantidad*/
.btn.btn-spinner:focus, .btn.btn-spinner:hover {
    color: #b11116;
}
/*Titulo del producto en index*/
.product-title a:focus, .product-title a:hover {
    color: #b11116;
}
/*mas productos en index*/
.btn-outline-dark-3.focus, .btn-outline-dark-3:focus, .btn-outline-dark-3:hover, .btn-outline-dark-3:not(:disabled):not(.disabled).active, .btn-outline-dark-3:not(:disabled):not(.disabled):active, .show > .btn-outline-dark-3.dropdown-toggle {
    color: #b11116;
    background-color: transparent;
    border-color: #b11116;
}
/*mas productos en index*/
.btn-more:focus, .btn-more:hover {
    color: #b11116;
}
/*boton de newsletter en index*/
.btn-white.focus, .btn-white:focus, .btn-white:hover, .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle {
    color: #fff;
    background-color: #b11116;
    border-color: #b11116;
}
/*seleccion de texto*/
::selection {
    background-color: #b11116 !important;
}
/*paginado pagina activa*/
.page-item.active .page-link {
    color: #b11116;
}
/*paginado*/
.page-link {
    color: #b11116 !important;
}
/*color de texto primario*/
.text-primary {
    color: #b11116 !important;
}
/*pagina de contacto*/
.contact-box a:focus, .contact-box a:hover {
    color: #b11116;
}
/*colores en texto y links en footer*/
.footer a:focus, .footer a:hover {
    color: #b11116;
}

/*botones varios checkout, enviar en contacto, etc. esta en casi todos lados*/
.btn-outline-primary-2.focus, .btn-outline-primary-2:focus, .btn-outline-primary-2:hover, .btn-outline-primary-2:not(:disabled):not(.disabled).active, .btn-outline-primary-2:not(:disabled):not(.disabled):active, .show > .btn-outline-primary-2.dropdown-toggle {
    color: #fff;
    background-color: #b11116;
    border-color: #b11116;
}
/*boton de categoria de productos*/
.banner-badge .banner-link:focus .banner-link-text, .banner-badge .banner-link:hover .banner-link-text {
    background-color: #b11116;
}
    /*idem arriba*/
    .btn-outline-primary-2 {
    color: #b11116;
    background-color: transparent;
    border-color: #b11116;
}
/*flecha de carrusel en banners*/
.owl-simple .owl-nav [class*=owl-]:not(.disabled):hover {
    color: #b11116;
}
/*flecha de ir para arriba cuando te paras encima*/
#scroll-top:focus, #scroll-top:hover {
    color: #777; /*flecha*/
    background-color: #eaeaea; /*caja contenedora mouse arriba*/
}
/*flecha de ir para arriba*/
#scroll-top {
    color: #ccc; /*flecha*/
    background-color: #fafafa; /*caja contenedora*/
}
/*control donde se ingresa texto*/
.form-control:focus {
    color: #777;
    background-color: #fff;
    border-color: #b11116;
}

/*color de olvidaste tu contraseña*/
.form-tab .form-footer a:focus, .form-tab .form-footer a:hover {
    color: #b11116;
}
/*en index vista rapida agregar al carrito*/
.product-details-action .btn-cart {
    color: #b11116;
    border: .1rem solid #b11116;
}
/*idem arriba, cuando pasas mouse x encima*/
.product-details-action .btn-cart:focus, .product-details-action .btn-cart:hover {
    color: #fff;
    border-color: #b11116;
    background-color: #b11116;
}

/*boton de producto*/
.btn-product {
    color: #b11116;
}
/*texto e icono de procesando en color*/
.btn-text, btn-hover-text, .loading-icon {
    color: #b11116;
}
/*caja en faq, datos personales en direcciones, en descripcion y descripcion detallada en productos*/
.card-title a.collapsed:focus, .card-title a.collapsed:hover {
    color: #000000;
}
/*idem arriba*/
card-title a {
    color: #000000;
}

/*foto activa en detalles de producto*/
.product-gallery-item:before {
    border: .1rem solid #000000;
}
/*idem arriba*/
.btn-product-gallery:focus, .btn-product-gallery:hover {
    color: #fff;
    background-color: #000000;
}

/*idem arriba*/
.btn-product span {
    color: #000000;
}
/*iconos de redes sociales en footer,mouse x encima*/
.social-icon:focus, .social-icon:hover {
    color: #000000;
    border-color: #000000;
}
/*indice en pantallas donde esta parado*/
.breadcrumb-item a {
    color: #777;
}
    /*indice en pantallas donde esta parado, paso mouse x arriba*/
    .breadcrumb-item a:focus, .breadcrumb-item a:hover {
        color: #000000;
    }
/*pantalla de mi cuenta colores activos*/
.nav-dashboard .nav-link.active, .nav-dashboard .nav-link:focus, .nav-dashboard .nav-link:hover {
    color: #000000;
}
/*resumen en detalles de carrito*/
.product-col .product-title a:focus, .product-col .product-title a:hover {
    color: #000000;
}
/*resumen en carrito*/
.table .total-col {
    color: #000000;
}
/*resumen en carrito, mouse encima*/
.table.table-summary a:hover {
    color: #000000;
}
/*resumen en carrito, campo total*/
.table.table-summary .summary-total td {
    color: #000000;
}
/*boton continuar comprando, y mas productos*/
.btn-outline-dark-2.focus, .btn-outline-dark-2:focus, .btn-outline-dark-2:hover, .btn-outline-dark-2:not(:disabled):not(.disabled).active, .btn-outline-dark-2:not(:disabled):not(.disabled):active, .show > .btn-outline-dark-2.dropdown-toggle {
    color: #000000;
    background-color: #fafafa;
    border-color: #ebebeb;
}
/*pantalla de terminos y condiciones en carrito*/
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #b11116;
    border-color: #b11116;
}

/*pantalla faq boton de contacto*/
.btn-outline-white.focus, .btn-outline-white:focus, .btn-outline-white:hover, .btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show > .btn-outline-white.dropdown-toggle {
    color: #fff;
    background-color: #b11116;
    border-color: #b11116;
}
/*flecha para arriba en caja de faq*/
.card-title a:before {
    color: #000000;
}
    /*vista responsiva, borde de menu buscar*/
.mobile-search .form-control:focus {
    border-color: #000000;
}
/*menu mobile, color de menu activo*/
.category-dropdown .dropdown-item:focus, .category-dropdown .dropdown-item:hover, .menu-vertical li.active > a, .menu-vertical li.show > a, .menu-vertical li:hover > a, .menu-vertical > li.active > a, .menu-vertical > li.show > a, .menu-vertical > li:hover > a, .mmenu-btn:focus, .mmenu-btn:hover, .mobile-menu li a:focus, .mobile-menu li a:hover, .mobile-menu li.active > a, .mobile-menu li.open > a, .mobile-menu-close:focus, .mobile-menu-close:hover, .mobile-menu li a {
    color: #fff  !important;
}
/*ingresar,micuenta en menu resposivo*/
.otrocolormenu {
    color: #000000 !important;
}
/*titulo en todas las paginas*/
.page-header h1 {
    color: #353535;
}
/*subtitulo en todas las paginas*/
    .page-header h1 span {
        color: #000000;
    }
/*texto en todo el sitio*/
p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, body {
    color: #000000;
}
/*texto e iconos de compra y disfruta,pago seguri y atencion al cliente*/
.icon-box-title, .icon-box-icon {
    color: #000000;
}
/*titulos en footer*/
.footer .widget-title {
    color: #000000;
}

