:root{
    --blue-main:#112528;
    --brown-main:#8C4424;
    --grey-1:#999999;
}

body{ width: 100%; height: 100%; margin: 0; padding: 0; font-size: 18px; font-family: 'Source Sans 3', sans-serif; }

a{ text-decoration: none !important; color: var(--brown-main);}

footer{ background-color: #112428; }

.blue-main{ color: var(--blue-main) }

.brown-main{ color: var(--brown-main) }

.hover-brown:hover{ color: var(--brown-main) !important; }

.bg-blue-main{ background-color: var(--blue-main) }

.bg-brown-main{ background-color: var(--brown-main) }

.breadcrumb-item.active { color: var(--blue-main) !important; }

.breadcrumb-item a {  color: #CCCCCC !important; font-weight: 700;  }

.breadcrumb-item a:hover { color: var(--blue-main) !important; }

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: var(--blue-main);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: var(--blue-main);
}

.nav-item .dropdown-menu{ background-color: #f3f3f3; border-top: 0;}

#header-main{ background: url('../img/bg-menu.jpg') center center no-repeat; background-size: cover; }

#header-main .nav-link{ color: var(--blue-main); font-size: 1.2rem; border-right: 3px solid var(--blue-main); padding: 0 12px; line-height: 1;}

#header-main .nav-link:hover,#header-main .nav-link.active{ color: var(--brown-main);}

#products-list-home{  background: url('../img/bg-carrusel-productos.jpg') center bottom no-repeat; overflow: hidden; background-size: cover;}

#contacto{  background: url('../img/bg-formulario.jpg') center bottom no-repeat; overflow: hidden; background-size: cover;}

#about-us-home{  background: url('../img/bg-mapamundi.jpg') center center no-repeat; background-size: cover; min-height: 500px;}

#form-contact .form-control{  background-color: #887E36 !important; box-shadow: none; color: #fff;}

#form-contact .btn-primary,#form-contact2 .btn-primary {
    --bs-btn-bg: var(--blue-main);
    --bs-btn-border-color: var(--blue-main);
    --bs-btn-hover-bg:#1b2729;
    --bs-btn-hover-border-color: #1b2729;
    --bs-btn-active-bg: #1b2729;
    --bs-btn-active-border-color: #1b2729;
    --bs-btn-disabled-bg: var(--blue-main);
    --bs-btn-disabled-border-color: var(--blue-main);
}

#ico-whatsapp{ position: fixed; bottom: 20px; right: 20px; width: 64px; }

.product_details .btn-primary {
    --bs-btn-bg: var(--brown-main);
    --bs-btn-border-color: var(--brown-main);
    --bs-btn-hover-bg:#91553b;
    --bs-btn-hover-border-color: #91553b;
    --bs-btn-active-bg: #91553b;
    --bs-btn-active-border-color: #91553b;
    --bs-btn-disabled-bg: var(--brown-main);
    --bs-btn-disabled-border-color: var(--brown-main);
}

.pagination {
    --bs-pagination-color: var(--blue-main);
    --bs-pagination-hover-color: var(--blue-main);
    --bs-pagination-focus-color: var(--blue-main);
    --bs-pagination-active-bg: #1b2729;
    --bs-pagination-active-border-color: #1b2729;
}

.separador{ background-color: var(--brown-main); }

.separador-line{ background-color: #2D666D; height: 2px; }

.container-product{display: flex;flex-direction: column;justify-content: start;}

.sub-home{ border-radius: 20px; border: 1px solid var(--blue-main); padding: 3px 15px; }

.sub-home:hover,.sub-home.active{ background-color: var(--blue-main);  }

.sub-home.brown-main{ border: 1px solid var(--brown-main); }

.sub-home.brown-main:hover,.sub-home.brown-main.active{ background-color: var(--brown-main);  }

.sub-home a:hover,.sub-home.active a{ color: #fff; }

.title-product{ font-size: 1.5rem; }

.owl-carousel .owl-stage{ display: flex; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position: absolute; width: 60px; height: 60px; border-radius: 60px; background-color: var(--blue-main) !important; color: #fff !important; font-size: 2rem !important; top: 50%; margin-top: -30px; }

.owl-carousel .owl-nav button.owl-prev{ left: -10px; }

.owl-carousel .owl-nav button.owl-next{ right: -10px; }

.breadcrumb-item+.breadcrumb-item::before { font-family: 'FontAwesome'; padding: 0 10px; }

.badge.bg-primary {
    background-color: var(--blue-main)!important;
}

.nav-pills .nav-link { color: #999999; font-size: 1.2rem; }

.nav-pills .nav-link.active, .nav-pills .show >.nav-link {
    font-weight: 600;
    color: #999999;
    background-color: #ffffff;
    border-bottom: 3px solid var(--brown-main);
    border-radius: 0;
}

.title-header{ position: absolute; width: 100%; height: 100%; display: flex; justify-content: end; align-items: center; top: 0; right: 0; }

#header-content-bg{ background-position: left top; background-repeat: no-repeat; min-height: 250px; }

#header-content-bg h1{ font-size: 3.5rem; }

#contacto #form-contact{ width: 60%; }

@media (max-width: 800px) {

    #contacto{  background: url('../img/movil/bg-formulario.jpg') center bottom no-repeat; overflow: hidden; background-size: cover;}

    #about-us-home{  background: url('../img/movil/bg-mapamundi.jpg') center center no-repeat; background-size: cover; min-height: 500px;}

    #header-main .nav-link{ border-right: 0;}

    #header-content-bg{ background-position: 25% top; background-repeat: no-repeat; min-height: 250px; }

    #contacto #form-contact{ width: 100%; }

}