@font-face{
    font-family:'FiraSans-Regular';
    src:url("../fonts/FiraSans-Regular.eot");
    src:local('☺'),url("../fonts/FiraSans-Regular.woff") format('woff'),url("../fonts/FiraSans-Regular.ttf") format('truetype'),url("../fonts/FiraSans-Regular.svg") format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'FiraSans-Light';
    src:url("../fonts/FiraSans-Light.eot");
    src:local('☺'),url("../fonts/FiraSans-Light.woff") format('woff'),url("../fonts/FiraSans-Light.ttf") format('truetype'),url("../fonts/FiraSans-Light.svg") format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'FiraSans-Medium';
    src:url("../fonts/FiraSans-Medium.eot");
    src:local('☺'),url("../fonts/FiraSans-Medium.woff") format('woff'),url("../fonts/FiraSans-Medium.ttf") format('truetype'),url("../fonts/FiraSans-Medium.svg") format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'FredokaOne-Regular';
    src:url("../fonts/FredokaOne-Regular.eot");
    src:local('☺'),url("../fonts/FredokaOne-Regular.woff") format('woff'),url("../fonts/FredokaOne-Regular.ttf") format('truetype'),url("../fonts/FredokaOne-Regular.svg") format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'icomoon';
    src:url("../fonts/icomoon.eot?n1pttk");
    src:url("../fonts/icomoon.eot?n1pttk#iefix") format('embedded-opentype'),url("../fonts/icomoon.ttf?n1pttk") format('truetype'),url("../fonts/icomoon.woff?n1pttk") format('woff'),url("../fonts/icomoon.svg?n1pttk#icomoon") format('svg');
    font-weight:normal;
    font-style:normal
}
[class^="icon-"],[class*=" icon-"]{
    font-family:'icomoon' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-globo:before{
    content:"\e904"
}
.icon-manos:before{
    content:"\e905"
}
.icon-chocolate:before{
    content:"\e900"
}
.icon-koyak:before{
    content:"\e901"
}
.icon-pastilla:before{
    content:"\e902"
}
.icon-galleta:before{
    content:"\e903"
}
.icon-sobre:before{
    content:"\e906"
}
body{
    /* font-family:'FiraSans-Regular' */
    font-family: 'Quicksand', sans-serif;
}
ol,ul{
    list-style:none;
    padding:0;
    margin:0
}
a{
    text-decoration:none;
}
a:focus{
    text-decoration:none
}
h2{
    /* font-family:'FredokaOne-Regular'; */
    font-family: 'Quicksand', sans-serif;
    font-size:3em;
}
h2 i{
    display:block;
    width:60px;
    height:60px;
    margin:0 auto;
    border:4px solid #fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    font-size:.9em;
    line-height:1.3em !important
}
.container-fluid{
    padding:0
}
.hvr-bubble-left:before{
    border-right-color:#fff
}
.banner{
    height:170px;
    margin-top:3em;
    overflow:hidden
}

.concurso {
    display: flex;
    flex-direction: column;
    font-family: 'FiraSans-Regular' !important;
    max-width: 1150px;
    margin: auto;
}

.concurso_parrafo,
.concurso ul {
    margin: 0 18px 18px;
}

.concurso h1 {
    font-size: 25px;
    text-align: center;
    font-family: 'FiraSans-Regular' !important;
}

.concurso img {
    width: 100%;
    max-width: 800px;
    margin: auto;
}

.concurso h2 {
    font-size: 20px;
    text-align: center;
    font-family: 'FiraSans-Regular' !important;
}

.concurso p,
.concurso ul li {
    font-size: 16px;
}

.concurso p span {
    font-style: italic;
}

@media screen and (min-width:375px){
    .banner{
        height:200px
    }
}
@media screen and (min-width:425px){
    .banner{
        height:225px
    }
}
@media screen and (min-width:768px){
    .banner{
        margin:0;
        height:409px
    }
    .concurso h1 {
        font-size: 33px;
    }

    .concurso h2 {
        font-size: 28px;
    }

    .concurso p,
    .concurso ul li {
        font-size: 18px;
    }
}
@media screen and (min-width:1024px){
    .banner{
        margin:0;
        height:546px
    }
}
@media screen and (min-width:1440px){
    .banner{
        margin:0;
        height:100vh
    }
}
.fondo-azul{
    background:#006eba
}
.fondo-celeste{
    background:#00afea
}
.fondo-damasco{
    background:#ebb100
}
.fondo-rojo{
    background:#d9261f
}
.fondo-morado{
    background:#714ca5
}
.fondo-verde{
    background:#77b421
}
.fondo-amarillo{
    background:#f1cc00
}
.fondo-cafe{
    background:#a1714b
}
.fondo-naranja{
    background:#f3732c
}
.color-celeste{
    color:#00afea
}
.color-damasco{
    color:#ebb100
}
.color-rojo{
    color:#d9261f
}
.color-morado{
    color:#714ca5
}
.color-verde{
    color:#77b421
}
.color-amarillo{
    color:#f1cc00
}
.color-cafe{
    color:#a1714b
}
.color-naranja{
    color:#f3732c
}
.menu-principal{
    background-color:#8a2b9a;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    border-bottom:3px solid #6a247b;
    position:fixed;
    width:100vw;
    height:60px;
    z-index:9000;
}
.menu-principal h1{
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    /*background:#fff;*/
    display:table-cell;
    width:135px;
    height:57px;
    text-align:center;
    vertical-align:middle
}
.menu-principal > ul{
    display:table;
    position:absolute;
    top:0;
    right:0;
    width:675px;
}
.menu-principal > ul > li{
    display:table-cell;
    height:57px;
    text-align:center;
    vertical-align:middle;
}
.menu-principal > ul > li:first-child,.menu-principal > ul > li:last-child,.menu-principal > ul > li:nth-last-child(2){
    width:70px
}
.menu-principal > ul > li a{
    color:#fff;
    text-decoration:none;
}
.menu-principal > ul > li a:focus{
    text-decoration:none
}
.menu-principal > ul > li a:not(.fa){
    font-family: 'Quicksand', sans-serif;
}
.menu-principal > ul > li a.fa{
    font-size:1.5em
}
.menu-principal > ul > li a.fa-facebook{
    width:100%;
    height:100%;
    text-align:center;
    line-height:2.6em
}
.menu-principal > ul > li:hover ul{
    display:inherit
}
.menu-principal > ul > li ul{
    display:none;
    position:absolute;
    top:57px;
    min-width:150%;
}
.menu-principal > ul > li ul li{
    background:#0072bc;
    border-bottom:1px solid #08609a;
    height:50px;
}
.menu-principal > ul > li ul li a{
    line-height:3.6em
}
.menu-principal > ul > li ul li:hover{
    background:#08609a
}
.menu-principal > ul > li.hvr-bounce-to-bottom:before,.menu-principal > ul > li.selected{
    background:#006eba
}
.menu-principal .dropdown-mobile{
    background:#8a2b9a;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    border:4px solid #fff;
    -webkit-box-shadow:0 0 5px 0 rgba(50,50,50,0.75);
    box-shadow:0 0 5px 0 rgba(50,50,50,0.75);
    position:absolute;
    right:-50%;
    top:2em;
    width:80vw;
}
.menu-principal .dropdown-mobile li{
    text-align:center;
}
.menu-principal .dropdown-mobile li ul{
    background:#0072bc;
    display:none;
}
.menu-principal .dropdown-mobile li ul li{
    height:35px;
}
.menu-principal .dropdown-mobile li ul li a{
    display:inline-block;
    height:100%
}
.menu-principal .dropdown-mobile a{
    color:#fff;
    font-size:.6em;
    /* font-family:'FiraSans-Medium',_sans; */
    font-family: 'Quicksand', sans-serif;
    text-decoration:none
}
.menu-principal .dropdown-mobile:hover ul{
    display:inherit
}
.menu-principal .dropdown-mobile:after{
    content:'';
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:12px solid #fff;
    position:absolute;
    top:-12px;
    right:.5em
}
.menu-principal .fa-bars{
    color:#fff;
    font-size:2em;
    position:absolute;
    right:1em;
    top:.5em
}
@media screen and (min-width:768px){
    .menu-principal{
        left:50%;
        margin-top:1em;
        margin-left:-375px;
        width:740px;
    }
    .menu-principal > ul{
        width:600px
    }
}
@media screen and (min-width:1024px){
    .menu-principal{
        margin-left:-405px;
        width:810px;
    }
    .menu-principal > ul{
        width:675px
    }
}
.carrusel{
    width:100%;
    height:100%;
}
.carrusel img{
    width:100%
}
body,html{
    height:100%
}
ul,ol{
    list-style:none;
    margin:0;
    padding:0
}
.slick-prev:before,.slick-next:before{
    font-size:40px;
    color:#842794;
    opacity:1;
    -ms-filter:none;
    filter:none
}
.slick-prev,.slick-next{
    z-index:10;
    width:40px;
    height:40px
}
.slick-prev{
    left:40px
}
.slick-next{
    right:40px
}
.clientes{
    margin:6em auto 0 auto;
}
.clientes h2{
    text-align:center;
    color:#006eba;
    margin-bottom:2em;
}
.clientes h2 i{
    border-color:#006eba;
    font-size:.8em;
    line-height:1.5em !important;
}
.clientes h2 i.icon-manos{
    font-size:.75em;
    line-height:1.9em !important
}
.clientes .container{
    width:100%
}
.cliente-logo{
    background:url("../images/clientes/clientes_spritesheet_color.jpg") no-repeat left top;
    border:1px solid #ccc;
    display:block;
    margin:.8em auto 0 auto;
    width:200px;
    height:200px;
}
.cliente-logo.cliente-acuenta{
    background-position:left top
}
.cliente-logo.cliente-bravissimo{
    background-position:-200px top
}
.cliente-logo.cliente-cineplanet{
    background-position:-400px top
}
.cliente-logo.cliente-ekono{
    background-position:-600px top
}
.cliente-logo.cliente-falabella{
    background-position:left -200px
}
.cliente-logo.cliente-ahumada{
    background-position:-200px -200px
}
.cliente-logo.cliente-lider{
    background-position:-400px -200px
}
.cliente-logo.cliente-atton{
    background-position:-600px -200px
}
.cliente-logo.cliente-jumbo{
    background-position:left -400px
}
.cliente-logo.cliente-liderpucon{
    background-position:-200px -400px
}
.cliente-logo.cliente-paris{
    background-position:-400px -400px
}
.cliente-logo.cliente-santaisabel{
    background-position:-600px -400px
}
.cliente-logo.cliente-mayorista10{
    background-position:left -600px
}
.cliente-logo.cliente-tottus{
    background-position:-200px -600px
}
.cliente-logo.cliente-unimarc{
    background-position:-400px -600px
}
.cliente-logo.cliente-okmarket{
    background-position:-600px -600px
}
.cliente-logo.cliente-cruzverde{
    background-position:left -750px
}
.cliente-logo.cliente-petrobras{
    background-position:-196px -750px
}

@media screen and (min-width:1024px){
    .cliente-logo{
        background:url("../images/clientes/clientes_spritesheet_gris.jpg") no-repeat left top;
    }
    .cliente-logo:hover{
        background:url("../images/clientes/clientes_spritesheet_color.jpg") no-repeat left top;
    }
    .cliente-logo:hover.cliente-acuenta{
        background-position:left top
    }
    .cliente-logo:hover.cliente-bravissimo{
        background-position:-200px top
    }
    .cliente-logo:hover.cliente-cineplanet{
        background-position:-400px top
    }
    .cliente-logo:hover.cliente-ekono{
        background-position:-600px top
    }
    .cliente-logo:hover.cliente-falabella{
        background-position:left -200px
    }
    .cliente-logo:hover.cliente-ahumada{
        background-position:-200px -200px
    }
    .cliente-logo:hover.cliente-lider{
        background-position:-400px -200px
    }
    .cliente-logo:hover.cliente-atton{
        background-position:-600px -200px
    }
    .cliente-logo:hover.cliente-jumbo{
        background-position:left -400px
    }
    .cliente-logo:hover.cliente-liderpucon{
        background-position:-200px -400px
    }
    .cliente-logo:hover.cliente-paris{
        background-position:-400px -400px
    }
    .cliente-logo:hover.cliente-santaisabel{
        background-position:-600px -400px
    }
    .cliente-logo:hover.cliente-mayorista10{
        background-position:left -600px
    }
    .cliente-logo:hover.cliente-tottus{
        background-position:-200px -600px
    }
    .cliente-logo:hover.cliente-unimarc{
        background-position:-400px -600px
    }
	.cliente-logo:hover.cliente-okmarket{
        background-position:-600px -600px
    }
    .cliente-logo.cliente-cruzverde{
        background-position:left -750px
    }

    .cliente-logo.cliente-petrobras{
        background-position:-196px -750px
    }

    .clientes{
        width:970px
    }
}
.quienes-somos{
    margin-top:6em;
    margin-bottom:10em;
}
.quienes-somos h2{
    color:#8a2b9a;
    text-align:center;
    margin-bottom:3em;
}
.quienes-somos h2 i{
    border-color:#8a2b9a;
    font-size:.5em;
    line-height:2.5em !important
}
.quienes-somos p{
    /* font-family:'FiraSans-Medium'; */
    font-family: 'Quicksand', sans-serif;
    font-size:1.2em;
    line-height:1.3em;
    color:#353535
}
.quienes-somos .descripcion{
    /* background:url("../images/fondo_quienessomos.jpg") no-repeat left bottom; */
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    height:600px;
}
.quienes-somos .descripcion .info{
    background:rgba(250,250,250,0.4);
    margin:0 auto;
    position:relative;
    padding:2em;
    height:460px;
    width:90vw;
    top:-9em;
    text-align:justify;
}
.quienes-somos .descripcion .info figure img{
    width:100%
}
@media screen and (min-width:768px){
    .quienes-somos .descripcion .info{
        height:353px;
        top:8em
    }
    .quienes-somos p{
        line-height:2em
    }
}
@media screen and (min-width:1024px){
    .quienes-somos .descripcion .info{
        width:815px;
        height:315px;
        padding:1em;
        top:-9em;
    }


    .quienes-somos .descripcion .info figure img{
        width:auto
    }
}
.form-control{
    -webkit-border-radius:0;
    border-radius:0
}
.contacto{
    background:#00afea;
    margin-top: 30em;
}
.contacto h2,.contacto p{
    color:#fff;
    text-align:center
}
.contacto > .container{
    padding:3em
}
.contacto .icon-sobre{
    font-size:.6em;
    line-height:2em !important
}
.contacto form{
    margin-top:3em;
}
.contacto form .form-group{
    position:relative
}
.contacto form .fa{
    position:absolute;
    right:1em;
    font-size:1.2em;
    top:.5em;
    color:#ddd
}
.contacto form button{
    background:none;
    border:1px solid #fff;
    color:#fff;
    display:block;
    padding:.5em;
    width:100%
}




@media screen and (min-width:768px){
    .contacto form{
        width:500px
    }
}
@media screen and (min-width:1024px){
    .contacto > .container{
        width:970px
    }
    .contacto form{
        width:535px
    }
}
.marcas .row{
    margin:0
}
.marcas .marca{
    height:220px;
    padding:0;
}
.marcas .marca a{
    display:inline-block;
    width:100%;
    height:220px;
    text-align:center;
}
.marcas .marca a img{
    position:relative;
    margin:0 1em 0 1em;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    height:110px
}
.marcas .marca:first-child a img{
    height:70px
}
.marcas .marca.marca-pez{
    background:url("../images/marcas/fondos/fondo_pez.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}
.marcas .marca.marca-dulcelocura{
    background:url("../images/marcas/fondos/fondo_dulcelocura.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}
.marcas .marca.marca-crispy{
    background:url("../images/marcas/fondos/fondo_crispy.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}
/*
.marcas .marca.marca-snatts{
    background:url("../images/marcas/fondos/fondo_snatts.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}
*/

.marcas .marca.marca-cbse{
    background:url("../images/marcas/fondos/fondo_cbse.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}
/* .marcas .marca.marca-vaquissima{
    background:url("../images/marcas/fondos/fondo_vaquissima.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
} */
.marcas .marca.marca-petazetas{
    background:url("../images/marcas/fondos/fondo_petazetas.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}
.marcas .marca.marca-sanalocura{
    background:url("../images/marcas/fondos/fondo_sanalocura.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}

.marcas .marca.marca-goodfood{
    background:url("../images/marcas/fondos/fondo_goodfood.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}
.marcas .marca.marca-pernigotti{
    background:url("../images/marcas/fondos/fondo_pernigotti.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}

.marcas .marca.marca-thasia{
    background:url("../images/marcas/fondos/fondo_thasia.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}

.marcas .marca.marca-cornitos{
    background:url("../images/marcas/fondos/fondo_cornitos.jpg") no-repeat left top;
    -webkit-background-size:200% 100%;
    -moz-background-size:200% 100%;
    background-size:200% 100%
}

.menu-marcas{
    margin:3em auto 3em auto;
}
.menu-marcas h2{
    color:#8a2b9a;
    text-align:center;
    margin-bottom:3em;
}
.menu-marcas h2 i{
    border-color:#8a2b9a;
    font-size:.5em;
    line-height:2.5em !important
}
.menu-marcas.container{
    padding:0;
    width:100vw
}
.menu-marcas .row{
    margin:0;
    padding:0;
}
.menu-marcas .row [class^='col-']{
    padding:0
}
.menu-marcas .row .marca{
    display:block;
    background:url("../images/marcas-interior.jpg") no-repeat left top;
    -webkit-background-size:201% 500%;
    -moz-background-size:201% 500%;
    background-size:201% 500%;
    height:150px;
    width:100%;
}.menu-marcas .row .marca.marca-dulcelocura{
    background-position:left top
}
.menu-marcas .row .marca.marca-crispyroll{
    background-position:right top
}
.menu-marcas .row .marca.marca-sanalocura{
    background-position:left -150px
}
/* .menu-marcas .row .marca.marca-vaquissima{
    background-position:right -150px
} */
.menu-marcas .row .marca.marca-cbse{
    background-position:left -300px
}
.menu-marcas .row .marca.marca-snatts{
    background-position:right -300px
}
.menu-marcas .row .marca.marca-pez{
    background-position:left -450px
}
.menu-marcas .row .marca.marca-petazetas{
    background-position:right -450px
}
.menu-marcas .row .marca.marca-pernigotti{
    background-position:left bottom
}
@media screen and (min-width:768px){
    .menu-marcas{
        margin-top:3em;
    }
    .menu-marcas.container{
        width:650px;
        margin:0 auto;
        margin-bottom:3em;
    }
    .menu-marcas.container .marca{
        height:180px;
        width:325px;
    }
    .menu-marcas.container .marca.marca-dulcelocura{
        background-position:left top
    }
    .menu-marcas.container .marca.marca-crispyroll{
        background-position:right top
    }
    .menu-marcas.container .marca.marca-sanalocura{
        background-position:left -180px
    }
/*     .menu-marcas.container .marca.marca-vaquissima{
        background-position:right -180px
    } */
    .menu-marcas.container .marca.marca-cbse{
        background-position:left -360px
    }
    .menu-marcas.container .marca.marca-snatts{
        background-position:right -360px
    }
    .menu-marcas.container .marca.marca-pez{
        background-position:left -540px
    }
    .menu-marcas.container .marca.marca-petazetas{
        background-position:right -540px
    }
    .menu-marcas.container .marca.marca-pernigotti{
        background-position:left bottom
    }
	.marcas .marca{
        -webkit-background-size:50% 100%;
        -moz-background-size:50% 100%;
        background-size:50% 100%;
        text-align:right;
    }
    .marcas .marca a{
        text-align:left;
        width:50%;
    }
    .marcas .marca a img{
        margin:0 3em 0 3em;
        height:100px
    }
    .marcas .marca:nth-child(even){
        text-align:left;
    }
    .marcas .marca:nth-child(even) a{
        text-align:right
    }
    .marcas .marca.marca-dulcelocura{
        background-position:left top;
        -webkit-background-size:50% 100%;
        -moz-background-size:50% 100%;
        background-size:50% 100%;
    }
    .marcas .marca.marca-dulcelocura a{
        position:relative;
    }
    .marcas .marca.marca-dulcelocura a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        right:-15px;
        border-style:solid;
        border-width:12.5px 0 12.5px 15px;
        border-color:transparent transparent transparent #fff
    }
    .marcas .marca.marca-sanalocura{
        background-position:right top;
        -webkit-background-size:50% 100%;
        -moz-background-size:50% 100%;
        background-size:50% 100%;
    }
    .marcas .marca.marca-sanalocura a{
        background:#ffd80a;
        background:-moz--webkit-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-moz--moz-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-moz--o-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-moz--ms-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-moz-linear-gradient(to right, #e3ac01 0%, #ffd80a 100%);
        background:-webkit--webkit-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-webkit--moz-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-webkit--o-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-webkit--ms-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-webkit-linear-gradient(to right, #e3ac01 0%, #ffd80a 100%);
        background:-webkit-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-moz-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-o-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:-ms-linear-gradient(left, #e3ac01 0%, #ffd80a 100%);
        background:linear-gradient(to right, #e3ac01 0%, #ffd80a 100%);
        position:relative;
    }
    .marcas .marca.marca-sanalocura a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        right:-15px;
        border-style:solid;
        border-width:12.5px 0 12.5px 15px;
        border-color:transparent transparent transparent #ffd80a
    }
    /*
	.marcas .marca.marca-sanalocura{
        background-position:left top;
        -webkit-background-size:51% 100%;
        -moz-background-size:51% 100%;
        background-size:51% 100%;
    }
    .marcas .marca.marca-sanalocura a{
        background:#ffd80a;
        background:-moz--webkit-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-moz--moz-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-moz--o-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-moz--ms-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-moz-linear-gradient(to right, #ffd80a 0%, #e3ac01 100%);
        background:-webkit--webkit-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-webkit--moz-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-webkit--o-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-webkit--ms-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-webkit-linear-gradient(to right, #ffd80a 0%, #e3ac01 100%);
        background:-webkit-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-moz-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-o-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:-ms-linear-gradient(left, #ffd80a 0%, #e3ac01 100%);
        background:linear-gradient(to right, #ffd80a 0%, #e3ac01 100%);
        position:relative;
    }
    .marcas .marca.marca-sanalocura a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        left:-15px;
        border-style:solid;
        border-width:12.5px 15px 12.5px 0;
        border-color:transparent #ffd80a transparent transparent
    }
	*/
    /*
	.marcas .marca.marca-vaquissima{
        background-position:right top;
        -webkit-background-size:50% 100%;
        -moz-background-size:50% 100%;
        background-size:50% 100%;
    }
    .marcas .marca.marca-vaquissima a{
        background:#ff5501;
        background:-moz--webkit-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-moz--moz-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-moz--o-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-moz--ms-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-moz-linear-gradient(to right, #ff5501 0%, #fb8b38 100%);
        background:-webkit--webkit-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-webkit--moz-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-webkit--o-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-webkit--ms-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-webkit-linear-gradient(to right, #ff5501 0%, #fb8b38 100%);
        background:-webkit-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-moz-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-o-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:-ms-linear-gradient(left, #ff5501 0%, #fb8b38 100%);
        background:linear-gradient(to right, #ff5501 0%, #fb8b38 100%);
        position:relative;
    }
    .marcas .marca.marca-vaquissima a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        right:-15px;
        border-style:solid;
        border-width:12.5px 0 12.5px 15px;
        border-color:transparent transparent transparent #fb8b38
    }
	*/
	
	/* NEW */
	.marcas .marca.marca-cbse{
         background-position:left top;
        -webkit-background-size:50% 100%;
        -moz-background-size:50% 100%;
        background-size:50% 100%;
    }
    .marcas .marca.marca-cbse a{
        background:#ab120c;
        background:-moz--webkit-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-moz--moz-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-moz--o-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-moz--ms-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-moz-linear-gradient(to right, #ab120c 0%, #e3231d 100%);
        background:-webkit--webkit-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-webkit--moz-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-webkit--o-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-webkit--ms-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-webkit-linear-gradient(to right, #ab120c 0%, #e3231d 100%);
        background:-webkit-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-moz-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-o-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:-ms-linear-gradient(left, #ab120c 0%, #e3231d 100%);
        background:linear-gradient(to right, #ab120c 0%, #e3231d 100%);
        position:relative;
    }
    .marcas .marca.marca-cbse a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        right:-15px;
        border-style:solid;
        border-width:12.5px 0 12.5px 15px;
        border-color:transparent transparent transparent #e3231d
    }
	/*
	
    .marcas .marca.marca-cbse{
        background-position:left top;
        -webkit-background-size:51% 100%;
        -moz-background-size:51% 100%;
        background-size:51% 100%;
    }
    .marcas .marca.marca-cbse a{
        background:#e3231d;
        background:-moz--webkit-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-moz--moz-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-moz--o-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-moz--ms-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-moz-linear-gradient(to right, #e3231d 0%, #ab120c 100%);
        background:-webkit--webkit-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-webkit--moz-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-webkit--o-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-webkit--ms-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-webkit-linear-gradient(to right, #e3231d 0%, #ab120c 100%);
        background:-webkit-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-moz-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-o-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:-ms-linear-gradient(left, #e3231d 0%, #ab120c 100%);
        background:linear-gradient(to right, #e3231d 0%, #ab120c 100%);
        position:relative;
    }
    .marcas .marca.marca-cbse a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        left:-15px;
        border-style:solid;
        border-width:12.5px 15px 12.5px 0;
        border-color:transparent #e3231d transparent transparent
    }
	*/
	
    /* NEW */
    
    /* Marca Vaquissima  */

/* 	.marcas .marca.marca-vaquissima{
        background-position:left top;
        -webkit-background-size:51% 100%;
        -moz-background-size:51% 100%;
        background-size:51% 100%;
    }
    .marcas .marca.marca-vaquissima a{
        background:#fb8b38;
        background:-moz--webkit-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-moz--moz-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-moz--o-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-moz--ms-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-moz-linear-gradient(to right, #fb8b38 0%, #ff5501 100%);
        background:-webkit--webkit-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-webkit--moz-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-webkit--o-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-webkit--ms-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-webkit-linear-gradient(to right, #fb8b38 0%, #ff5501 100%);
        background:-webkit-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-moz-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-o-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:-ms-linear-gradient(left, #fb8b38 0%, #ff5501 100%);
        background:linear-gradient(to right, #fb8b38 0%, #ff5501 100%);
        position:relative;
    }
    .marcas .marca.marca-vaquissima a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        left:-15px;
        border-style:solid;
        border-width:12.5px 15px 12.5px 0;
        border-color:transparent #fb8b38 transparent transparent
    } */

    /* fin marca vaquissima */
	
	/*
	.marcas .marca.marca-snatts{
        background-position:right top;
        -webkit-background-size:50% 100%;
        -moz-background-size:50% 100%;
        background-size:50% 100%;
    }
    .marcas .marca.marca-snatts a{
        background:#90b519;
        background:-moz--webkit-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-moz--moz-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-moz--o-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-moz--ms-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-moz-linear-gradient(to right, #90b519 0%, #90b519 100%);
        background:-webkit--webkit-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-webkit--moz-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-webkit--o-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-webkit--ms-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-webkit-linear-gradient(to right, #90b519 0%, #90b519 100%);
        background:-webkit-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-moz-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-o-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:-ms-linear-gradient(left, #90b519 0%, #90b519 100%);
        background:linear-gradient(to right, #90b519 0%, #90b519 100%);
        position:relative;
    }
    .marcas .marca.marca-snatts a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        right:-15px;
        border-style:solid;
        border-width:12.5px 0 12.5px 15px;
        border-color:transparent transparent transparent #90b519
    }
    */
	
	.marcas .marca.marca-pez{
        background-position:right top;
        -webkit-background-size:51% 100%;
        -moz-background-size:51% 100%;
        background-size:51% 100%;
    }
    .marcas .marca.marca-pez a{
        background:#57c0f0;
        background:-moz--webkit-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-moz--moz-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-moz--o-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-moz--ms-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-moz-linear-gradient(to right, #57c0f0 0%, #0071c1 100%);
        background:-webkit--webkit-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-webkit--moz-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-webkit--o-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-webkit--ms-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-webkit-linear-gradient(to right, #57c0f0 0%, #0071c1 100%);
        background:-webkit-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-moz-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-o-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:-ms-linear-gradient(left, #57c0f0 0%, #0071c1 100%);
        background:linear-gradient(to right, #57c0f0 0%, #0071c1 100%);
        position:relative;
    }
    .marcas .marca.marca-pez a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        left:-15px;
        border-style:solid;
        border-width:12.5px 15px 12.5px 0;
        border-color:transparent #57c0f0 transparent transparent
    }
    .marcas .marca.marca-petazetas{
        background-position:left top;
        -webkit-background-size:50% 100%;
        -moz-background-size:50% 100%;
        background-size:50% 100%;
    }
    .marcas .marca.marca-petazetas a{
        background:#e4ac01;
        background:-moz--webkit-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz--moz-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz--o-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz--ms-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz-linear-gradient(to right, #e4ac01 0%, #fed90b 100%);
        background:-webkit--webkit-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit--moz-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit--o-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit--ms-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit-linear-gradient(to right, #e4ac01 0%, #fed90b 100%);
        background:-webkit-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-o-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-ms-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:linear-gradient(to right, #e4ac01 0%, #fed90b 100%);
        position:relative;
    }
    .marcas .marca.marca-petazetas a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        right:-15px;
        border-style:solid;
        border-width:12.5px 0 12.5px 15px;
        border-color:transparent transparent transparent #fed90b
    }
    .marcas .marca.marca-pernigotti{
        background-position:left top;
        -webkit-background-size:51% 100%;
        -moz-background-size:51% 100%;
        background-size:51% 100%;
    }
    .marcas .marca.marca-pernigotti a{
        background:#fa8b39;
        background:-moz--webkit-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz--moz-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz--o-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz--ms-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz-linear-gradient(to right, #fa8b39 0%, #ff5501 100%);
        background:-webkit--webkit-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit--moz-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit--o-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit--ms-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit-linear-gradient(to right, #fa8b39 0%, #ff5501 100%);
        background:-webkit-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-o-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-ms-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:linear-gradient(to right, #fa8b39 0%, #ff5501 100%);
        position:relative;
    }
    .marcas .marca.marca-pernigotti a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        left:-15px;
        border-style:solid;
        border-width:12.5px 15px 12.5px 0;
        border-color:transparent #fa8b39 transparent transparent
    }

    /*THASIA */

    .marcas .marca.marca-thasia{
        background-position:right top;
        -webkit-background-size:51% 100%;
        -moz-background-size:51% 100%;
        background-size:51% 100%;
    }
    .marcas .marca.marca-thasia a{
        background:#fa8b39;
        background:-moz--webkit-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz--moz-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz--o-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz--ms-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz-linear-gradient(to right, #fa8b39 0%, #ff5501 100%);
        background:-webkit--webkit-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit--moz-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit--o-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit--ms-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-webkit-linear-gradient(to right, #fa8b39 0%, #ff5501 100%);
        background:-webkit-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-moz-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-o-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:-ms-linear-gradient(left, #fa8b39 0%, #ff5501 100%);
        background:linear-gradient(to right, #fa8b39 0%, #ff5501 100%);
        position:relative;
    }
    .marcas .marca.marca-thasia a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        left:-15px;
        border-style:solid;
        border-width:12.5px 15px 12.5px 0;
        border-color:transparent #fa8b39 transparent transparent
    }



    /*CORNITOS */

    .marcas .marca.marca-cornitos{
        background-position:left top;
        -webkit-background-size:51% 100%;
        -moz-background-size:51% 100%;
        background-size:51% 100%;
    }
    .marcas .marca.marca-cornitos a{
        background:#e4ac01;
        background:-moz--webkit-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz--moz-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz--o-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz--ms-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz-linear-gradient(to right, #e4ac01 0%, #fed90b 100%);
        background:-webkit--webkit-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit--moz-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit--o-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit--ms-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-webkit-linear-gradient(to right, #e4ac01 0%, #fed90b 100%);
        background:-webkit-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-moz-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-o-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:-ms-linear-gradient(left, #e4ac01 0%, #fed90b 100%);
        background:linear-gradient(to right, #e4ac01 0%, #fed90b 100%);
        position:relative;
    }
    .marcas .marca.marca-cornitos a:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        top:100px;
        right:-15px;
        border-style:solid;
        border-width:12.5px 0 12.5px 15px;
        border-color:transparent transparent transparent #e3231d
    }




}
@media screen and (min-width:1024px){
    .menu-marcas.container{
        width:955px;
        margin-bottom:5em;
    }
    .menu-marcas.container .marca{
        height:200px;
        width:478px;
    }
    .menu-marcas.container .marca.marca-dulcelocura{
        background-position:left top
    }
    .menu-marcas.container .marca.marca-crispyroll{
        background-position:right top
    }
    .menu-marcas.container .marca.marca-sanalocura{
        background-position:left -200px
    }
	/*
	.menu-marcas.container .marca.marca-goodfood{
        background-position:left -200px
    }
	*/
/*     .menu-marcas.container .marca.marca-vaquissima{
        background-position:right -200px
    } */
    .menu-marcas.container .marca.marca-cbse{
        background-position:left -400px
    }
    /*
	.menu-marcas.container .marca.marca-snatts{
        background-position:right -400px
    }
	*/
    .menu-marcas.container .marca.marca-pez{
        background-position:left -600px
    }
    .menu-marcas.container .marca.marca-petazetas{
        background-position:right -600px
    }
    .menu-marcas.container .marca.marca-pernigotti{
        background-position:left bottom
    }
}
.ubicacion .datos{
    background:#006eba;
    height:140px;
}
.ubicacion .datos ul{
    height:100%;
    position:relative;
    padding-top:2em;
    width:100%;
}
.ubicacion .datos ul li{
    text-align:center;
}
.ubicacion .datos ul li a{
    color:#fff;
    text-decoration:none;
    height:35px;
    display:block;
}
.ubicacion .datos ul li a i{
    margin-right:1em
}
.ubicacion .map{
    background:#808080;
    height:340px;
    position:relative;
}
.ubicacion .map .angular-google-map-container{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    height:400px
}
.ubicacion footer{
    background:#fff;
    height:60px;
    position:relative;
}
.ubicacion footer figure{
    display:block;
    margin:0 auto;
    position:relative;
    top:-1.5em;
    width:135px;
}
.ubicacion footer figure img{
    width:100%
}
.ubicacion footer button{
    background:#8a2b9a;
    border:none;
    -webkit-border-radius:50%;
    border-radius:50%;
    color:#fff;
    display:block;
    font-size:2.4em;
    height:50px;
    line-height:1.7em;
    position:absolute;
    right:1em;
    bottom:.8em;
    width:50px
}


@media screen and (min-width:768px){
    .ubicacion .datos{
        height:56px;
    }
    .ubicacion .datos ul{
        display:table;
        left:50%;
        margin-left:-350px;
        padding:0;
        width:700px;
    }
    .ubicacion .datos ul li{
        display:table-cell;
        vertical-align:middle;
        width:33%;
        text-align:center;
    }
    .ubicacion .datos ul li a{
        height:inherit
    }
    .ubicacion .footer figure{
        width:180px
    }
    .ubicacion .footer button{
        width:65px;
        height:65px;
        right:2em
    }
}
@media screen and (min-width:1024px){
    .ubicacion .datos ul{
        width:970px;
        margin-left:-485px
    }
}
.productos{
    margin-bottom:2em;
}
.productos .boton-vermas{
    background:none;
    border:1px solid #808080;
    padding:.5em;
    width:100px
}
.productos .logo-detalle-marca{
    position:absolute;
    left:0;
    width:200px;
    left:50%;
    margin-left:-100px;
    top:70px;
}
.productos .logo-detalle-marca.icono-petazetas{
    width:100px;
    margin-left:-50px
}
/*
.productos .logo-detalle-marca.icono-snatts{
    width:130px;
    margin-left:-65px
}
*/
.productos .logo-detalle-marca.icono-sanalocura{
    width:100px;
    margin-left:-50px
}
.productos .logo-detalle-marca.icono-goodfood{
    width:100px;
    margin-left:-50px
}
.productos .logo-detalle-marca.icono-dulcelocura{
    width:180px;
    margin-left:-90px
}
.productos .logo-detalle-marca.icono-pernigotti{
    width:200px;
    margin-left:-100px
}
.productos .logo-detalle-marca.icono-cbse{
    width:100px;
    margin-left:-50px
}
/* .productos .logo-detalle-marca.icono-vaquissima{
    width:140px;
    margin-left:-70px
} */
.productos .row{
    margin:0
}
.productos [class^="col-"]{
    padding:0
}
.productos > header img{
    width:100%
}
.productos > header.banner{
    height:120px;
    margin-top:4em
}
.productos .item-producto{
    height:275px;
    overflow:hidden;
    -webkit-transition:1s height ease;
    -moz-transition:1s height ease;
    -o-transition:1s height ease;
    -ms-transition:1s height ease;
    transition:1s height ease;
}
.productos .item-producto.open{
    height:1380px
}
.productos .item-producto > header{
    height:550px;
    position:relative;
}
.productos .item-producto > header .imagen-producto{
    cursor:pointer;
    height:260px;
    margin:0 auto;
    display:block
}
.productos .item-producto > header .producto-titulo{
    background:#fff;
    height:275px;
    width:100%;
    padding:2em;
}
.productos .item-producto > header .producto-titulo h2{
    font-size:2.5em
}
.productos .item-producto > header .producto-titulo p{
    /* font-family:'FiraSans-Medium',Arial,Helvetica,_sans; */
    font-family: 'Quicksand', sans-serif;
    font-size:16px;
    color:#868686
}
.productos .descripcion-producto{
    display:block;
    color:#868686;
    font-size:16px;
    /* font-family:'FiraSans-Regular',Arial,Helvetica,_sans; */
    font-family: 'Quicksand', sans-serif;
    margin:2em auto 2em auto;
    text-align:justify;
    width:90vw
}
.productos .detalle-producto{
    height:100%
}
.productos .ingredientes{
    color:#fff;
}
.productos .ingredientes h4{
    /* font-family:'FiraSans-Regular',Arial,Helvetica,_sans; */
    font-family: 'Quicksand', sans-serif;
    font-weight:bold;
    font-size:20px
}
.productos .ingredientes h4,.productos .ingredientes p{
    text-align:center;
    margin-bottom:1em
}
.productos .ingredientes p{
    padding:0 1em 0 1em;
    /* font-family:'FiraSans-Regular',Arial,Helvetica,_sans; */
    font-family: 'Quicksand', sans-serif;
    font-size:16px
}
.productos .info-nutricional{
    height:100%;
}
.productos .info-nutricional h4{
    margin:0;
    /* font-family:'FiraSans-Regular',Arial,Helvetica,_sans; */
    font-family: 'Quicksand', sans-serif;
    font-weight:bold;
    font-size:24px
}
.productos .info-nutricional p font-family 'Quicksand',.productos .info-nutricional p Arial,.productos .info-nutricional p Helvetica,.productos .info-nutricional p _sans{
    font-size:16px
}
.productos .info-nutricional header{
    color:#fff;
    position:relative;
    padding-top:2em;
    height:110px;
    text-align:center
}
.productos .fa-times{
    border:none;
    background:none;
    color:#fff;
    font-size:2em;
    position:absolute;
    right:1em;
    top:.5em;
    z-index:10
}
.productos .tabla-nutricional{
    background:#fff;
    padding:2em;
    color:#757575;
    height:100%
}
@media screen and (min-width:768px){
    .productos .logo-detalle-marca{
        top:95px;
        width:400px;
        margin-left:-200px;
    }
    .productos .logo-detalle-marca.icono-petazetas{
        width:180px;
        margin-left:-90px
    }
    /*
	.productos .logo-detalle-marca.icono-snatts{
        width:200px;
        margin-left:-100px
    }
	*/
    .productos .logo-detalle-marca.icono-sanalocura{
        width:180px;
        margin-left:-90px
    }
	.productos .logo-detalle-marca.icono-goodfood{
        width:180px;
        margin-left:-90px
    }
    .productos .logo-detalle-marca.icono-dulcelocura{
        width:250px;
        margin-left:-125px
    }
    .productos .logo-detalle-marca.icono-pernigotti{
        width:300px;
        margin-left:-150px
    }
    .productos .logo-detalle-marca.icono-cbse{
        width:200px;
        margin-left:-100px
    }
/*     .productos .logo-detalle-marca.icono-vaquissima{
        width:250px;
        margin-left:-125px
    } */
    .productos > header.banner{
        margin-top:0;
        height:260px
    }
    .productos .item-producto{
        height:275px;
    }
    .productos .item-producto.open{
        height:1060px
    }
    .productos .item-producto > header{
        height:275px;
    }
    .productos .item-producto > header .imagen-producto{
        margin:0;
        margin-left:12%
    }
    .productos .item-producto > header .producto-titulo{
        width:50%;
        position:absolute;
        right:0;
        top:0
    }
    .productos .item-producto:nth-child(even) > header .imagen-producto{
        margin-left:56%
    }
    .productos .item-producto:nth-child(even) > header .producto-titulo{
        right:auto;
        left:0;
        text-align:right;
    }
    .productos .item-producto:nth-child(even) > header .producto-titulo h2{
        font-size:3em
    }
    .productos .item-producto:nth-child(even) .detalle-producto .ingredientes{
        float:right
    }
}
@media screen and (min-width:1024px){
    .productos .logo-detalle-marca{
        top:115px;
    }
    .productos .logo-detalle-marca.icono-petazetas{
        width:250px;
        margin-left:-125px
    }
    /*
	.productos .logo-detalle-marca.icono-snatts{
        width:380px;
        margin-left:-190px
    }
	*/
    .productos .logo-detalle-marca.icono-sanalocura{
        width:200px;
        margin-left:-100px
    }
	.productos .logo-detalle-marca.icono-goodfood{
        width:200px;
        margin-left:-100px
    }
    .productos .logo-detalle-marca.icono-dulcelocura{
        width:420px;
        margin-left:-210px
    }
    .productos .logo-detalle-marca.icono-pernigotti{
        width:400px;
        margin-left:-200px
    }
    .productos .logo-detalle-marca.icono-cbse{
        width:300px;
        margin-left:-150px
    }
/*     .productos .logo-detalle-marca.icono-vaquissima{
        width:350px;
        margin-left:-175px
    } */
    .productos > header.banner{
        height:450px
    }
    .productos .item-producto > header .imagen-producto{
        margin-left:20%
    }
    .productos .descripcion-producto{
        margin:4em auto 4em auto;
        width:970px
    }
    .productos .detalle-producto .ingredientes h4,.productos .detalle-producto .ingredientes p{
        text-align:left;
        margin:0 0 1em 40%;
        padding:0;
        width:50%
    }
}
@media screen and (min-width:1440px){
    .productos .logo-detalle-marca{
        top:115px;
    }
    .productos .logo-detalle-marca.icono-petazetas{
        width:320px;
        margin-left:-160px
    }
    /*
	.productos .logo-detalle-marca.icono-snatts{
        width:380px;
        margin-left:-190px
    }
	*/
    .productos .logo-detalle-marca.icono-sanalocura{
        width:280px;
        margin-left:-140px
    }
	.productos .logo-detalle-marca.icono-goodfood{
        width:280px;
        margin-left:-140px
    }
    .productos .logo-detalle-marca.icono-dulcelocura{
        width:420px;
        margin-left:-210px
    }
    .productos .logo-detalle-marca.icono-pernigotti{
        width:400px;
        margin-left:-200px
    }
    .productos .logo-detalle-marca.icono-cbse{
        width:300px;
        margin-left:-150px
    }
/*     .productos .logo-detalle-marca.icono-vaquissima{
        width:350px;
        margin-left:-175px
    } */

    .productos .logo-detalle-marca.icono-thasia{
        width:300px;
        margin-left:-150px
    }

    .productos .logo-detalle-marca.icono-cornitos{
        width:300px;
        margin-left:-150px
    }
}