/*=====================================================
				ESTILOS GENERALES
========================================================*/
.comment-wrap, #author-bio {
    padding-top: 30px;
    display: none;
}
.sesiones{
    background-image: url("https://colmaiz.co/wp-content/uploads/2019/02/fondo-madera-cvurva.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100%;
}
.content-bunuelos{
    background-image: url("https://colmaiz.co/wp-content/uploads/2019/02/fondo-madera-cvurva.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
#navegation.content-items{
    position: fixed;
    top: 25%;   
    border-bottom-right-radius: 23px;
    border-top-right-radius: 23px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-left: 0px;
    padding-left: 5px;
}

#navegation.content-items .ul-items li span {
    padding: 0px 30px;
    cursor: pointer;
}
.tool-link {
    display: none;
}
#navegation.content-items .ul-items li span::before {
    content: '';
    position: absolute;
    width: 52px;
    height: 54px;
    border-radius: 50px;
    margin: -17px 0px 0px -48px;
    left: 55px;
    transform: scale(.5);
    transition: opacity .25s ease-out,transform .25s ease-out;
   
}
#navegation.content-items .ul-items li span::after{
    content: '';
    border-radius: 15px;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin: 2px 0px 0px -8px;
}
.content-items .ul-items li span.colores-azul::after{
    border: 8px solid #2c2664 /*azul*/; 
}
.content-items .ul-items li span.colores-azul::before{
    border: 4px solid #2c2664 /*azul*/; 
}
.content-items .ul-items li:hover span.colores-azul::before{
    border: 2px solid #2c2664 /*azul*/;
}
.content-items .ul-items li span.colores-morado::after{
    border: 8px solid #9a2a70 /*morado*/; 
}
.content-items .ul-items li span.colores-morado::before{
    border: 4px solid #9a2a70 /*morado*/; 
}
.content-items .ul-items li:hover span.colores-morado::before{
    border: 2px solid #9a2a70 /*morado*/;
}
.content-items .ul-items li span.colores-amarillo::after{
    border: 8px solid #fab428 /*amarillo*/;
}
.content-items .ul-items li span.colores-amarillo::before{
    border: 4px solid #fab428 /*amarillo*/;
}
.content-items .ul-items li:hover span.colores-amarillo::before{
    border: 2px solid #fab428 /*amarillo*/;
}
.content-items .ul-items li span.colores-rojo::after{
    border: 8px solid #aa343a /*rojo*/;
}
.content-items .ul-items li span.colores-rojo::before{
    border: 4px solid #aa343a /*rojo*/;
}
.content-items .ul-items li:hover span.colores-rojo::before{
    border: 2px solid #aa343a /*rojo*/;
}
.content-items .ul-items li span.colores-naranja::after{
    border: 8px solid #e7540e /*naranja*/;
}
.content-items .ul-items li span.colores-naranja::before{
    border: 4px solid #e7540e /*naranja*/;
}
.content-items .ul-items li:hover span.colores-naranja::before{
    border: 2px solid #e7540e /*naranja*/;
}
.content-items .ul-items li span.colores-cafe::after{
    border: 8px solid #004d90 /*cafe*/;
}
.content-items .ul-items li span.colores-cafe::before{
    border: 4px solid #004d90 /*cafe*/;
}
.content-items .ul-items li:hover span.colores-cafe::before{
    border: 2px solid #004d90/*cafe*/;
}
.content-items .ul-items li span.colores-verde::after{
    border: 8px solid #63a830 /*verde*/;
}
.content-items .ul-items li span.colores-verde::before{
    border: 4px solid #63a830 /*verde*/;
}
.content-items .ul-items li:hover span.colores-verde::before{
    border: 2px solid #63a830 /*verde*/;
}
.content-items .ul-items li span.colores-artesano::after{
    border: 8px solid #70492F /*artesano*/;
}
.content-items .ul-items li span.colores-artesano::before{
    border: 4px solid #70492F /*artesano*/;
}
.content-items .ul-items li:hover span.colores-artesano::before{
    border: 2px solid #70492F /*artesano*/;
}
.content-items .ul-items li span.colores-nutricena::after{
    border: 8px solid #834e7f /*nutricena*/;
}
.content-items .ul-items li span.colores-nutricena::before{
    border: 4px solid #834e7f /*nutricena*/;
}
.content-items .ul-items li:hover span.colores-nutricena::before{
    border: 2px solid #834e7f /*nutricena*/;
}

#navegation.content-items .ul-items li:hover span::before{
    width: 44px;
    height: 44px;
    margin: -11px 0px 0px -43px;
    transform: scale(1);
}
#navegation.content-items .ul-items li{
    padding: 15px 0px 20px 0px;
}
.content-items-2{
    max-width: 240px;
    top: 25%;
    position: absolute;
    margin-left: 43px;
}
.tool-link{
    position: absolute;
    max-width: 400px;
    left: 48px;
    margin: -10px 0px;
}
.tool-link a.nav-link{
    border-radius: 25px;
    padding:.2rem .5rem .2rem 3rem;
    margin: 0px 0px 0px -36px;
    border: 2px solid white;
    font-size: 20px;
    width: 250%;
}
li.active span::before{
    background-color: #fff;
    animation-name: pulse;
}
li.active .tool-link{
    animation-name: fadeIn;
    display: block;
}
.content-info{
    padding: 0rem 10rem;
    margin-top: 0rem;
}
.con-centrado{
    height: 100vh;
    display: flex;
    align-items: center;
}
.content-info h1{
    font-size: 4.5rem
}
.content-info p{
    font-size: 1.4rem;
    text-transform: uppercase;
}
figure.content-img{
    margin: 3rem 0 0rem;
    /*position: absolute;
    bottom:0;*/
}
@media (min-width: 980px) { 
    figure.content-img{
    margin: 3rem 0 0rem;
    position: absolute;
    bottom:0;
    }
}
article.content-s1 .content-todo {
    /*position: absolute;*/
    overflow:hidden;
}
.salir{
    animation-name: fadeOutLeft;
}
.fadeInUp,.fadeInDown,.fadeIn{
   /* animation-delay: 1s;*/
}
.btn_azul, .color-azul, .color-azul:hover{
    color: #fff;
    background-color: #2c2664;
}
.btn_azul:hover{
    color: #2c2664;
background-color: #fff;
border: 1px solid #2c2664;
}
.btn_morado, .color-morado, .color-morado:hover {
    color: #fff;
    background-color: #9a2a70;
}
.btn_morado:hover{
    color: #9a2a70;
background-color: #fff;
border: 1px solid #9a2a70;
}
.btn_amarillo, .color-amarillo, .color-amarillo:hover {
    color: #fff;
    background-color: #fab428;
}
.btn_amarillo:hover{
    color: #fab428;
background-color: #fff;
border: 1px solid #fab428;
}
.btn_rojo, .color-rojo, .color-rojo:hover {
    color: #fff;
    background-color: #aa343a;
}
.btn_rojo:hover{
    color: #aa343a;
background-color: #fff;
border: 1px solid #aa343a;
}
.btn_naranja, .color-naranja, .color-naranja:hover {
    color: #fff;
    background-color: #e7540e;
}
.btn_naranja:hover{
    color: #e7540e;
background-color: #fff;
border: 1px solid #e7540e;
}
.btn_cafe, .color-cafe, .color-cafe:hover {
    color: #fff;
    background-color: #004d90;
}
.btn_cafe:hover{
    color: #004d90;
background-color: #fff;
border: 1px solid #004d90;
}
.btn_verde, .color-verde, .color-verde:hover {
    color: #fff;
    background-color: #63a830;
}
.btn_verde:hover{
    color: #63a830;
background-color: #fff;
border: 1px solid #63a830;
}
.btn_artesano, .color-artesano, .color-artesano:hover {
    color: #fff;
    background-color: #70492F;
}
.btn_artesano:hover{
    color: #70492F;
background-color: #fff;
border: 1px solid #70492F;
}
.btn_nutricena, .color-nutricena, .color-nutricena:hover {
    color: #fff;
    background-color: #834e7f;
}
.btn_nutricena:hover{
    color: #834e7f;
background-color: #fff;
border: 1px solid #834e7f;
}

.h1_azul{
    color: #2c2664;
}
.h1_morado{
    color: #9a2a70;
}
.h1_amarillo{
    color: #fab428;
}
.h1_rojo{
    color: #aa343a;
}
.h1_naranja{
    color: #e7540e;
}
.h1_cafe{
    color: #004d90;
}
.h1_verde{
    color: #63a830;
}
.h1_artesano{
    color: #70492F;
}
.h1_nutricena{
    color: #834e7f;
}
body .sesiones{overflow-x:hidden; overflow-y:hidden;}
/*============================================== productos =====================*/
.fondo-azul{
    background-color: #2c2664;
}
.fondo-morado{
    background-color: #9a2a70;
}
.fondo-amarillo{
    background-color: #fab428;
}
.fondo-rojo{
    background-color: #aa343a;
}
.fondo-naranja{
    background-color: #e7540e;
}
.fondo-cafe{
    background-color: #004d90;
}
.fondo-verde{
    background-color: #63a830;
}
.fondo-artesano{
    background-color: #70492F;
}
.fondo-nutricena{
    background-color: #834e7f;
}
.content-productos-3{
    background-color:#f7efe5;    
}

.content-empaque{
    position: absolute;
    top: -38rem;
}
.disponible-p{
    margin-top: 14rem;
    font-size: 1.5rem;
}
.kg{
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 14px 0px;
    margin-left: 14px;
}
.tab-content{
    padding: 27px 76px;
    border-radius: 15px;
    margin-bottom: 5rem;
}
.nav-tabs {
    border-bottom: 1px solid transparent;
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
}
a span.circulo::after {
    content: '';
    border-radius: 15px;
    width: 0;
    height: 0;
    position: absolute;
    margin-left: -1%;
}
a:hover span.circulo::before,
a:active span.circulo::before,
a:focus span.circulo::before{
    content: '';
    background-color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    margin-left: -2%;
    margin-top: -8px;
    transform: scale(1.2);
    transform: translateX(-1px);

}
a span.circulo::before,
a span.circulo::before,
a span.circulo::before{
    content: '';
    position: absolute;
    width: 2%;
    height: 2%;
    border-radius: 50px;
    transform: scale(.5);
    margin-left: -1%;
    transition: opacity .25s ease-out, transform .25s ease-out;
}
.nav-tabs .nav-link {
    border: initial;
}
.productos-descripcion{
    margin-bottom: 3.4rem !important;
    font-size: 1.2rem;
    text-transform:uppercase;
}

a:hover {color: inherit;}
.borde-azul{
    border: 1px solid #2c2664;
}
.borde-morado{
    border: 1px solid #9a2a70;
}
.borde-amarillo{
    border: 1px solid #fab428;
}
.borde-rojo{
    border: 1px solid #aa343a;
}
.borde-naranja{
    border: 1px solid #e7540e;
}
.borde-cafe{
    border: 1px solid #004d90;
}
.borde-verde{
    border: 1px solid #63a830;
}
.borde-artesano{
    border: 1px solid #70492F;
}
.borde-nutricena{
    border: 1px solid #834e7f;
}
a span.icono-borde-azul::after{
    border: 8px solid #2c2664;
}
a span.icono-borde-morado::after{
    border: 8px solid #9a2a70;
}
a span.icono-borde-amarillo::after{
    border: 8px solid #fab428;
}
a span.icono-borde-rojo::after{
    border: 8px solid #aa343a;
}
a span.icono-borde-naranja::after{
    border: 8px solid #e7540e;
}
a span.icono-borde-cafe::after{
    border: 8px solid #004d90;
}
a span.icono-borde-verde::after{
    border: 8px solid #63a830;
}
a span.icono-borde-artesano::after{
    border: 8px solid #70492F;
}
a span.icono-borde-nutricena::after{
    border: 8px solid #834e7f;
}
a span.icono-borde-azul::before{
    border: 2px solid #2c2664;
}
a span.icono-borde-morado::before{
    border: 2px solid #9a2a70;
}
a span.icono-borde-amarillo::before{
    border: 2px solid #fab428;
}
a span.icono-borde-rojo::before{
    border: 2px solid #aa343a;
}
a span.icono-borde-naranja::before{
    border: 2px solid #e7540e;
}
a span.icono-borde-cafe::before{
    border: 1px solid #004d90;
}
a span.icono-borde-verde::before{
    border: 2px solid #63a830;
}
a span.icono-borde-artesano::before{
    border: 2px solid #70492F;
}
a span.icono-borde-nutricena::before{
    border: 2px solid #834e7f;
}
.category .section-title .subheader{
    display: none!important;
}
.entrar{
animation-name: bounceInRight;
}
.salir{
animation-name: bounceOutRight;
}
.label-menu{
 font-size: 1.3rem;
padding-bottom: 12px;   
margin-top: 3rem;
}
.kg .nav-link{
    display: block;
    padding: .5rem 0;
    width: 68px;
    text-align: center;
    cursor: not-allowed;
}
.kg .nav-link:hover{
    color:#fff;
}
a.text-light:focus, a.text-light:hover {
    color: #f8f9fa!important;
}
.tab-pane ol li,
.tab-pane ul li{
    list-style: none;
}
.tab-pane ol li:nth-child(1):before{content:'1.';}
.tab-pane ol li:nth-child(2):before{content:'2.';}
.tab-pane ol li:nth-child(3):before{content:'3.';}
.tab-pane ol li:nth-child(4):before{content:'4.';}
.tab-pane ol li:nth-child(5):before{content:'5.';}
.tab-pane ol li:nth-child(6):before{content:'6.';}
.tab-pane ol li:nth-child(7):before{content:'7.';}
.tab-pane ol li:nth-child(8):before{content:'8.';}
.tab-pane ol li:nth-child(9):before{content:'9.';}
.tab-pane ol li:nth-child(10):before{content:'10.';}
.tab-pane ol li:nth-child(11):before{content:'11.';}
.tab-pane ol li:nth-child(12):before{content:'12.';}
.tab-pane ol li::before,
.tab-pane ul li::before{
    position: absolute;
    font-size: 2rem;
    font-weight: bold;
}
.tab-pane ol li::before{
    margin-left: -38px;
    line-height: 17px;
}
.tab-pane ul li::before{
    content:'';
    border: 8px solid;
    border-radius: 45px;
    margin-top: 7px;
    margin-left: -20px
}
.tab-pane ol li,
.tab-pane ul li,
.tab-pane p{
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
}
.borde-naranja .tab-pane ol li::before,
.borde-naranja .tab-pane ul li::before,
.borde-naranja .tab-pane h1,
.borde-naranja .tab-pane h2,
.borde-naranja .tab-pane h3,
.borde-naranja .tab-pane h4,
.borde-naranja .tab-pane h5,
.borde-naranja .tab-pane h6{
    color:#e7540e;
}
.borde-azul .tab-pane ol li::before,
.borde-azul .tab-pane ul li::before,
.borde-azul .tab-pane h1,
.borde-azul .tab-pane h2,
.borde-azul .tab-pane h3,
.borde-azul .tab-pane h4,
.borde-azul .tab-pane h5,
.borde-azul .tab-pane h6{
    color:#2c2664;
}
.borde-amarillo .tab-pane ol li::before,
.borde-amarillo .tab-pane ul li::before,
.borde-amarillo .tab-pane h1,
.borde-amarillo .tab-pane h2,
.borde-amarillo .tab-pane h3,
.borde-amarillo .tab-pane h4,
.borde-amarillo .tab-pane h5,
.borde-amarillo .tab-pane h6{
    color:#fab428;
}
.borde-verde .tab-pane ol li::before,
.borde-verde .tab-pane ul li::before,
.borde-verde .tab-pane h1,
.borde-verde .tab-pane h2,
.borde-verde .tab-pane h3,
.borde-verde .tab-pane h4,
.borde-verde .tab-pane h5,
.borde-verde .tab-pane h6{
    color:#63a830;
}
.borde-rojo .tab-pane ol li::before,
.borde-rojo .tab-pane ul li::before,
.borde-rojo .tab-pane h1,
.borde-rojo .tab-pane h2,
.borde-rojo .tab-pane h3,
.borde-rojo .tab-pane h4,
.borde-rojo .tab-pane h5,
.borde-rojo .tab-pane h6{
    color:#aa343a;
}
.borde-cafe .tab-pane ol li::before,
.borde-cafe .tab-pane ul li::before,
.borde-cafe .tab-pane h1,
.borde-cafe .tab-pane h2,
.borde-cafe .tab-pane h3,
.borde-cafe .tab-pane h4,
.borde-cafe .tab-pane h5,
.borde-cafe .tab-pane h6{
    color:#004d90;
}
.borde-morado .tab-pane ol li::before,
.borde-morado .tab-pane ul li::before,
.borde-morado .tab-pane h1
.borde-morado .tab-pane h2,
.borde-morado .tab-pane h3,
.borde-morado .tab-pane h4,
.borde-morado .tab-pane h5,
.borde-morado .tab-pane h6{
    color:#9a2a70;
}
.borde-artesano .tab-pane ol li::before,
.borde-artesano .tab-pane ul li::before,
.borde-artesano .tab-pane h1
.borde-artesano .tab-pane h2,
.borde-artesano .tab-pane h3,
.borde-artesano .tab-pane h4,
.borde-artesano .tab-pane h5,
.borde-artesano .tab-pane h6{
    color:#70492F;
}
.borde-nutricena .tab-pane ol li::before,
.borde-nutricena .tab-pane ul li::before,
.borde-nutricena .tab-pane h1
.borde-nutricena .tab-pane h2,
.borde-nutricena .tab-pane h3,
.borde-nutricena .tab-pane h4,
.borde-nutricena .tab-pane h5,
.borde-nutricena .tab-pane h6{
    color: #834e7f;
}
body h1{
    font-size: 66px;
}
#FooterHome{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 30;
}
.desarrollado, .desarrollado2 {
 font-size:.8rem;
 padding-bottom:0rem;
 color: #005aa8;
 font-weight: 600;
}
.desarrollado {
 margin-bottom:0rem;
}
.desarrollado i.colmaizLogo{
    font-style:italic;
    font-weight: bold;
    font-size:1.2rem;
}
.desarrollado sub.icono{
    font-size:.6em;
    margin-left: 0px;
}
#footer-outer{
    background-color: #f8f9fa;
    color: inherit;
}
.nav-info-footer .nav-item .p-info{
    font-size:1rem;
    line-height:32px;
    margin-bottom:1rem;
}
#footer-outer .nav-info-footer .nav-item .p-info i,
.nav-info-footer .nav-item .p-info i{
    top:0;
    background-color: #004d90 !important;
    color: white !important;
    border-radius: 46px !important;
    font-size: initial;
    vertical-align: initial;
    margin-right: 8px !important;
}
#footer-outer .custom-html-widget .nav-info-footer .nav-item{
    padding: 0 !important;
}
#footer-outer .nav-info-footer .nav-item:nth-child(1) .p-info i{
       /*padding: .1rem .6rem !important;*/
}
#footer-outer .nav-info-footer .nav-item:nth-child(2) .p-info i {
    top: 0px;
    padding: .1rem .5rem;
    /*line-height: 26px;*/
}#footer-outer .nav-info-footer .nav-item:nth-child(3) .p-info i {
    /*padding: .1rem .7rem !important;*/
}
#footer-outer .widget h4{
    color:#004d90;
}
#menu-menu-principal-1,
#menu-menu-principal-2,
#menu-productos{
    border-left: 2px solid #004d90;
    padding-left: 1rem;
}


@media only screen and (min-width: 1000px){
#footer-outer .row {
    padding: 40px 0;
}
#footer-outer #copyright[data-layout="centered"] {
    padding: 20px 0;
}
#paginasFooter .desarrollado{
    color:#5b5b5f;
}
#footer-outer .widget{
    margin-bottom: 0px !important; 
}
.home #footer-outer{
    display:none;
}
}




/*=================== Menú =====================*/
@media (min-width: 1000px) and (max-width: 1200px) {
    #header-outer[data-lhe="default"] header#top nav > ul > li > a{
        padding-left: 8.5px!important;
        padding-right: 8.5px!important;
    }
    #header-outer #logo img{
        height: 90px!important;
    }
    header#top nav > ul > li > a{
        font-size: 14px!important;
    }
}
@media (min-width: 1201px) and (max-width: 1450px) {
    #header-outer[data-lhe="default"] header#top nav > ul > li > a{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}

/*========================= Distribuidores =====================*/
.distribuidores{ 
     background-color: #f7efe5;
}
.tarjetas .card .card-body,
.card-columns .card .card-body{
    padding: 2rem;
}
.links-ciudades .nav-link{
    background-color: #004d90;
    color: #fff;
    border: 1.3px solid white;
    margin-right:1rem;
    margin-bottom: .4rem;
    transition: all .2s ease-in-out;
}
.links-ciudades .nav-link:hover,
.links-ciudades .nav-link.active{
    background-color: #fff;
    color: #004d90;
    border: 1.3px solid #004d90;
}
.tarjetas .card{
    border: 1.3px solid #004d90;
}

/*========================= Contacto =========================*/
.wpb_wrapper .wpcf7-form label,
.formulario-pro label {
    margin-bottom: 0rem;
    width: 100%;
}
.wpcf7-submit{
    text-transform: uppercase;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}
body[data-button-style="rounded"] .container-wrap input[type="submit"], 
body[data-button-style="rounded"] .container-wrap button[type="submit"],
.formulario-pro button[type="submit"],
.formulario-pro input[type="submit"]{
    padding: 16px 43px!important;
}
sup {
    margin-left: 0px;
}



/* celulares pequeños COL*/
@media (max-width: 575px) {
    /*========================= HOME =====================*/
    #slide-out-widget-area a{
        color:#fff !important;
    }
    .content-info {
        padding: 0rem 2rem;
        margin-top: 0rem;
    }
    .content-info h1 {
        font-size: 2.5rem;
        /*margin-left:0 !important;*/
    }
    .content-info p {
        font-size: 1.2rem;
    }
    .btn-lg {
        padding: .2rem .5rem;
        font-size: 1rem;
    }
    figure.content-img {
        margin: 0rem 0 5rem;
        float: right;
        /*width: 336px;*/
        width: 100%;
    }
    .con-centrado {
        height: initial;
        display: initial;
        align-items: initial;
    }
    #FooterHome {
        display: none;
    }
     /*========================= PRODUCTOS SOLOS =====================*/
     #navegation.content-items {
        position: fixed;
        top: 30%;
        border-bottom-right-radius: 23px;
        border-top-right-radius: 23px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-left: 0px;
        padding-left: 0px;
    }
    #navegation.content-items .ul-items li {
        padding: 10px 0px 10px 0px;
    }
    #navegation.content-items .ul-items li span::before{
        margin: -17px 0px 0px -51px;
    }
    #navegation.content-items .ul-items li:hover span::before {
        margin: -11px 0px 0px -47px;
    }
    .content-empaque {
        top: -15rem;
        width: 143px;
        margin-left: 10rem;
    }
    figure.content-img-productos {
        margin: 0rem 30px 6rem;
        float: right;
        width: 207px;
    }
    .disponible-p {
        margin-top: 14rem;
        font-size: 1.5rem;
        position: absolute;
    }
    body h1 {
        font-size: 46px;
        /*margin-left: 2rem;*/
    }
    .productos-descripcion {
        margin-bottom: 5.4rem !important;
        font-size: 1rem;
        margin-left: 2rem;
    }
    .disponible-p {
        font-size: 1.2rem;
        margin-left: 2rem;
    }
    .kg .nav-link {
        padding: .2rem 0;
        width: 58px;
    }
    .label-menu {
        font-size: 1.2rem;
        padding-bottom: 0px;
        margin-top: 0rem;
    }
    .nav-preparaciones{
        margin-top: 2rem;   
    }
    a span.circulo::before, 
    a span.circulo::before, 
    a span.circulo::before{
        margin-left: 0%;
        height: 0%;
    }
    a:hover span.circulo::before, 
    a:active span.circulo::before, 
    a:focus span.circulo::before{
        transform: translateX(-5px);   
    }
    .tab-pane ol li, .tab-pane ul li, .tab-pane p{
       padding: 0px 0px 0px 0px; 
    }
    ol > li {
        padding: 0px 0px 0px 30px;
    }
    .tab-content {
        padding: 26px 15px 0px 60px;
        margin-bottom: 1rem;
    }
    .kg {
        margin-left: 25px;
    }
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{
            font-size: 18.2px!important;
    }

}
/* celulares grandes y tables hasta 576px SM*/
@media (min-width: 576px) and (max-width: 767px) {
    /*========================= HOME =====================*/
    #slide-out-widget-area a{
        color:#fff !important;
    }
   .con-centrado {
        height: initial;
        display: initial;
        align-items: initial;
    }
   .content-info p {
        font-size: 1.2rem;
    }
    .content-info {
        padding: 0rem 6rem;
        margin-top: 0rem;
    }
    figure.content-img {
        margin: 0rem 0rem 5rem 11rem;
    }
    .content-info h1 {
        font-size: 3rem;
    }
    #FooterHome {
        display: none;
    }
     /*========================= PRODUCTOS SOLOS =====================*/
     #navegation.content-items {
        position: fixed;
        top: 30%;
        border-bottom-right-radius: 23px;
        border-top-right-radius: 23px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-left: 0px;
        padding-left: 0px;
    }
    #navegation.content-items .ul-items li {
        padding: 10px 0px 10px 0px;
    }
    #navegation.content-items .ul-items li span::before{
        margin: -17px 0px 0px -51px;
    }
    #navegation.content-items .ul-items li:hover span::before {
        margin: -11px 0px 0px -47px;
    }
    .content-empaque {
        top: -15rem;
        width: 143px;
        margin-left: 10rem;
    }
    figure.content-img-productos {
        margin: 0rem 30px 6rem;
        float: right;
        width: 207px;
    }
    .disponible-p {
        margin-top: 14rem;
        font-size: 1.5rem;
        position: absolute;
    }
    body h1 {
        font-size: 46px;
        margin-left: 2rem;
    }
    .productos-descripcion {
        margin-bottom: 5.4rem !important;
        font-size: 1rem;
        margin-left: 2rem;
    }
    .disponible-p {
        font-size: 1.2rem;
        margin-left: 2rem;
    }
    .kg .nav-link {
        padding: .2rem 0;
        width: 58px;
    }
    .label-menu {
        font-size: 1.2rem;
        padding-bottom: 0px;
        margin-top: 0rem;
    }
    .nav-preparaciones{
        margin-top: 2rem;   
    }
    a span.circulo::before, 
    a span.circulo::before, 
    a span.circulo::before{
        margin-left: 0%;
        height: 0%;
    }
    a:hover span.circulo::before, 
    a:active span.circulo::before, 
    a:focus span.circulo::before{
        transform: translateX(-3px);   
    }
    .tab-pane ol li, .tab-pane ul li, .tab-pane p{
       padding: 0px 0px 0px 0px; 
    }
     .tab-content {
        padding: 26px 15px 0px 60px;
        margin-bottom: 1rem;
    }
    .kg {
        margin-left: 25px;
    }
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{
            font-size: 18.2px!important;
    }
}
/* tables desde 768px hasta 991px MD*/
@media (min-width: 768px) and (max-width: 991px) {
    #slide-out-widget-area a{
        color:#fff !important;
    }
   .con-centrado {
        height: initial;
        display: initial;
        align-items: initial;
    }
   .content-info p {
        font-size: 1.2rem;
    }
    .content-info {
        padding: 0rem 6rem;
        margin-top: 5rem;
    }
    figure.content-img {
        margin: 0rem 0rem 0rem 20rem;
    }
    .content-info h1 {
        font-size: 3.5rem;
    }
    #FooterHome {
        display: none;
    }
    /*========================= PRODUCTOS SOLOS =====================*/
    .content-empaque {
        top: -13rem;
    }
    .disponible-p {
        margin-top: 16rem;
    }
    figure.content-img-productos {
        margin: -6rem 0rem 0rem 0rem;
    }
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{
            font-size: 20.2px!important;
    }
}
/* tables y computadores pequeños desde 992px hasta 1199px LG*/
@media (max-width: 1300px) and (min-width: 992px) {
    .con-centrado {
        height: 100vh;
        display: flex;
        align-items: center;
    }
    .content-info {
        padding: 0rem 7rem;
        margin-top: 0rem;
    }
    .content-info h1 {
        font-size: 3.2rem;
    }
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{
            font-size: 22.2px!important;
            color:#fff;
    }
}
@media (max-width: 1600px) and (min-width: 1301px) {
    .content-info{
        padding: 0rem 10rem;
        margin-top: 0rem;
    }
}

.nav-info-footer .nav-item .p-info i{
    margin-right: 0px !important;
    width: 32px !important;
    padding: 0px !important;
    text-align: center;
    line-height: 32px;
}


@media (max-width: 576px) { 
    /*Ajuste nav. producto*/
    #navegation.content-items .ul-items li span{
        padding: 0px 20px!important;
    }
    #navegation.content-items .ul-items li span::before{
        margin: -17px 0px 0px -61px!important;
    }
    #navegation.content-items .ul-items li:hover span::before{
        margin: -12px 0px 0px -55px!important;
    }
}




/* CLEARFIX */
/*.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}*/




/*Ajustes web*/

.single-portfolio .post-area.featured_img_left .article-content-wrap {
    display: block!important;
}
.single-portfolio .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
    width: 100%;
    height: 250px;
}
.single-portfolio .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span.post-featured-img {
    background-repeat: no-repeat;
    background-position: center;
}
.single-portfolio .post-area.featured_img_left .article-content-wrap .post-content-wrap {
    width: 100%;
}

.page-id-251 .producto-item sup{
    font-size: .6em;
    margin-left: 2px;
    vertical-align: middle;
}
.page-id-251 .producto-item h3 em:first-child{
    display: block!important;
}
article.post .post-header h2{
    font-size: 30px!important;
}
/*Ajuste preparaciones*/
.masonry.material .masonry-blog-item .article-content-wrap{
    height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-id-292 .posts-container{
    height: auto!important;
}
@media (min-width: 1000px){
    .masonry-blog-item{
        width: 30%;
        position: relative!important;
        left: initial!important;
        top: initial!important;
        margin: 18px;
        vertical-align: top;
    }
}