html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    background-color: #f1f1f1;
}
.barra-nav{
    height: 85px;
    background-color: #dfdfdf;
    margin-top: 10px;
}
.img-logo{
    width: 140px;
    height: 60px;
}
.color-nav-bar{
    color: #2173C1;
    text-align: center;
    font-family: 'Righteous', cursive;
}
.header-wrapper{
    height: 70px;
    line-height: 30px;
    background-color: #FBFBFB;
    box-shadow: 1px 1px 8px #592A08; 
}
.header-logo{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    border: #4573CE;
}
.header-right{
    float:right
}
#primary-nav{
    padding-top: 10px;
    float: left;
}
ul.primary-menu{
    margin: 0;
}
l.primary-menu>li {
    float: left;
    line-height: inherit;
}

ul.primary-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.seccion-provee{
    background-color: #fafafa;
    height: 200px;
}
.h2-me{
    text-align: center;
    margin-top: 30px;
    color: #2173C1;
    font-family: 'Abril Fatface', cursiva;
}
.color-span{
    color: #1BB0DC;
}
.z-index-z{
    width: 100%;
    z-index: 100;
}
.padding-carousell{
    padding-top: 70px;
}
.footer-fn{
    background-color: #2173C1;
    height: auto;
}
.font-footer{
    color: white;
    font-family: 'Righteous', cursive;
}
.font-dr{
    color: white;
    font-family: 'Righteous', cursive;
    font-size: 9px;
    padding-bottom: 10px;

}
.float-right-me{
    float: right;
}
.float-center-me{
    margin: 0px auto;
}
.float-left-me{
    float: left;
}
.frm-padding{
    padding-right: 80px;
}
.img-redes{
    width: 30px;
    height: 30px;
}
.display-flex{
    display: flex;
}
.lista{
    list-style-type: none;
   display: inline;
   padding-right: 5px;
}
.lista li
{
   list-style-type: none;
   display: inline;
   padding-right: 5px;
}
.padding-0{
    padding: 0;
}
.h5-me{
    font-size: 15px;
}
.padding-top-h{
    padding-top: 30px;
}
.h6-me{
    list-style-type: none;
    font-size: 12px;
}
.proveedores-car{
    width: 110px;
    height: 80px;
}
.section-me{
    margin-right: 0;
    width: 90px;
    height: 90px;
    display: inline;
}
.sliderr{
    height: 120px;
    width: auto;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.wrapperr{
    padding: 20px;
    animation: animate 60s linear infinite; 
    -webkit-animation: animate 60s alternate linear infinite;
    display: flex;
    width: calc((140px * 18));
}
.sliderr .items{
margin-right: 40px;
height: 90px;
width: 100px;
}
.div-footer-p{
    padding-left: 30px;
}
.wrapperr:hover .items{
    animation-play-state: paused;
}
@keyframes animate{

    0%{
        -webkit-transform: translatex(0);
        transform: translateX(0);
    }
 
    100%{
        -webkit-transform: translatex(calc(-140px * 9));
        transform: translateX(calc(-140px * 9));

    }
}
.border-buttom-me{
    border-bottom: 10px solid #1BB0DC;
}
.title-h1-me{
    color: white;
    font-family: 'Righteous', cursive;

}
.title-h3-me{
    color: white;
    font-family: 'Righteous', cursive;

}


.target-me-low:hover{
    box-shadow: 0 0 11px rgba(33,33,33,.4); 
}
.font-car{
    font-size: 25px;
    font-family: 'Archivo Narrow', sans-serif;
}
.block-header__divider {
    flex-grow: 1;
    height: 2px;
    background: #bfbfbf;
}
.block-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.not-gutter-me{
    --bs-gutter-x: 1rem;
}
.navbar-toggler{
    box-shadow: none !important;
}

@media (min-width: 1200px){
    .col-lg-2-4 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (max-width: 575px){
    .col-sssx-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}
