/*#region fonts */
@font-face {
    font-family: "MontserratBlack";
    src: url(/dist/lavia/fonts/Montserrat-Black.ttf?beacc26b4bbaaf608567aa2e6b369ad7);
}

.MontserratBlack {
    font-family: "MontserratBlack";
}

@font-face {
    font-family: "MontserratBlackItalic";
    src: url(/dist/lavia/fonts/Montserrat-BlackItalic.ttf?9be75be0721b5c54a837c66ca546f5c7);
}

.MontserratBlackItalic {
    font-family: "MontserratBlackItalic";
}

@font-face {
    font-family: "MontserratBold";
    src: url(/dist/lavia/fonts/Montserrat-Bold.ttf?50f0257aa1e905f4bfaf64dc290accb9);
}

.MontserratBold {
    font-family: "MontserratBold";
}

@font-face {
    font-family: "MontserratMedium";
    src: url(/dist/lavia/fonts/Montserrat-Medium.ttf?b8c6753baa964ccac1ba2d030b288c73);
}

.MontserratMedium {
    font-family: "MontserratMedium";
}

@font-face {
    font-family: "MontserratRegular";
    src: url(/dist/lavia/fonts/Montserrat-Regular.ttf?24785cc015b27a3e964be934a8906023);
}

.MontserratRegular {
    font-family: "MontserratRegular";
}

/*#endregion fonts */

/*#region .col-categories */
.col-categories {
    padding: 0;
    min-height: 25rem;
}

@media (max-width: 575.98px) {
    .col-categories {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .col-categories-sm {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .col-categories-md {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}

@media (min-width: 992px) {
    .col-categories-lg {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/*#endregion .col-categories */

.btn-categories {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border: 0;
}

.btn-categories:hover:before {
    filter: grayscale(0);
}

.btn-categories:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(90%);
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-categories-cubiertas:before {
    background-image: url(/dist/lavia/images/cubiertas.jpg?9a302a4ff519b8980966c9e5b62ec5a4);
}

.btn-categories-electricidad:before {
    background-image: url(/dist/lavia/images/electricidad.jpg?d5da5c3404dbc47c3fa9db9172ba5318);
}

.btn-categories-aceites:before {
    background-image: url(/dist/lavia/images/aceites.jpg?f994810d28ce67fb9f8b542830f594d6);
}

.btn-categories-motor:before {
    background-image: url(/dist/lavia/images/motor.jpg?f8586cfad620799acb0293c679ebcf2a);
}

.text-btn-categories {
    position: absolute;
    z-index: 1;
}

.card-categories {
    border-radius: 0;
    background-image: url(/dist/lavia/images/categories/productos.jpg);
    background-repeat: no-repeat;
    height: 25rem;
    background-size: cover;
    border: 0;
}

.btn-categories-mp {
    background-color: #fc7313ff;
    color: white;
    font-weight: bold;
    font-size: 25px;
    border-radius: 30px;
}

.btn-categories-mp:hover {
    background-color: #003366ff;
    color: white;
}

.icon-lavia:hover svg path {
    fill: #fc7313ff;
}

/*#region .title-btn-categories */
.title-btn-categories {
    color: white;
    font-weight: bold;
    font-size: 2.5rem;
    text-shadow: black 2px 5px 5px;
}

@media (min-width: 819px) and (max-width: 991.98px) {
    .title-btn-categories {
        font-size: 1.8rem;
    }
}

@media (min-width: 991.98px) and (max-width: 1220px) {
    .title-btn-categories {
        font-size: 1.5rem;
    }
}

@media (min-width: 1220.1px) and (max-width: 1600px) {
    .title-btn-categories {
        font-size: 2rem;
    }
}

/*#endregion .title-btn-categories */

@media (max-width: 1440px) {
    .btn-categories-mp {
        font-size: 20px;
    }
}

.title-carousel {
    font-weight: bold;
    font-style: italic;
    font-size: 4rem;
}

@media (max-width: 819px) {
    .title-carousel {
        font-size: 2.5rem;
    }
}

.btn-filter {
    padding: 1px 10px;
    border-radius: 30px;
    margin: 0px 5px 5px 5px;
}

.btn-filter-inactive {
    background-color: #ffffff;
    color: #c4c4c4ff;
    border: 2px solid #c4c4c4ff;
}

.btn-filter-inactive:hover {
    background-color: #fc7313ff;
    color: white;
}

.btn-filter-active {
    background-color: #fc7313ff;
    border: none;
    color: white;
}

.form-check-input:checked {
    background-color: #fc7313ff;
    border-color: #fc7313ff;
}

.tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: none;
}

.btn-mode-view i {
    color: #c4c4c4ff;
    font-size: 1.5rem;
}

.btn-mode-view.active i {
    color: #fc7313ff;
}

.btn-mode-view.active {
    border: none;
}

.btn-mode-view:hover i,
.btn-mode-view i:hover {
    color: #fc7313ff;
}

.btn-mode-view:active {
    border: none;
    border-color: inherit;
}

.btn-mode-view {
    border: none;
    border-color: inherit;
}

.card-catalogue {
    max-width: 540px;
    min-height: 300px;
}

.card-title-catalogue {
    color: #fc7313ff;
}

.btn-cart {
    background-color: #8f8f8fff;
}

.btn-cart i {
    color: #ffffff;
}

.btn-cart:hover {
    background-color: #fc7313ff;
}

.btn-in-cart {
    background-color: #fc7313ff;
}

.btn-in-cart:hover {
    background-color: #fc7313ff;
}

.btn-in-cart i {
    color: #ffffff;
}

.jsgrid-pager-page a,
.jsgrid-pager-nav-button a,
.jsgrid-pager-nav-button a,
.jsgrid-pager-nav-button a {
    color: #000000;
}

.jsgrid-pager-current-page a {
    color: #fc7313ff;
}

.th-thead {
    background-color: #000000 !important;
    color: #fc7313ff !important;
}

.td-tbody {
    color: #000000 !important;
}

.btn-pedido-actual:hover,
.btn-mis-pedidos:hover {
    color: #fc7313ff !important;
}

.btn-lavia {
    border-radius: 30px;
}

.btn-lavia-common {
    background-color: #fc7313ff;
    color: white;
}

.btn-lavia-common:hover {
    background-color: #003366ff;
    color: white;
}

.alert-lavia {
    background-color: #fc7313ff;
    color: white;
    border-color: #d65f0f;
}

/*# sourceMappingURL=lavia.css.map*/