﻿.header-links li
{
    font-size: 30px;
}

.bg-red-supermix
{
    background-color: #D12823;
}

.slider-text-containter
{
    /*background-color: rgba(0, 0, 0, 0.4);*/
    margin-bottom: 20px;
    border-radius: 20px;
}

.info-nutricional
{
    margin-top: 20px;
}


#myTabContent .tab-pane
{
    border: solid 1px #D12823;
    margin-bottom: 20px;
}

/*#myTab li a
{
    border-color: blue;
    background-color: #A5C967;
}

#myTab li.active a
{
    border-bottom-color: transparent;
    background-color: Yellow;
}*/

.mainmenu__link.current
{
    color: #D12823;
}

.category-nav__submenu__title
{
    margin-bottom: 5px;
}

    .category-nav__submenu__title.sub
    {
        margin-top: 35px;
    }

.btn-outlined--primary.dog
{
    border: 2px solid #233F84 !important;
}

    .btn-outlined--primary.dog:hover
    {
        background-color: #233F84 !important;
    }

a.btn-outlined--primary.dog
{
    color: #233F84;
}

.btn-outlined--primary.cat
{
    border: 2px solid #AD3188 !important;
}

    .btn-outlined--primary.cat:hover
    {
        background-color: #AD3188 !important;
    }

a.btn-outlined--primary.cat
{
    color: #AD3188;
}

.container.acerca
{
    margin-top: 0;
}

    .container.acerca span
    {
        color: #D12823;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .container.acerca .section-header
    {
        margin-bottom: 30px;
    }

    .container.acerca h4
    {
        padding-right: 100px;
        margin-bottom: 30px;
    }

    .container.acerca p
    {
        padding-right: 100px;
        margin-bottom: 20px;
    }

a.btn-outlined--primary.acerca
{
    padding: 20px 100px 20px 100px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #D12823;
}

    a.btn-outlined--primary.acerca:hover
    {
        color: #D12823;
        background-color: #FFF;
    }

    a.btn-outlined--primary.acerca i
    {
        padding-left: 10px;
    }

a.btn-outlined--primary.vade
{
    padding: 20px 130px 20px 130px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #D12823;
}

    a.btn-outlined--primary.vade:hover
    {
        color: #D12823;
        background-color: #FFF;
    }

    a.btn-outlined--primary.vade i
    {
        padding-left: 10px;
    }


.category-block-single h3
{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

    .category-block-single h3 a i
    {
        font-size: 50px;
    }

.single-footer-content
{
    margin-top: 30px;
}

    .single-footer-content p i.info
    {
        margin-right: 10px;
    }

    .single-footer-content p a:hover
    {
        color: #fff;
    }

.footer-list li a:hover
{
    color: #fff;
}

.footer-copyright a
{
    color: #a7a7a7;
}

    .footer-copyright a.trociuk:hover
    {
        color: #D12823;
    }

    .footer-copyright a.codigoforte:hover
    {
        color: #233F84;
    }

.ct-single-side.form
{
    padding-right: 30px;
    padding-left: 30px;
}

.productos
{
    margin-top: 50px;
}

    .productos p.tit
    {
        font-weight: bold;
        font-size: 20px;
        text-transform: uppercase;
        padding-left: 15px;
        padding-right: 0px;
    }

    .productos div.seccion-prod
    {
        border-left: solid 2px #eee;
    }

    .productos ul
    {
        margin-bottom: 50px;
    }

        .productos ul li
        {
            font-size: 17px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .productos ul li a
            {
                width: 100%;
                padding: 10px 20px 10px 40px;
                margin: 0 10px 0 10px;
            }

                .productos ul li a:hover
                {
                    border-radius: 10px;
                    background-color: #DC0000;
                    color: #fff;
                }

.producto-detalle h4
{
    font-size: 16px;
    font-weight: normal;
}

.producto-detalle h2.tit
{
    font-size: 30px;
}

.producto-detalle h2
{
    font-size: 20px;
    margin-top: 15px;
}

.single-sidebar
{
}

    .single-sidebar p
    {
        font-weight: bold;
    }

    .single-sidebar ul
    {
        margin-bottom: 20px;
    }

    .single-sidebar a:hover
    {
        color: #DC0000;
    }

@media (min-width: 768px)
{
    .home-content h1
    {
        padding-top: 20px;
        font-size: 45px;
    }
}

.home-content h1.text-primary.cow
{
    color: #FFF !important;
    text-shadow: 2px 2px 4px #D12823;
}

.home-content h4.cow
{
    color: #FFF !important;
    text-shadow: 2px 2px 4px #D12823;
}

.home-content .slider-btn .cow
{
    color: #FFF !important;
}

.home-content .slider-btn .btn.cow
{
    color: #FFF !important;
}

    .home-content .slider-btn .btn.cow:hover
    {
        color: #D12823 !important;
    }

.btn-outlined--primary.cow
{
    background: transparent;
    border: 2px solid #FFF !important;
}

    .btn-outlined--primary.cow:hover
    {
        background: #fff;
        border: 2px solid #D12823 !important;
    }

.home-content .slider-btn .btn
{
    color: #FFF;
    background-color: red;
}

    .home-content .slider-btn .btn:hover
    {
        color: red;
        background-color: #FFF;
    }


.title-productos
{
    font-size: 20px;
}

/* estilos para boxes de home */
.single-service-style-three
{
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 155px;
}

    .single-service-style-three .img-box
    {
        position: relative;
    }

    .single-service-style-three .text-box
    {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 0 20px;
        margin-top: -30px;
    }

        .single-service-style-three .text-box .inner
        {
            padding-bottom: 20px;
            background: #fff;
            box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.2);
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            width: 90%;
        }

            .single-service-style-three .text-box .inner:before
            {
                background: #fff;
            }

            .single-service-style-three .text-box .inner .icon-box
            {
                border-radius: 50%;
                width: 81px;
                height: 81px;
                background: #fff;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                margin-top: -40.5px;
                position: relative;
                z-index: 10;
                -webkit-transition: all .4s ease;
                transition: all .4s ease;
            }

                .single-service-style-three .text-box .inner .icon-box i
                {
                    color: #262626;
                    font-size: 50px;
                    line-height: 95px;
                    -webkit-transition: all .4s ease;
                    transition: all .4s ease;
                }

            .single-service-style-three .text-box .inner h3,
            .single-service-style-three .text-box .inner p
            {
                margin: 0;
                color: #f90f2d;
                -webkit-transition: all .4s ease;
                transition: all .4s ease;
            }

            .single-service-style-three .text-box .inner h3
            {
                font-size: 24px;
                font-weight: 500;
                margin-top: 15px;
                margin-bottom: 15px;
            }

            .single-service-style-three .text-box .inner p
            {
                font-size: 16px;
                line-height: 24px;
                width: 77%;
                margin-left: auto;
                margin-right: auto;
            }

            .single-service-style-three .text-box .inner a.more
            {
                font-size: 15px;
                font-weight: 600;
                color: #f90f2d;
                display: block;
                margin-top: 10px;
                opacity: 0;
                margin-top: -37px;
                -webkit-transition: all .4s ease;
                transition: all .4s ease;
            }

            .single-service-style-three .text-box .inner a.more-bovinos
            {
                font-size: 15px;
                font-weight: 600;
                color: #f90f2d;
                display: block;
                margin-top: 10px;
                opacity: 0;
                margin-top: -37px;
                -webkit-transition: all .4s ease;
                transition: all .4s ease;
            }

        .single-service-style-three .text-box:hover .inner
        {
            padding-bottom: 25px;
            -webkit-box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.2);
        }

            .single-service-style-three .text-box:hover .inner .icon-box
            {
                background: #f90f2d;
            }

                .single-service-style-three .text-box:hover .inner .icon-box i
                {
                    color: #fff;
                }

            .single-service-style-three .text-box:hover .inner h3
            {
                color: #262626;
            }

            .single-service-style-three .text-box:hover .inner p
            {
                color: #555555;
            }

            .single-service-style-three .text-box:hover .inner a.more
            {
                margin-top: 10px;
                opacity: 1;
            }

            .single-service-style-three .text-box:hover .inner a.more-bovinos
            {
                margin-top: 0;
                opacity: 1;
            }

            .single-service-style-three .text-box:hover .inner .bovinos-text:after
            {
                content: " de Carne y Bovinos de Leche";
            }

.hvr-bounce-to-bottom
{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

/* estilos para boxes de home */


.mezcla-cerdos td
{
    padding: 5px 15px 5px 15px;
}

.fachada-img
{
    float: left;
    padding-right: 20px;
}

.fachada-txt
{
    float: left;
}


/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d !important;
    margin-left: 5px;
}

.field-validation-valid
{
    display: none;
}

input[type="text"].input-validation-error,
input[type="email"].input-validation-error,
input[type="number"].input-validation-error,
input[type="tel"].input-validation-error,
input[type="password"].input-validation-error,
select.input-validation-error,
textarea.input-validation-error
{
    border: solid 1px red !important;
    background-color: #f9f2f4 !important;
}

.validation-summary-errors
{
    color: #e80c4d;
    margin: 10px 0 15px 0;
    padding: 0;
}

    .validation-summary-errors ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.validation-summary-valid
{
    display: none;
}

.valSummary
{
    padding-left: 23px;
    padding-bottom: 10px;
}

.validation-block
{
    clear: both;
    float: none;
    display: block;
}
/* END styles for validation helpers */

.v-info
{
    font-size: 10px;
    color: silver;
}

.vade-xl
{
    width: 400px;
}

.table-composicion
{
    border: 1px solid #D12823;
}

    .table-composicion td.comp-title
    {
        border: 1px solid #D12823;
        text-align: center;
        text-transform: uppercase;
        color: #D12823;
        font-weight: 700;
        background-color: #fff;
    }

.with-disc
{
    list-style-type: disc;
    margin-left: 30px;
}

    .with-disc.red li::marker
    {
        color: #D12823;
    }
