* {

    font-family: 'Rubik', sans-serif !important;

}

body,
html {
    overflow-x: hidden !important;
}

#product-list h3 {
    letter-spacing: 0.6px;
    color: #FFFFFF;
    font-weight: bold;
}

@media (min-width: 992px) {
    #product-list h3 {
        padding: 30px 0 0 40px;
    }
}

.products-slider-bg {
    background: #8BBC3F;
}

.product-title {
    font-size: 1.4rem;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 20px;
}

.products-description {
    color: #FFFFFF;
    font-weight: lighter;
}

@media (min-width: 992px) {
    .products-description {
        height: 105px;
        max-width: 280px;
        color: #FFFFFF;
        font-weight: lighter;
        font-size: 0.9rem;
    }
}

.btn-view-more {
    background: #ffffff;
    width: 120px;
    border-radius: 0px !important;
    padding: 3px 5px;
    color: #58595B;
}

.btn-products-nuproxa {
    background: #F8B018;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 10px 20px;
}

.btn-products-nuproxa:hover {
    background: #f6f6f6;
    color: #000;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 10px 20px;
}

.t1_colors {

    float: left;

    width: 100px;

    height: 100px;

    margin-right: 20px;

    border: 1px solid rgb(111, 61, 69);

}

a {

    text-decoration: none !important;

    color: inherit;

}



.container-fluid {

    max-width: 1440px !important;

}



.options-nav {

    color: #6E6E6E !important;

}



.carousel-control-prev-custom,

.carousel-control-next-custom {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 15%;

    padding: 0;

    color: #fff;

    text-align: center;

    background: 0 0;

    border: 0;

    transition: opacity .15s ease;

}



.carousel-control-next-custom {

    right: 0;

}



.bar:after {

    height: 6px;

    background-color: #ffce15 !important;

    width: 60%;

    margin: 0 auto !important;

}



.bg-yellow {

    background-color: #f6af29 !important;

}



#conozca-nuestros-productos {

    background-color: #F6F6F6 !important;

}



.font-main-p {

    color: #58595B !important;

    font-size: 1.063rem !important;

}



@media (max-width: 350px) {

    .bigger-titles {

        font-size: 1.1rem !important;

    }

}

@media (min-width: 351px) {

    .bigger-titles {

        font-size: 2.875rem !important;

    }

}



@media (max-width: 993px) {

    .text-box-product {

        height: 130px !important;

    }

}



@media (min-width: 992px) and (max-width: 1300px) {

    .text-product {

        font-size: 1.4rem !important;

    }

}



.text-box-product-mobile {

    height: 14rem !important;

}



@media (min-width: 992px) and (max-width: 1235px) {

    .text-box-product {

        height: 175px !important;

    }

}

@media (min-width: 1236px) {

    .text-box-product {

        height: 151px !important;

    }

}



.titles {

    font-size: 1.75rem !important;

}



.titles,

.bigger-titles,
.titles-color {

    color: #8BBC3F !important;

}



.px24 {

    font-size: 1.5rem !important;

}



.px16 {

    font-size: 1rem !important;

}



strong {

    font-weight: 700 !important;

}



.after {

    height: 8px;

    background-color: #8BBC3F !important;

    width: 60%;

    margin: 0 auto !important;

}



@media (max-width: 991px) {
    .products {
        min-height: 175px;
    }

    .after-footer {
        height: 8px;
        background-color: #8BBC3F !important;
        width: 35%;
        margin-left: 8.33333333% !important;
    }
}

@media (min-width: 992px) {

    .after-footer {

        height: 8px;

        background-color: #8BBC3F !important;

        width: 20%;

        margin-left: 9.33% !important;

    }

}



.green-carousel {

    background-color: #8BBC3F;

}



.green-carousel-hover-biocholine {

    background-color: #F6AF29;

}

.green-carousel-hover-panbonis {

    background-color: #DEB0D1;

}

.green-carousel-hover-livoliv {

    background-color: #B8347A;

}

.green-carousel-hover-ascogen {

    background-color: #9C622D;

}

.green-carousel-hover-optimethione {

    background-color: #DFA656;

}

.green-carousel-hover-peptasan {

    background-color: #8BBC3F;

}



.text-white-pers {

    color: #FFFFFF;

}



a.button1 {

    display: inline-block;

    padding: 0.35em 1.2em;

    margin: 0 0.3em 0.3em 0;

    border-radius: 0.12em;

    box-sizing: border-box;

    text-decoration: none;

    font-weight: 300;

    color: #000000;

    text-align: center;

    transition: all 0.2s;

    background-color: #FFFFFF;

}



.carousel-control-next,
.carousel-control-prev {

    width: auto !important;

}

@media all and (max-width:30em) {

    a.button1 {

        display: block;

        margin: 0.4em auto;

    }

}



small {

    color: #868686 !important;

}



.font-contactos {

    font-size: 16px !important;

    color: #464646 !important;

}



.gray-font {

    color: #464646 !important;

    font-size: 1.5rem !important;

}



.gray-font-color {

    color: #464646 !important;

}



.px17 {

    font-size: 1.063rem !important;

}



@media (max-width: 450px) {

    .text-box-orange {

        bottom: -8% !important;

        left: 50%;

        transform: translate(-50%);

        width: 70% !important;

    }

    .htbo {

        font-size: 1rem !important;

    }

}

@media (min-width: 451px) and (max-width: 767px) {

    .text-box-orange {

        bottom: -13% !important;

        left: 50%;

        transform: translate(-50%);

        width: 59% !important;

    }

}

@media (min-width: 768px) {

    .text-box-orange {

        bottom: -10% !important;

        left: 50%;

        transform: translate(-50%);

        width: auto;

    }

}



.distribuidores {

    background-color: #F6F6F6 !important;

}



.gray-footer {

    background-color: #464646 !important;

}



.green-footer {

    background-color: #8BBC3F !important;

}



.sm-footer {

    font-size: 0.6rem !important;

}



.footer-up-logo {

    font-size: 0.8rem !important;

}



.address {

    font-size: 0.7rem;

}



li.font-main-p::marker {

    content: "■      " !important;

    color: rgb(248, 176, 24) !important;

    font-size: 0.8em !important;

    margin-right: 20px !important;

    text-indent: 0px !important;

    text-align: start !important;

    text-align-last: start !important;

}