* {
    font-family: 'Rubik', sans-serif !important;
}
.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: 1920px !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;
}

main {
    background-color: #F6F6F6 !important;
}

.font-main-p {
    color: #58595B !important;
    font-size: 0.9rem !important;
}

@media (max-width: 350px) {
    .bigger-titles {
        font-size: 1.1rem !important;
    }
}
@media (min-width: 351px) {
    .bigger-titles {
        font-size: 2.1rem !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.7rem !important;
}

.titles,
.bigger-titles, .titles-color {
    color: #8BBC3F !important;
}

strong {
    font-weight: 700 !important;
}

.after {
    height: 8px;
    background-color: #8BBC3F !important;
    width: 60%;
    margin: 0 auto !important;
}

@media (max-width: 991px) {    
    .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: 16.66666667% !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;
}
.green-carousel-hover-cpower {
    background-color: #f18924;
}
.green-carousel-hover-nuxafen {
    background-color: #4e3254 ;
}

.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;
}

@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;
}