.block{
    display:block
}
.iblock{
    display:inline-block
}
.cf:after{
    clear:both;
    content:'';
    display:block
}
.c{
    text-align:center
}
.center{
    text-align:center
}
.m0{
    margin:0 auto
}
.flexcenter{
    display:flex;
    align-items:center;
    justify-content:center
}
.placeholder_conf{
    font-family:'Monserrat',sans-serif;
    color:#6f7377
}
::-webkit-input-placeholder{
    font-family:'Monserrat',sans-serif;
    color:#6f7377
}
:-moz-placeholder{
    font-family:'Monserrat',sans-serif;
    color:#6f7377
}
::-moz-placeholder{
    font-family:'Monserrat',sans-serif;
    color:#6f7377
}
:-ms-input-placeholder{
    font-family:'Monserrat',sans-serif;
    color:#6f7377
}
a:link,a:visited{
    color:#333;
    text-decoration:none
}
.wrapper{
    max-width:1100px;
    position:relative;
    margin:0 auto
}
body{
    font-family:'Poppins',sans-serif;
    font-size:16px;
    line-height:26px;
    font-weight:400
}
#header .opener{
    display:none;
    float:right;
    margin-top:30px
}
#header .opener span{
    display:block;
    height:4px;
    background-color:#fff;
    margin-bottom:5px;
    width:30px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
#header .barra{
    background-color:#fff;
    padding:15px 0
}
#header .barra div.bloque{
    float:right;
    text-align:center
}
#header .barra div.bloque h3,#header .barra div.bloque h4{
    display:inline-block
}
#header .barra div.bloque h4{
    color:#272768;
    font-size:15px;
    font-weight:800;
    line-height:23px
}
#header .barra div.bloque h4 a{
    color:#272768
}
#header .barra div.bloque h3{
    font-size:18px;
    line-height:27px;
    font-weight:800;
    color:#ff48be
}
#header .barra div.bloque h3 a{
    color:#ff48be;
    text-decoration:underline
}
#header .barra div.bloque .pedir,#header .barra div.bloque .whatsapp{
    color:#fff;
    font-size:12px;
    line-height:16px;
    font-weight:800;
    padding:14px 13px 14px 43px;
    font-style:italic;
    -webkit-border-radius:32px;
    -moz-border-radius:32px;
    border-radius:32px
}
#header .barra div.bloque .pedir{
    background:url(../img/telefono.png) no-repeat 13.7px center #ff48be;
    background-size:23px auto
}
#header .barra div.bloque .whatsapp{
    background:url(../img/ico-whatsapp.png) no-repeat 13.7px center #45c655;
    background-size:23px auto
}
#header .barra div.bloque .redes{
    display:inline-block
}
#header .barra div.bloque .redes .red{
    opacity:.6
}
#header .barra div.bloque .redes .red img{
    max-width:25px;
    vertical-align:middle;
    margin-left:10px
}
#header .barra div.bloque .redes .red:hover{
    opacity:.8
}
#header header.main .logo{
    /* background-color:#272768; */
    float:left;
    height:700px;
    width:1140px;
    -webkit-border-radius:0 0 550px 0;
    -moz-border-radius:0 0 550px 0;
    border-radius:0 0 550px 0;
    position:absolute;
    top:-380px;
    left:-600px;
    z-index:10;
    display:block
}
#header header.main .logo img{
    margin:480px 0 0 680px
}
#header header.main .nav{
    position:absolute;
    width:100%;
    z-index:10
}
#header header.main .nav nav{
    margin-top:40px;
    float:right
}
#header header.main .nav nav a{
    color:#fff;
    font-weight:500;
    float:left;
    padding:0 15px;
    display:block
}
#header header.main .nav nav a:hover,#header header.main .nav nav a.activo{
    color:#ba61ff
}
#header .slide{
    height:800px
}
#header .slide .movimiento .item{
    opacity:0;
    position:absolute;
    width:100%;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    height:800px
}
#header .slide .movimiento .item.activo{
    opacity:1
}
#header .slide .movimiento .item .over{
    /* background-color:rgba(39,39,104,0.53); */
    height:100%
}
#header .slide .movimiento .item .over .wrapper,#header .slide .movimiento .item .over .contenido{
    height:100%
}
#header .slide .movimiento .item .over .contenido{
    display:flex;
    align-items:center;
    justify-content:center
}
#header .slide .movimiento .item .over .contenido div{
    text-align:right;
    width:100%
}
#header .slide .movimiento .item .over .contenido div h2,#header .slide .movimiento .item .over .contenido div p{
    color:#fff;
    line-height:53px;
    display:block
}
#header .slide .movimiento .item .over .contenido div h2{
    font-size:44px;
    font-weight:800
}
#header .slide .movimiento .item .over .contenido div p{
    font-size:26px;
    font-weight:300
}
#header .slide .contenedor_navegacion{
    height:100%
}
#header .slide .contenedor_navegacion .navegacion{
    position:absolute;
    right:0;
    z-index:10;
    bottom:280px
}
#header .slide .contenedor_navegacion .navegacion a{
    border:1px solid #fff;
    width:18px;
    height:18px;
    float:left;
    margin-left:10px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    display:block
}
#header .slide .contenedor_navegacion .navegacion a:hover,#header .slide .contenedor_navegacion .navegacion a.activo{
    background-color:#fff
}
#header .botones{
    overflow:hidden;
    margin-top:-200px;
    max-height:400px;
    padding-top:60px;
    position:absolute;
    width:100%
}
#header .botones .barra{
    margin-left:-50%;
    border-top:90px solid #272768;
    width:200%;
    -webkit-border-radius:110%;
    -moz-border-radius:110%;
    border-radius: 0;
    /* border-radius:110%; */
    /*min-height:1366px*/
}
#header .botones .barra nav{
    margin-top:-150px;
    text-align:center
}
#header .botones .barra nav a{
    color:#fff;
    position:relative;
    overflow:hidden;
    width:232px;
    margin-right:36px;
    display:inline-block;
    -webkit-border-radius:166px;
    -moz-border-radius:166px;
    border-radius:166px
}
#header .botones .barra nav a:nth-child(3n){
    margin-right:0
}
#header .botones .barra nav a span{
    display:block
}
#header .botones .barra nav a span.over{
    height:192px;
    font-size:25px;
    line-height:25px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center
}
#header .botones .barra nav a.comunas{
    border:20px solid rgba(186,97,255,0.8)
}
#header .botones .barra nav a.comunas span{
    background:#ba61ff
}
#header .botones .barra nav a.pedir{
    border:20px solid rgba(255,72,190,0.8)
}
#header .botones .barra nav a.pedir span{
    background:url(../img/pedir_boton_fondo.jpg) no-repeat center;
    background-size:cover
}
#header .botones .barra nav a.pedir span span{
    background:rgba(255,72,190,0.8)
}
#header .botones .barra nav a.contacto{
    border:20px solid rgba(183,232,28,0.8)
}
#header .botones .barra nav a.contacto span{
    background:url(../img/contacto_boton_fondo.jpg) no-repeat center;
    background-size:cover
}
#header .botones .barra nav a.contacto span span{
    background:rgba(183,232,28,0.8)
}
#header.interior header.main .logo_nav{
    background-color:rgba(39,39,104,0.87);
    padding:10px 0;
    position:absolute;
    width:100%
}
#header.interior header.main .logo_nav .logo,#header.interior header.main .logo_nav .nav{
    position:static
}
#header.interior header.main .logo_nav .logo{
    background:none;
    height:auto;
    width:auto
}
#header.interior header.main .logo_nav .logo img{
    margin:0
}
#header.interior header.main .logo_nav .nav nav{
    margin-top:25px
}
#producto_detalle{
    color:#272768
}
#producto_detalle img{
    display:block;
    margin:0 auto;
    margin-bottom:50px
}
#producto_detalle .kilos{
    background-color:#ba61ff;
    color:#fff;
    height:52px;
    width:52px;
    margin:0 auto;
    -webkit-border-radius:26px;
    -moz-border-radius:26px;
    border-radius:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    line-height:29px;
    font-weight:800;
    font-style:italic;
    margin-bottom:18px
}
#producto_detalle h3{
    font-size:30px;
    font-weight:300;
    line-height:35px;
    margin-bottom:27px
}
#producto_detalle p{
    font-size:18px;
    line-height:23px;
    margin-bottom:26px
}
#producto_detalle .precio{
    color:#ff555e;
    font-size:25px;
    line-height:29px;
    font-weight:500;
     display: none;
}
#producto_detalle .precio span{
    vertical-align:middle;
    display:inline-block
}
#producto_detalle .precio span.antes{
    font-size:13px;
    line-height:26px;
    color:#272768;
    font-style:italic
}
#inicio{
    margin-top:130px
}
#inicio .busca{
    overflow:hidden
}
#inicio .busca .info{
    height:700px;
    overflow:hidden;
    background:url(../img/busca_fondo.png) no-repeat left top #ff555e;
    background-size:50% auto;
    border-top:100px solid #ba61ff;
    border-left:100px solid #ba61ff;
    border-right:100px solid #ba61ff;
    border-bottom:100px solid transparent;
    -webkit-border-radius:70% 95% 0 0;
    -moz-border-radius:70% 95% 0 0;
    border-radius:70% 95% 0 0;
    margin-left:-120px;
    margin-right:-120px
}
#inicio .busca .boton{
    float:right;
    width:65%;
    text-align:center
}
#inicio .busca .boton h3{
    color:#fff;
    font-size:44px;
    line-height:50px;
    font-weight:800;
    margin-top:150px;
    margin-bottom:30px
}
#inicio .busca .boton a{
    border:1px solid #fff;
    color:#fff;
    font-weight:800;
    font-size:20px;
    line-height:20px;
    padding:10px 25px;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
#inicio .familia{
    max-height:500px;
    overflow:hidden;
    margin-top:-280px;
    margin-bottom:0
}
#inicio .familia .barra{
    overflow:hidden;
    border-top:30px solid #b7e81c;
    border-left:30px solid #b7e81c;
    border-right:30px solid #b7e81c;
    border-bottom:30px solid transparent;
    margin-right:-200px;
    margin-left:-170px;
    -webkit-border-radius:45% 50% 0 0;
    -moz-border-radius:45% 50% 0 0;
    border-radius:45% 50% 0 0;
    height:1000px;
    background:url(../img/familia_fondo.png) no-repeat right top #fff;
    background-size:55% auto
}
#inicio .familia .barra .texto{
    max-width:500px;
    color:#272768
}
#inicio .familia .barra .texto h2{
    margin-top:100px;
    text-align:left
}
.banners{
    margin-top:70px;
    margin-bottom:50px
}
.banners .items .item{
    width:33.3333%;
    float:left;
    padding:0 20px
}
.banners .items .item a{
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center
}
.banners .items .item a img{
    width:auto;
    height:100%;
    max-height:80%
}
.curva_verde{
    overflow:hidden;
    height:200px;
    position:relative
}
.curva_verde div{
    height:300px;
    padding-bottom:150px;
    border-top:40px solid transparent;
    border-left:40px solid #b7e81c;
    border-right:40px solid #b7e81c;
    border-bottom:40px solid #b7e81c;
    position:absolute;
    bottom:0;
    width:140%;
    margin-left:-100px;
    margin-right:-100px;
    -webkit-border-radius:0 0 80% 40%;
    -moz-border-radius:0 0 80% 40%;
    border-radius:0 0 80% 40%
}
.general h1{
    font-size:35px;
    line-height:49px;
    color:#272768;
    font-weight:800;
    font-style:italic;
    margin-bottom:10px;
    text-align:center
}

.general h2{
    font-size:30px;
    line-height:49px;
    color:#272768;
    font-weight:800;
    font-style:italic;
    margin-bottom:40px;
    text-align:center
}
.general h2 div{
    height:30px;
    overflow:hidden
}
.general h2 div span{
    border:4px solid #ff555e;
    width:40px;
    height:40px;
    margin:0 auto;
    margin-top:-30px;
    display:block;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px
}
.general .migajas{
    margin-bottom:64px;
    font-size:15px;
    line-height:49px
}
.general .migajas a{
    color:#272768;
    padding:0 10px
}
.general .migajas a.activo{
    color:#ba61ff
}
.general .migajas a:first-child{
    padding-left:0
}
#productos .filtros .botones{
    margin-bottom:70px
}
#productos .filtros .botones .item{
    float:left;
    width:33.3333%
}
#productos .filtros .botones .item a{
    background-color:rgba(120,120,145,0.15);
    color:#787891;
    font-size:20px;
    font-weight:800;
    font-style:italic;
    line-height:25px;
    max-width:300px;
    padding:15px 0;
    display:block;
    text-align:center;
    margin:0 auto;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
#productos .filtros .botones .item a.activo{
    background-color:#ba61ff;
    color:#fff
}
#productos .filtros .sliders{
    margin-bottom:110px
}
#productos .filtros .sliders .contenedor{
    float:right
}
#productos .filtros .sliders .contenedor div{
    color:#272768;
    font-size:15px;
    font-weight:500;
    font-style:italic;
    float:left;
    line-height:17px;
    margin-left:35px;
    display:flex;
    align-items:center;
    justify-content:center
}
#productos .filtros .sliders .contenedor div.activo a{
    background-color:#7070f9
}
#productos .filtros .sliders .contenedor div.activo a span{
    left:60px
}
#productos .filtros .sliders .contenedor div a{
    background-color:#787891;
    height:50px;
    width:101px;
    margin-left:7px;
    padding:9px;
    position:relative;
    display:block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
#productos .filtros .sliders .contenedor div a span{
    background-color:#fff;
    height:32px;
    width:32px;
    position:absolute;
    left:9px;
    display:block;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#productos .filtros .sliders .contenedor div.normal.activo a{
    background-color:#b7e81c
}
#resumen_pedido{
    background-color:#fff;
    border-top:2px solid #787891;
    padding:20px 0;
    position:absolute;
    width:100%
}
#resumen_pedido.posicionar{
    bottom:0;
    position:fixed;
    z-index:10
}
#resumen_pedido a.item{
    border:1px solid #272768;
    float:left;
    height:65px;
    width:65px;
    margin-right:65px;
    position:relative;
    display:block;
    -webkit-border-radius:33px;
    -moz-border-radius:33px;
    border-radius:33px
}
#resumen_pedido a.item.catalitico span.kilos{
    background-color:#7070f9
}
#resumen_pedido a.item:hover span.menos{
    display:flex;
    align-items:center;
    justify-content:center
}
#resumen_pedido a.item span{
    position:absolute;
    font-size:15px;
    line-height:29px;
    width:52px;
    height:52px;
    font-weight:800;
    font-style:italic;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-border-radius:26px;
    -moz-border-radius:26px;
    border-radius:26px;
    right:-35px;
    top:6px
}
#resumen_pedido a.item span.kilos{
    background-color:#b7e81c;
    color:#fff
}
#resumen_pedido a.item span.menos{
    border:3px solid #ba61ff;
    background-color:rgba(255,255,255,0.89);
    font-size:24px;
    color:#ba61ff;
    display:none
}
#resumen_pedido .pedir{
    border:3px solid #ba61ff;
    color:#ba61ff;
    float:right;
    font-size:22px;
    font-style:italic;
    font-weight:800;
    line-height:25px;
    padding:15px 40px;
    display:block;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px
}
#resumen_pedido .pedir:hover{
    background-color:#ba61ff;
    color:#fff
}
#resumen_pedido .mas{
    float:left;
    width:65px;
    height:65px;
    border:3px solid #ba61ff;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-border-radius:33px;
    -moz-border-radius:33px;
    border-radius:33px;
    font-size:44px;
    line-height:44px;
    text-align:center;
    color:#ba61ff
}
#pedido .contenido{
    max-width:750px;
    margin:0 auto
}
#pedido .items{
    margin-bottom:63px
}
#pedido .items .item{
    margin-bottom:37px
}
#pedido .items .item .producto,#pedido .items .item .cantidad,#pedido .items .item .precio{
    float:left
}
#pedido .items .item .cantidad{
    width:20%;
    padding-top:5px
}
#pedido .items .item .cantidad select{
    padding:10px 15px;
    font-size:24px;
    color:#272768;
    max-width:70px
}
#pedido .items .item .producto{
    width:60%
}
#pedido .items .item .producto .imagen,#pedido .items .item .producto h3{
    float:left
}
#pedido .items .item .producto .imagen{
    width:65px;
    height:65px;
    border:1px solid #272768;
    -webkit-border-radius:33px;
    -moz-border-radius:33px;
    border-radius:33px;
    position:relative;
    margin-right:55px
}
#pedido .items .item .producto .imagen span{
    background-color:#b7e81c;
    color:#fff;
    height:52px;
    font-size:15px;
    font-style:italic;
    font-weight:800;
    line-height:29px;
    position:absolute;
    right:-38px;
    top:5px;
    width:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-border-radius:26px;
    -moz-border-radius:26px;
    border-radius:26px
}
#pedido .items .item .producto h3{
    color:#272768;
    font-size:15px;
    font-weight:300;
    height:65px;
    line-height:23px;
    display:flex;
    align-items:center;
    justify-content:center
}
#pedido .items .item.catalitico .producto .imagen span{
    background-color:#7070f9
}
#pedido .items .item .precio{
    color:#272768;
    font-size:20px;
    font-weight:500;
    line-height:29px;
    padding-top:20px;
    width:20%;
    text-align:right;
}
#pedido .items .item .precio.con_antes{
    color:#ff555e
}
#pedido .items .item .precio span{
    font-size:11px;
    line-height:26px;
    font-style:italic;
    margin-right:10px;
    color:#272768
}
#pedido .items .item .precio a{
    color:#ba61ff
}
#whatsapp_popup{
    width:90px;
    position:fixed;
    z-index:50;
    bottom:0;
    right:10px
}
#whatsapp_popup a{
    display:block
}
#whatsapp_popup .whatsapp{
    margin:0 auto
}
#whatsapp_popup .whatsapp img{
    width:100%;
    max-width:85px
}
#whatsapp_popup .popup{
    background-color:#ba61ff;
    border:1px solid #fff;
    color:#fff;
    font-size:15px;
    font-weight:800;
    height:72px;
    line-height:18px;
    padding-top:25px;
    width:72px;
    margin:0 auto;
    margin-bottom:15px;
    text-align:center;
    -webkit-border-radius:36px;
    -moz-border-radius:36px;
    border-radius:36px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#whatsapp_popup .popup:hover{
    opacity:.7
}
.boton_celeste:hover{
    background-color:#ba61ff;
    color:#fff
}
.blog .items .item{
    float:left;
    width:33.3333%;
    padding:0 10px;
    margin-bottom:80px
}
.blog .items .item a{
    color:#272768;
    display:block;
    text-align:center
}
.blog .items .item a:hover h3{
    color:#ba61ff
}
.blog .items .item a .imagen{
    max-width:313px;
    margin:0 auto;
    height:313px;
    -webkit-border-radius:165px;
    -moz-border-radius:165px;
    border-radius:165px;
    margin-bottom:10px
}
.blog .items .item a .fecha{
    font-size:14px;
    line-height:14px;
    margin-bottom:15px;
    font-weight:300
}
.blog .items .item a h3{
    font-size:20px;
    font-weight:500;
    max-width:70%;
    margin:0 auto
}
#blog.detalle{
    text-align:center
}
#blog.detalle .imagen{
    width:415px;
    height:415px;
    -webkit-border-radius:210px;
    -moz-border-radius:210px;
    border-radius:210px;
    margin:0 auto;
    margin-bottom:13px
}
#blog.detalle .fecha{
    font-size:20px;
    line-height:35px;
    color:#787891;
    margin-bottom:16px
}
#blog.detalle h1{
    font-size:30px;
    line-height:35px;
    margin-bottom:66px;
    font-weight:500;
    color:#272768
}
#blog.detalle .texto{
    text-align:left;
    color:#787891;
    max-width:945px;
    margin:0 auto
}
#blog.detalle .texto p{
    font-size:18px;
    line-height:25px;
    margin-bottom:20px
}
#blog.detalle .texto .compartir{
    font-size:15px;
    line-height:35px;
    padding-top:30px;
    font-weight:300;
    font-style:italic
}
#blog.detalle .texto .compartir img{
    vertical-align:middle
}
#blog.detalle .texto .compartir a:hover img{
    opacity:.7
}
#blog .paginas{
    text-align:center;
    margin-bottom:35px
}
#blog .paginas a{
    font-weight:800;
    font-style:italic;
    font-size:20px;
    line-height:49px;
    color:#707070;
    padding:0 5px
}
#blog .paginas a.activo{
    color:#ba61ff
}
.productos .item{
    float:left;
    width:33.333%;
    color:#272768;
    font-weight:300;
    margin-bottom:95px;
    text-align:center
}
.productos .item.catalitico a span{
    background-color:#7070f9
}
.productos .item a{
    display:block
}
.productos .item a:hover div{
    border:1px solid #ba61ff
}
.productos .item a:hover h3{
    color:#ba61ff
}
.productos .item a div{
    border:1px solid #272768;
    height:310px;
    position:relative;
    width:310px;
    display:block;
    margin:0 auto;
    margin-bottom:10px;
    -webkit-border-radius:155px;
    -moz-border-radius:155px;
    border-radius:155px
}
.productos .item a div span{
    background-color:#b7e81c;
    color:#fff;
    font-size:15px;
    font-weight:500;
    height:52px;
    line-height:29px;
    position:absolute;
    right:30px;
    width:52px;
    -webkit-border-radius:26px;
    -moz-border-radius:26px;
    border-radius:26px;
    display:flex;
    align-items:center;
    justify-content:center
}
.productos .item h3{
    font-size:20px;
    line-height:23px;
    margin-bottom:10px;
    color: #000;
}
.productos .item p{
    font-size:25px;
    line-height:29px;
    font-weight:500;
    margin-bottom:15px;
}
.productos .item p.con_antes{
    color:#ff204e;
}
.productos .item p span{
    font-size:15px;
    font-weight:500;
    line-height:13px;
    opacity:.5;
    margin-right:10px;
    display:inline-block;
    color: #f14bbe;
}
.productos .item .check{
    border:3px solid #787891;
    width:50px;
    height:50px;
    color:#fff;
    font-size:45px;
    margin:0 auto;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    display:flex;
    align-items:center;
    justify-content:center
}
.productos .item .check.activo{
    border:none;
    background:url(../img/check.png) no-repeat center #ba61ff
}
.productos .todos{
    clear:both;
    text-align:center;
    margin-bottom:20px
}
.productos .todos a{
    color:#272768;
    font-size:15px;
    line-height:49px
}
#empresas header,#contacto header{
    margin-bottom:25px
}
#empresas .contenido,#contacto .contenido{
    min-height:400px
}
#contacto .contenido{
    max-width:750px;
    margin:0 auto
}
#contacto .contenido .acciones{
    font-size:22px;
    line-height:33px;
    font-weight:800;
    font-style:italic;
    color:#272768;
    margin-bottom:95px
}
#contacto .contenido .acciones a{
    color:#272768
}
#contacto .contenido .acciones .item{
    width:30%;
    margin-right:5%;
    float:left
}
#contacto .contenido .acciones .item:last-child{
    margin-right:0
}
#contacto .contenido .acciones .item.pide{
    color:#ff48be
}
#contacto .contenido .acciones .item.pide a{
    color:#ff48be;
    text-decoration:underline
}
#contacto .contenido .acciones .item.siguenos h3{
    margin-top:-10px
}
#contacto .contenido .acciones .item.siguenos img{
    margin-right:10px
}
#contacto .contenido .mensaje{
    font-size:18px;
    line-height:23px;
    color:#272768;
    font-weight:300;
    text-align:center;
    margin-bottom:25px
}
form{
    margin-bottom:92px
}
form label,form input{
    display:block
}
form input[type="text"],form input[type="email"],form textarea,form select{
    border:1px solid #787891;
    font-size:18px;
    line-height:23px;
    color:#272768;
    font-weight:300;
    padding:11px 27px 10px 27px;
    width:100%;
    margin-bottom:41px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px
}
form label{
    font-size:18px;
    line-height:23px;
    color:#272768;
    font-weight:600;
    font-style:italic;
    margin-bottom:9px
}
form label span{
    font-size:15px;
    font-weight:300
}
form select{
    max-width:50%;
    background-color:#fff;
    font-family:'Poppins',sans-serif
}
form .telefono_email .item{
    width:48%;
    margin-right:4%;
    float:left
}
form .telefono_email .item:last-child{
    margin-right:0
}
form textarea{
    height:280px
}
form input[type="submit"]{
    background-color:#fff;
    border:3px solid #ba61ff;
    color:#ba61ff;
    cursor:pointer;
    font-size:22px;
    font-weight:800;
    font-style:italic;
    float:right;
    line-height:25px;
    padding:15px 33px 12px 33px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px
}
form input[type="submit"]:hover{
    background-color:#ba61ff;
    color:#fff
}
form .opciones{
    margin-bottom:33px
}
form .opciones input{
    opacity:0;
    width:200px;
    position:absolute;
    z-index:-1
}
form .opciones .item{
    color:#787891;
    font-size:15px;
    font-style:italic;
    font-weight:600;
    float:left;
    line-height:17px;
    margin-top:8px;
    margin-right:50px;
    display:flex;
    align-items:center;
    justify-content:center
}
form .opciones .item a{
    display:inline-block;
    width:50px;
    height:50px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    border:3px solid #787891;
    margin-left:15px
}
form .opciones .item.activo a{
    border:none;
    background:url(../img/check.png) no-repeat center #ba61ff
}
form .fecha_hora{
    display:none
}
form .fecha_hora .item{
    float:left;
    width:48%;
    margin-right:4%
}
form .fecha_hora .item:last-child{
    margin-right:0
}
form .fecha_hora .item select{
    max-width:100%
}
section.seccion header{
    height:400px;
    margin-bottom:100px
}
section.seccion.sin_cabecera{
    padding-top:20px
}
footer.main{
    margin-top:150px
}
footer.main .datos{
    background-color:#ba61ff;
    padding:10px 0;
    color:#fff;
    font-size:18px;
    line-height:30px;
    font-weight:800;
    font-style:italic;
    text-align:center
}
footer.main .datos a{
    color:#fff
}
footer.main .nav_redes{
    padding:13px 0;
    font-size:14px;
    line-height:23px;
    background-color:#272768;
    color:#fff
}
footer.main .nav_redes img{
    vertical-align:middle
}
footer.main .nav_redes nav{
    display:inline-block
}
footer.main .nav_redes nav a{
    color:#fff;
    padding:0 12px;
    font-weight:500
}
footer.main .nav_redes nav a.activo{
    color:#ba61ff
}
footer.main .nav_redes .pide{
    color:#ba61ff;
    font-weight:500;
    padding:0 20px
}
footer.main .nav_redes .red{
    margin-left:20px
}
footer.main .nav_redes .red:hover{
    opacity:.7
}
footer.main .nav_redes .copyrights{
    font-size:10px;
    font-weight:300;
    float:right;
    line-height:16px;
    padding-top:7px
}
footer.main .nav_redes .copyrights a{
    color:#fff;
    text-decoration:underline
}
#popup{
    position:fixed;
    height:100%;
    top:0;
    left:0;
    width:100%;
    background-color:rgba(0,0,0,0.69);
    z-index:100;
    display:table
}
#popup.no_activo{
    display:none
}
#popup.no_activo .cell .contenido .imagen{
    opacity:0
}
#popup .cell{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
#popup .cell .contenido{
    position:relative;
    display:inline-block
}
#popup .cell .contenido img.imagen{
    display:block;
    display:none;
    opacity:1;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear
}
#popup .cell .contenido a{
    display:block
}
#popup .cell .contenido a.cerrar{
    display:none;
    opacity:1;
    position:absolute;
    right:12px;
    top:12px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
#opener{
    display:none;
    cursor:pointer;
    float:right;
    width:50px;
    margin-top:-100px;
    clear:both;
    padding:10px
}
#opener span{
    display:block;
    height:5px;
    background-color:#fff;
    margin-bottom:6px
}
#opener span:last-child{
    margin-bottom:0
}
#lightbox{
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    z-index:10;
    width:100%;
    height:100%;
    top:0;
    display:none
}
#lightbox.activo{
    display:flex;
    align-items:center;
    justify-content:center
}
#lightbox.activo .contenido .contenedor{
    opacity:1
}
#lightbox .contenido{
    background-color:#fff;
    width:100%;
    max-width:750px;
    padding:20px 36px;
    position:relative;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear;
    text-align:center
}
#lightbox .contenido .cerrar{
    color:#272768;
    position:absolute;
    right:30px;
    font-size:25px;
    line-height:25px;
    display:block
}
#lightbox .contenido .contenedor{
    opacity:0
}
#mapa{
    color:#272768;
    font-size:18px;
    line-height:23px;
    font-weight:300;
    font-style:italic;
    text-align:center
}
#mapa img{
    margin-bottom:40px;
    max-height:500px
}
#mapa p{
    max-width:400px;
    margin:0 auto
}
#mensaje_lightbox{
    display:none
}
@media screen and (max-width:1100px){
    .wrapper{
        padding:0 20px
    }
    #header .slide .contenedor_navegacion .navegacion{
        right:20px
    }
    #header header.main .nav{
        left:0
    }
    .productos .item{
        width:50%
    }
    .blog .items .item{
        width:50%
    }
    #inicio .familia{
        margin-top:-320px
    }
    #inicio .familia .barra{
        padding-left:150px
    }
}
@media screen and (max-width:900px){
    #mapa img{
        max-height:none;
        width:100%;
        max-width:400px
    }
    #lightbox .contenido{
        max-width:90%
    }
    section.seccion header{
        margin-bottom:50px
    }
    .banners .items .item{
        width:50%;
        margin-bottom:20px
    }
    #header header.main .logo{
        background:none;
        position:static;
        height:auto;
        width:auto
    }
    #header header.main .logo img{
        margin:0;
        width:100%;
        max-width:83px
    }
    #header header.main .logo_nav{
        padding:20px 35px;
        background-color:#272768
    }
    #header header.main .nav nav{
        margin-top:30px
    }
    #productos .filtros .botones .item{
        padding:0 10px
    }
    #productos .filtros .botones .item a{
        font-size:18px;
        line-height:22px
    }
}
@media screen and (max-width:750px){
    #header .slide .movimiento .item .over .contenido div{
        text-align:center
    }
    #header .slide .contenedor_navegacion .navegacion{
        width:100%;
        right:0;
        text-align:center
    }
    #header .slide .contenedor_navegacion .navegacion a{
        display:inline-block;
        float:none
    }
    #header .botones{
        max-height:none
    }
    #header .botones .barra{
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        min-height:auto;
        padding-top:50px
    }
    #header .botones .barra nav{
        margin-top:0
    }
    #header .botones .barra nav a{
        display:block;
        margin:0 auto;
        margin-bottom:43px
    }
    #header .botones .barra nav a:nth-child(3n){
        margin-right:auto
    }
    #inicio{
        margin-top:890px
    }
    #inicio .busca{
        margin-top:50px
    }
    #inicio .busca .info{
        background:#ff555e;
        -webkit-border-radius:50% 50% 0 0;
        -moz-border-radius:50% 50% 0 0;
        border-radius:50% 50% 0 0;
        height:650px;
        margin:0 -200px
    }
    #inicio .busca .boton{
        width:auto;
        float:none
    }
    #inicio .busca .boton h3{
        margin-top:70px;
        font-size:34px;
        line-height:34px
    }
    #inicio .familia .barra{
        background:#fff;
        -webkit-border-radius:50% 50% 0 0;
        -moz-border-radius:50% 50% 0 0;
        border-radius:50% 50% 0 0;
        margin:0 -200px;
        padding-left:0
    }
    #inicio .familia .barra .texto{
        margin:0 auto
    }
    footer.main .datos span.item{
        display:block;
        text-align:center
    }
    footer.main .datos span.item span{
        display:none
    }
    footer.main .nav_redes nav{
        margin:0 auto;
        max-width:445px;
        display:block
    }
    footer.main .nav_redes .pide{
        display:block;
        padding:0;
        text-align:center;
        margin:10px 0
    }
}
@media screen and (max-width:650px){
    #header .slide .contenedor_navegacion .navegacion{
        bottom:240px
    }
    #header .opener{
        display:block
    }
    #header .barra div.bloque{
        float:none;
        margin:0 auto
    }
    #header .barra div.bloque .redes{
        display:none
    }
    #header header.main .nav{
        z-index:1000
    }
    #header header.main .nav nav{
        display:none;
        position:absolute;
        float:none;
        margin-top:100px;
        background-color:#ba61ff;
        left:0;
        right:0;
        width:100%;
        z-index:1000
    }
    #header header.main .nav nav.mostrar{
        display:block
    }
    #header header.main .nav nav a{
        float:none;
        padding:10px;
        border-bottom:1px solid rgba(255,255,255,0.3);
        text-align:center
    }
    #header header.main .nav nav a:last-child{
        border-bottom:none
    }
    #header header.main .nav nav a.activo,#header header.main .nav nav a:hover{
        color:#272768
    }
    #header .logo_nav .wrapper{
        position:static
    }
    #header.interior header.main .logo_nav{
        position:static
    }
    #header.interior header.main .logo_nav .nav{
        clear:both
    }
    #header.interior header.main .logo_nav .nav nav{
        margin-top:10px
    }
    .productos .item{
        float:none;
        max-width:310px;
        width:auto;
        margin:0 auto;
        margin-bottom:95px
    }
    .productos .item a div{
        width:235px;
        height:235px
    }
    .productos .item a div span{
        right:10px
    }
    .blog .items .item{
        width:auto;
        margin:0 auto;
        float:none;
        margin-bottom:95px
    }
    .blog .items .item a .imagen{
        width:235px;
        height:235px
    }
    .banners .items .item{
        float:none;
        max-width:350px;
        width:auto;
        margin:0 auto;
        margin-bottom:20px
    }
    #inicio .familia{
        margin-bottom:100px
    }
    #inicio .familia .barra .texto{
        max-width:300px
    }
    form .telefono_email .item,form .fecha_hora .item{
        width:auto;
        float:none;
        margin-right:0
    }
    form select{
        max-width:none
    }
    #resumen_pedido a.item{
        width:50px;
        height:50px;
        margin-right:40px
    }
    #resumen_pedido a.item span{
        font-size:14px
    }
    #resumen_pedido a.item .kilos{
        width:40px;
        height:40px;
        right:-30px
    }
    #resumen_pedido .mas{
        width:50px;
        height:50px
    }
    #resumen_pedido .pedir{
        font-size:15px;
        padding:10px 20px
    }
    #productos .filtros .botones .item{
        float:none;
        width:auto;
        margin:0 auto;
        margin-bottom:10px
    }
}
@media screen and (max-width:500px){
    #pedido .items .item .cantidad,#pedido .items .item .precio{
        width:30%
    }
    #pedido .items .item .producto{
        width:40%;
        text-align:center
    }
    #pedido .items .item .producto h3{
        height:auto;
        display:block;
        margin-top:10px
    }
    footer.main .nav_redes{
        padding:30px 0
    }
    footer.main .nav_redes nav a{
        display:block;
        text-align:center;
        margin-bottom:5px
    }
    footer.main .nav_redes .pide{
        margin:0 0 10px 0
    }
    footer.main .nav_redes .red{
        display:block;
        text-align:center;
        margin:0 0 10px 0
    }
    footer.main .nav_redes .copyrights{
        text-align:center;
        float:none;
        margin-top:40px
    }
    #productos .filtros .sliders{
        max-width:340px;
        margin-bottom:80px
    }
    #productos .filtros .sliders .contenedor div{
        font-size:9px;
        line-height:10px;
        margin-left:20px;
        margin-bottom:10px
    }
    #productos .filtros .sliders .contenedor div a{
        width:65px;
        height:32px;
        padding:5px
    }
    #productos .filtros .sliders .contenedor div a span{
        height:21px;
        width:21px
    }
    #productos .filtros .sliders .contenedor div.activo a span{
        left:37px
    }
}
@media screen and (max-width:400px){
    #header .barra div.bloque .pedir,#header .barra div.bloque .whatsapp{
        display:inline-block
    }
    #header .barra div.bloque .pedir:first-child,#header .barra div.bloque .whatsapp:first-child{
        margin-bottom:10px
    }
}