body {
    font-family: 'Open Sans', sans-serif;
    font-family: 'Satisfy', cursive;
}
footer{
    padding-bottom: 1rem;
    background-color: rgb(6, 39, 118)!important;
}
footer .info-footer{
    text-align: center;
}
footer .info-footer figure{
    padding-top: 4rem;
    margin-bottom: 2.5rem;
}
footer .info-footer figure img{
    width: 245px;
}
footer .info-footer  h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.5rem;
}
footer .info-footer  h5{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.7rem;
}
footer .info-footer p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 1rem auto;
    color: #fff;
    font-size: 0.8rem;
}
footer .info-footer .sociales-pie{
    margin-bottom: 1rem;
}
footer .info-footer .sociales-pie a{
    color: #fff;
    font-size: 1.5rem;
    margin: 0 0.5rem;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
footer .info-footer .sociales-pie a:hover{
    color: #ea0035;
}
footer .info-footer  a{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    margin: 0 0.5rem;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
footer .info-footer  a b{
    font-style: italic;
    color: #ea0035;
}
footer .info-footer  a:hover{
    text-decoration: none;
    color: #ea0035;
}
.logo-error img{
    max-width: 270px;
    width: 100%;
}
.sobre-navegador{
    background-color: #f3f5fa;
}
.sobre-navegador .sobre .logo-sobre{
    padding-top: 0.35rem;
    height: 75px;
    text-align: center;
    margin: 0;
    z-index: 1010!important;
}
.sobre-navegador .sobre .logo-sobre img{
    width: 250px;
}
.sobre-navegador .sobre .datos-sobre{
    padding-top: 1rem;
    margin: 0;
}
.sobre-navegador .sobre .datos-sobre-right{
    padding-top: 1rem;
    text-align: right;
}
.sobre-navegador .sobre .datos-sobre p,
.sobre-navegador .sobre .datos-sobre-right p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    color: #696969;
    font-size: 0.8rem;
}
.sobre-navegador .sobre .datos-sobre p b{
    font-weight: 600;
    color: #525252;
}
.sobre-navegador .sobre .datos-sobre-right .sobre-sociales a{
    color: #ea0035;
    margin-left: 1rem;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.sobre-navegador .sobre .datos-sobre-right .sobre-sociales a:hover{
    color: #062776;
}

.navbar{
    padding-bottom: 0;
    padding-top: 4.5rem;
    background-color: rgb(6, 39, 118)!important;
}
.navbar .navbar-nav{
    margin-bottom: 0;
}
.navbar .navbar-nav li{
    padding: 0.6rem 1.5rem;
}
.navbar .navbar-nav li a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0;
    color: #fff!important;
    font-size: 0.85rem;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li .active{
    color: #cc0033!important;
}
.contenedor-slide{
    border-bottom: 5px solid #fff;
    background-color: rgb(6, 39, 118)!important;
}
.carousel-item {
    height: 65vh;
    min-height: 300px;
    max-height: 590px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slide-secciones {
    min-height: auto;
    height: 150px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slide-error{
    min-height: auto;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slide-error .carousel-caption{
    bottom: 15%!important;
}
.carousel-item .carousel-caption{
    padding: 0;
    bottom: 35%;
    left: 20%;
    right: 20%;
}
.carousel-item .carousel-caption h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 3rem;
}
.slide-secciones .carousel-caption h1{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 3rem;
}
.carousel-item .carousel-caption p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
}
.carousel-indicators {
    width: 15px;
    position: absolute;
    bottom: 35%;
    left: 0;
    right: 0;
    z-index: 15;
    margin-left: 10%;
    display: block;
    padding-left: 0;
    list-style: none;
}

.carousel-indicators li {
    border-radius: 50%;
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 13px;
    height: 13px;
    margin: 13px 0 0 0;
    text-indent: -999px;
    background-color: rgba(255,255,255,1);
}
.carousel-indicators .active{
    background-color: #cc0033;
}
.border{
    width: 100%;
    height: 6px;
    border: 1px solid #ea0035!important;
    background-color: #ea0035!important;
}   

.cat-inicio{
    background-color: rgb(6, 39, 118)!important;
}
.cat-inicio .titulo{
    text-align: center;
    color: #fff;
    padding: 5rem 0 2rem 0;
}
.cat-inicio .titulo .small{
    font-size: 2rem;
}
.cat-inicio .titulo h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 3rem;
}
.cat-inicio .titulo h2 b{
    font-weight: 600;
    color: #ea0035!important;
}
.cat-inicio .titulo p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    margin: auto;
    max-width: 500px;
    width: 100%;
}
.cat-inicio .cont-lineas{
    height: 13px;
    margin-top: 2rem;
}
.cat-inicio .cont-lineas .azul{
    background-color: rgb(4, 31, 97)!important;
}
.cat-inicio .cont-lineas .rojo{
    background-color: #ea0035!important;
}
.cat-inicio  .categirias-inicio .categoria{
    padding: 0;
}
.cat-inicio  .categirias-inicio .categoria figure,
.categoria figure{
    position: relative;
    text-align: center;
    margin-bottom: 1rem;
}
.cat-inicio  .categirias-inicio .categoria figure img,
.categoria figure img{
    border-radius: 50%;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cat-inicio  .categirias-inicio .categoria:hover figure img{
    opacity: 0.55;
}
.cat-inicio  .categirias-inicio .categoria .icono{
    border-radius: 50%;
    background-color: #ea0035!important;
    position: absolute;
    text-align: center;
    top: 0;
    left: 3rem;
    width: 80px;
    height: 80px;
}
.categoria .icono{
    border-radius: 50%;
    background-color: #ea0035!important;
    position: absolute;
    text-align: center;
    left: 0;
    top: 
    right: 0;
    margin: auto;
    width: 80px;
    height: 80px;
}
.cat-inicio  .categirias-inicio .categoria .icono img,
.categoria .icono img{
    width: 27px;
    margin-top: 1.45rem;

    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.cat-inicio  .categirias-inicio .categoria:hover .icono img{
    width: 35px;
    margin-top: 1.25rem;
}
.cat-inicio  .categirias-inicio .categoria .info,
.categoria .info{
    text-align: center;
}
.cat-inicio  .categirias-inicio .categoria .info h3,
.categoria .info h3{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cat-inicio  .categirias-inicio .categoria:hover .info h3{
    color: #ea0035;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
}
.cat-inicio  .categirias-inicio .categoria .info h3 b,
.categoria .info h3 b{
    color: #ea0035;
}
.cat-inicio  .categirias-inicio .categoria .info a:hover{
    text-decoration: none;
}
.cat-inicio  .categirias-inicio .categoria .info p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
}
.cat-inicio  .categirias-inicio .categoria .info p,
.categoria .info p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
}
.cat-inicio  .categirias-inicio .categoria .info p{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
}
.cont-bienvenidos{
    padding-top: 4rem;
    padding-bottom: 1rem;
}
.cont-bienvenidos .info-bien{
    padding-top: 1.5rem;
}
.cont-bienvenidos .info-bien .novedad-lateral{
    border: 1px solid #ccc;
    margin-bottom: -1px;
    padding: 0.5rem;
}
.cont-bienvenidos .info-bien .novedad-lateral:hover{
    padding: 0.5rem;
    background-color: #f1f1f1;
}
.cont-bienvenidos .info-bien .novedad-lateral .media-body h5{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    color: rgb(6, 39, 118)!important;
}
.cont-bienvenidos .info-bien .novedad-lateral .media-body p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #666;
    font-size: 0.8rem;
    margin-bottom: 0;
}
.cont-bienvenidos .info-bien .small{
    font-size: 1rem;
    max-width: none;
    padding: 0;
    margin-bottom: 0;
    font-family: 'Satisfy', cursive;
    color: #ea0035!important;
}
.cont-bienvenidos .info-bien h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 3rem;
    color: rgb(6, 39, 118)!important;
}
.cont-bienvenidos .info-bien h2 small{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    color: rgb(6, 39, 118)!important;
}
.cont-bienvenidos .info-bien h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    color: #ea0035!important;
}
.cont-bienvenidos .info-bien p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #666;
    font-size: 0.8rem;
    margin-bottom: 2rem;
    max-width: none;
    width: 100%;
}
.cont-bienvenidos .info-bien a{
    padding: 0;
    color: #ea0035;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    font-style: italic;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cont-bienvenidos .info-bien a:hover{
    padding: 0;
    color: rgb(4, 31, 97)!important;
    text-decoration: none;
}
.cont-bienvenidos .info-bien .formulario{
    padding: 0;
}
.cont-bienvenidos .info-bien .formulario .form-group .form-control{
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid rgb(6, 39, 118)!important;
    font-weight: 300;
    padding: 0.7rem 1rem;
    color: #666;
    font-size: 0.9rem;
}
.cont-bienvenidos .info-bien .formulario .form-group .mensaje{
    height: 150px;
}
.cont-bienvenidos .info-bien .formulario .botn-enviar,
.botn-enviar{
    background-color: rgb(6, 39, 118)!important;
    font-weight: 300;
    padding: 0.5rem 1.5rem!important;
    border-radius: 0px;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    color: #fff!important;
    border-right: none;
    border-left: none;
    border-bottom: 6px solid #ea0035!important;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cont-bienvenidos .info-bien .formulario .botn-enviar:hover,
.botn-enviar:hover{
    background-color: #ea0035!important;
    border-bottom: 6px solid rgb(6, 39, 118)!important;

}
.cont-bienvenidos .img-bien{
    margin-bottom: 3rem;
}
.cont-bienvenidos .img-bien img{
    border-bottom: 10px solid #ea0035!important;
}
.cont-diferenciamos{
    padding: 0 0 7px 0;
    background: url(../img/inicio/bg.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.cont-diferenciamos .titulo{
    text-align: center;
    padding: 5rem 0 2rem 0;
}
.cont-diferenciamos .titulo .small{
    font-size: 2rem;
    color: #ea0035!important;
}
.cont-diferenciamos .titulo h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 3rem;
    color: rgb(6, 39, 118)!important;
}
.cont-diferenciamos .titulo h2 b{
    font-weight: 600;
    color: #ea0035!important;
}
.cont-diferenciamos .titulo p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #666;
    font-size: 0.8rem;
    margin: auto;
    max-width: 500px;
    width: 100%;
}
.cont-diferenciamos .descripcion-productos .imagen-marca{
    margin-bottom: 3rem;
}
.cont-diferenciamos .descripcion-productos .imagen-marca img{
    margin: 0;
}
.cont-diferenciamos .descripcion-productos .imagen-marca .cont-lineas{
    height: 7px;
    margin-left: 0;
    margin-right: 0;
}
.cont-diferenciamos .descripcion-productos .imagen-marca .cont-lineas .azul{
    background-color: rgb(4, 31, 97)!important;
}
.cont-diferenciamos .descripcion-productos .imagen-marca .cont-lineas .rojo{
    background-color: #ea0035!important;
}
.cont-diferenciamos .descripcion-productos .datos-productos h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #000;
}
.cont-diferenciamos .descripcion-productos .datos-productos p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #666;
    font-size: 0.8rem;
    margin: auto;
    max-width: 500px;
    width: 100%;
    margin-bottom: 1rem;
}
.cont-diferenciamos .descripcion-productos .datos-productos p b{
    color: #ea0035!important;
    font-weight: 600;
    font-style: italic;
    margin-left: 1rem;
}
.cont-diferenciamos .descripcion-productos .datos-productos a{
    padding: 0;
    color: #ea0035!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    font-style: italic;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cont-diferenciamos .descripcion-productos .datos-productos a:hover{
    padding: 0;
    color: rgb(4, 31, 97)!important;
    text-decoration: none;
}
.cont-diferenciamos .linea-roja{
    background-color: #ea0035!important;
    height: 14px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-top: 6rem;
}

@media (max-width: 1199px) {
    .cat-inicio  .categirias-inicio .categoria .icono{
        left: 1rem;
    }
}

@media (max-width: 991px) {
    .navbar{
        padding-bottom: 0.3rem;
        padding-top: 0.3rem;
    }
    .navbar .navbar-brand img{
        width: 200px;
    }
    .navbar .navbar-nav{
        border-top: 1px solid rgba(255,255,255,.1);
    }
    .navbar .navbar-nav li a{
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    .cat-inicio  .categirias-inicio .categoria .icono{
        left: -0.5rem;
    }
    
}


@media (max-width: 767px) {
    .sobre-navegador .sobre .datos-sobre-right{
        padding-top: 1rem;
        text-align: center;
    }
    .sobre-navegador .sobre .datos-sobre-right .sobre-sociales{
        margin-bottom: 0.5rem;
    }
    .sobre-navegador .sobre .datos-sobre-right .sobre-sociales a{
        color: #cc0033;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .cat-inicio  .categirias-inicio .categoria .icono{
        text-align: center;
        bottom: 28%;
        left: 0;
        right: 0;
        margin: auto;
        width: 65px;
        height: 65px;
    }
    .cat-inicio  .categirias-inicio .categoria .icono img{
        width: 25px;
        margin-top: 1rem;
    }
}


@media (max-width: 575px) {
    .carousel-item{
        height: 50vh;
        margin-bottom: 2rem;
    }
    .slide-secciones {
        margin-bottom: 0;
        height: 150px;
    }
    .cont-bienvenidos .img-bien {
        margin-bottom: 3rem;
        text-align: center;
    }
    
}