@font-face {
    font-family: 'Bree';
    src: url('../fonts/original_BreeLight.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/original_BreeLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}   

@font-face {
    font-family: 'Bree';
    src: url('../fonts/original_BreeRegular.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/original_BreeRegular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}   

@font-face {
    font-family: 'Bree';
    src: url('../fonts/original_BreeBold.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/original_BreeBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}  

@font-face {
    font-family: 'SignPainter';
    src: url('../fonts/original_SignPainter-HouseScript_Regular.eot') format('embedded-opentype'), 
    url('../fonts/original_SignPainter-HouseScript_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}   
@font-face {
    font-family: 'SignPainter';
    src: url('../fonts/original_SignPainter-HouseScript_Bold.eot') format('embedded-opentype'), 
    url('../fonts/original_SignPainter-HouseScript_Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap'); */

body{
    font-family: Bree;
    font-size: calc(10px + 0.55vw);
}

#inicio{
    padding-top: 5rem;
}

#quesos div.titulo-subcat{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#quesos div.subtitulo{
    display: flex;
    flex-direction: row;
    align-items: center;
}

#quesos .subtitulo img{
    height: 4em;
    margin-bottom: 0.7em;
}

h3 span:nth-child(1) {
    margin-right: 0.5em;
}
h3 span:nth-child(2) {
    margin-left: 0.5em;
}

/* .menu-manus{
    font-family: Satisfy;
    text-transform: none;
    color:#164289;
    font-size: 18px;
} */

hr{
    margin-top: 0px;
}

h1{
    font-size: 55px;
    margin-top: 20px;
    margin-bottom: 5px;
}

/* .h1-manus{
    font-family: Satisfy;
    text-transform: none;
    color:#164289;
    font-weight: normal;
} */

.h1-normal{
    text-transform: uppercase;
    font-weight: normal;
    /*color:#002F82*/
    color:#D6C37E
}

/* Logra el fade-out del color activo */
/* .navbar-nav > li > a {    
    transition:color 2000ms;
}
.navbar-nav > li > a.active {    
    transition:none;
} */

.navbar-nav > li {
    float: none;
    vertical-align: middle;
    display: inline-block;
}

/* fin */

.thumbnail{
    border:0px;
}

.thumbnail .more {
    display: none;
    z-index:4;
    position:absolute;
    top:-150px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
	padding:5px;
	background-color:#d6c37e;
	border-radius: 5px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#164289;
    text-decoration:none;
	line-height: 70px;
    text-align: center;
}

.thumbnail:hover .more {
    display: block;
    top:55%;
    margin-top:-40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.thumbnail .mask {
    display: none;
    opacity:0.30;
    filter: alpha(opacity=25);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    position:absolute;
    border-radius: 15px;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.thumbnail:hover .mask {
    top:0;
    display: block;
}

.sintacc{
    position:absolute;
    top:0;
    left:0;
    padding:10px;
    z-index:1
}

.info-producto-datos {
    padding-right:20px;
}
.info-producto-datos p {
    padding-left:0;
	border-bottom:1px solid #D6C37E;
}
.presentacion{
    font-size: 15px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    line-height: 1.1;
}
.presentacion p{
	border-bottom:1px solid #D6C37E;
	text-decoration:underline;
	
}
#titulos-detalles {
    margin-top:5px;
    margin-bottom:0px;
}

#titulos-detalles .close {
    color:#D6C37E;
    margin-top:0px;
    font-size:30px;
    font-weight:800;
}

.close {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
}
#carousel-prod img{
    max-height: 380px;
    width: auto;
}
.carousel .item img{
    min-width: auto;
}

#ingredientes{
    font-size: 0.95em;
    padding: 0.7em 0;
    border-bottom: 1px solid #D6C37E;
}

#info_nutri{
    padding: 0.6em 0;
}
#cant_cons{
    margin-bottom: 5px;
}
.tabla-info{
    font-family: Lato;
    font-size: 0.7em;
    color: #164289;
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: separate;
}
.tabla-info td{
    /* padding: 2px;*/
    padding: 2px;
    border-bottom: 1px solid #D6C37E;
}

/**** Navbars ****/
.navbar {
    background-color: #FFF;
    border-bottom: 2px solid #D6C37E;
}
.nav-pad-right{
    padding-right: 3vw;
}
.brand-logo{
    margin-top: 0.15em;
    float:left;
    height: 3.6em;
    padding-left: 6vw;
}
.brand-logo > img{
    max-height: 3.8em;
}

.sello-sabor img{
    max-height: 3.5em;
}
.navbar .container{
    padding-right:35px;
}
.navbar-nav li a{
    color: #164289;
    font-weight: bold;
    font-size: 1.4em;
    padding: 0.1em 0.8em;
    line-height: initial;
    text-decoration: none;
}
.navbar-nav li a:hover{
    color: #0093D0;
    text-decoration: none;
    transition: none;
}

#menu-quesos{
    padding-right: 2em;
}
a.menu-subitem:hover{
    color: rgb(205,151,0);
}
.navbar-nav li a.active{
    color: rgb(205,151,0);
}

@media (min-width: 768px){
    .navbar-nav > li.border-ri {
        border-right: #009fe3 solid 1px;   
    }
}
.navbar-fixed-top{
    background-color: #FFF;
    border-bottom: #E9E9E9 1px solid;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #FFF;
}
/**** Controls ****/
.controls .btn {
    background-color: transparent;
    text-transform: uppercase;
    font-size: 1em;
}
.controls .active{
	background-color: #28559e;
    border-radius: 0.5em;
}
.controls button:focus{
    outline-style: none;
}
/**** End Controls ****/

/**** Listado Productos ****/
.title-cat{
    text-align: center;
    background-image:linear-gradient(to right,#D6C37E,#EFE7CE,#D6C37E);
    margin-bottom: 10px;
}

/**** End Listado Productos ****/

/**** Contacto ****/

.contacto {
    background: #c9e8fb;
}

.form-contacto {
    background-color:rgba(255,255,255,.8);
    padding:20px;
    margin-left:30px;
    margin-top:5px;
    border-radius:10px;
    border:1px solid #D6C37E;
}
#formContacto .btn-primary{
    background-color: #164289;
}
#formContacto .btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{
    color: #ffffff;
    background-color: #337cbb !important;
    border-color: #337cbb !important;
}

#detalle-productos div.mix {
    padding-top: 2em;
    padding-bottom: 2em;
}

/****  Flexslider  ****/
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 55px;
    content: '\f001';
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    line-height: 40px;
}
.flexslider .slides > li {
    background-position: center;
    height: 100%;
    width: 100%;
    display: none; 
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
    height: 100%;
}
.flexslider {
    margin: 0; 
    padding: 0; 
    width: 100%; 
    border: 0px; 
    overflow: hidden;
}


/**** Footer ***/
.logo-footer {
    width:250px;
}
.flex-footer{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.mr-auto{
    margin-right: auto;
}

.flex-footer p span{
    margin-right: 0.5em;    
}

.flex-footer a{
    color: #fff;    
}
div.dt-logo{
    background-color: #147dbc;
    border-top: #246eab 1px solid;
}
.dt-logo a{
    margin: 0.3em 0.8em 0.3em 0; 
    display: block;
}
.dt-logo img{
    opacity: 0.85;
    width: 21.5rem;
}
@media(max-width: 767px){
    .dt-logo img{
        opacity: 0.95;
        width: 17rem;
    }
}
.dt-logo img:hover{
    opacity: 1;
}
div.flex-footer p.mr-auto span:before {
    content: "";
    display: block;
    background: url('../images/secure.png') no-repeat;
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 0.2em;
}

.flex-ctr-vert{
    display: flex;
    align-items: center;
}
footer.section-primary{
    background-color:#fff !important;
    color:#164289;
}

.text-inverse{
    color:#164289 !important;
}

.datos-contacto{
    font-family: Lato;
}
.datos-contacto b{
    font-family: Baloo Thambi;
}


/*** Listado de prductos movil ***/
.dl-menuwrapper ul {
    background: #164289;
}

.dl-submenu li {
	background: #0093D0;
}

.dl-submenu .dl-back {
	background: #164289;
}

.dl-menu li {
	border-bottom:1px solid #fff;
}

.dl-menu.dl-animate-out-1 {
	animation: MenuAnimOut1 0.4s linear forwards;
}

.jingle{
    width: 80%
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s linear forwards;
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}



/*** MEGA MENU ***/
.mega-dropdown 
.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-radius: 0;
    border:none;
    font-family: 'Bree Serif';
}

.minim-dropdown-menu .nav > li > a{	    
    padding:10px 10px;
}

#navbar-menu-ppal > li > a{
    color:#D6C37E;
    
}
#navbar-menu-ppal > li.active > a{
    background-image:url(../images/bg_menu.png);
    color:#FFF;
}
#navbar-menu-ppal > li > a:hover{
    background-color: #D6C37E;
    color:#FFF;
}
.mega-dropdown .nav-list > li { 
    padding: 0px 15px 15px;
    margin-bottom:0px;
    vertical-align: top;
    list-style: none;
}

.mega-dropdown .nav-list > li:first-child { 
    border-left:none; 
}

.navbar-nav > .dropdown > a .caret{
    border-top-color:#D6C37E;
    border-bottom-color:#D6C37E;
}

.navbar-nav > .dropdown > a:hover .caret, .navbar-nav > .dropdown > a:focus .caret{
    border-top-color:#0093D0;
    border-bottom-color:#0093D0;
}

/** Submenu de productos**/
.mega-dropdown .tab-pane{
    margin-left:0px;
    padding-top: 10px;
	font-family: 'Bree Serif';
}

.tab-pane{
    background-image:url(../images/bg_menu.png);
	border-radius: 0 0 5px 5px;
    background-color: rgb(1,23,64);
}


.mega-dropdown .subnav-list{
    padding-left: 0px;
}
.mega-dropdown .subnav-list u{
    font-weight: 600;
}
.mega-dropdown .subnav-list > li{
    list-style: inside url(../images/list-item.png);
    text-align: left;
    color:#164289;
	border-bottom: 1px dotted #D6C37E;
}
.mega-dropdown .subnav-list > li > a{
    color:#D6C37E;
}
.mega-dropdown .subnav-list > li.active > a{
    color:#D6C37E;
}
.mega-dropdown .subnav-list > li > a:hover { 
    text-decoration: none;
    color:#FFF;
    /*padding:3px;*/
    
}
.mega-dropdown .nav-list > li > a > span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.dropdown-menu{
    background-color: #fff;
    border: none;
    font-size: 1em;
}
.navbar-nav > li > .dropdown-menu{
    min-width: 9em;
    border-radius: 2px;
    opacity: 0.93;
}
.subnav-list li{
	padding:3px 2tap-pane
	px;
}

.subnav-list span {
	color: rgb(1,23,64);
	background: #D6C37E;
	border-radius: 2px;
	padding:0 5px 2px 5px;
}

/*** Desplegable Producto ***/
.panel-title a{
    list-style: none;
    text-align: left;
    color: #164289;
}
.panel-title a:hover{
    background-color: #D6C37E;
    color: #164289;
}
.panel-group .panel-default > .panel-heading{
    background-color:#D6C37E;
}


/*** REDES SOCIALES CONTACTO ***/
.social-cto-container {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 28px;
    color:#fff;
}

.social-cto-container a{
    text-decoration: none;
    color:#fff;
}

.social-cto-container a:hover, a:focus{
    color:#fff;
}

/*** REDES SOCIALES TOP ***/
.social-top-container {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    padding:0;
    width:90px
}

.social-top-container a {
    text-decoration: none;
    color: #164289;
}

.social-top-icon-left{
    float:left;
    height:100%;
    padding:0;
    width: 44px;
    background-color: #D6C37E;
    border-right: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.social-top-icon-right {
    float:left;
    height:100%;
    padding:0;
    width: 45px;
    background-color: #D6C37E;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.3) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.3) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.3) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.descarga{
    color:#164289;
    border: 1px solid #D6C37E;
    background-color: #fff;
}
.descarga:hover{
    background-color: #D6C37E;
}
.descarga:focus{
    color:#164289;
}


.catalogo{
    position: relative
}

/* Rolo adds */
img.fb-icon{
    height: 1.3em;
}
.no-gutter > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dropdown-menu{
    left: auto;
}

.header-spacer {
    flex: 1 1 auto;
}

.list-group-item-custom {
    position: relative;
    display: block;
}
.navbar-nav li a.menu-subitem{
    padding-left: 2em;
    padding-right: 0;
    position: relative;
    display: block;
}

p{
    font-family: Lato;
    font-size: 1.25em;
    color:#333;
}


.bg-alterna{
    background-image: linear-gradient(to right,#fff,#eee);
}

.bg-calidad{
    background: url(../images/bg_calidad.jpg) no-repeat;
}

h5{
    font-weight: normal;
}
.white{
    color: #FFF;
}

p.cabecera-mes {
    font-size: 1em;
    color: #333;
}

/* Padding de las filas */
.pad-side-2{
    padding: 3em 5%;    
}

/* Padding de las columnas */
.pad-side-2  > [class*="col-"]{
    padding: 0 3%;    
}

div.header{
    height: calc(150px + 7.5vw);    
   background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.bg-novedades
{
    background:url(../images/bg_novedades.jpg) no-repeat;
}
.bg-nosotros
{
    background:url(../images/bg_nosotros.jpg) no-repeat;
}
.bg-interesado
{
    height: 200px;
    background-image:url(../images/bg-interesado.jpg);
    background-size: 100% 100%;
    padding-top: 15px;
}

.flat{
    
    text-align: center;
    background-color: #FFF;
    border: 0.12em solid #009fe3;
    border-radius: 0.3em;
    padding: 0.3em 0.5em 0.15em;
    margin-top: 2em;
    min-width: 6em;
}
button.flat, a.flat, div.flat p{
    font-family: Bree;
    font-size: 1.4em;
    font-weight: 500;    
    color: #009fe3;
}
div.flat{
    margin: 0;
    height: 5rem;
    width: 17rem;
}
div.flat-infop > a{
    font-family: Bree;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    color: #009fe3;
    
}
div.flat-infop{
    display: inline-block;
    background-color: #FFF;
    border: 0.12em solid #009fe3;
    border-radius: 0.3em;
    padding: 0.3em 0.5em 0.15em;
    margin-top: 2em;
    min-width: 6em;
}


.descubrir a.flat, #formContacto a.flat{
    margin: 0 1em;
}
#formContacto a.flat{
    min-width: 11em;;
}

a.flat:hover, a.flat:active, a.flat:focus,
div.flat-infop a:hover,div.flat-infop a:active,div.flat-infop a:focus
{
    text-decoration: none;
}
.marco-boton img{
    height: 2.5em;
}
div.custom-container{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.estirar{
    width: 100%;
}

.descubrir{
    height: calc(150px + 23.4vw);
    display: flex;
    align-items: center;
}
@media(min-width:1700px){
    .descubrir{
        background-size: cover;
    }
}

#resumen-novedades{
    background-position: center top;
    background-image: url(../images/slide-quesocrema.jpg);
    padding-left: 6vw;
    background-size: cover;
    height: calc(150px + 35vw);
}
@media(max-width:767px){
    #resumen-novedades{
        background-position: center top;
    }    
    #resumen-novedades h2{
        font-size: 2.1rem;
    }    
}

#resumen-novedades h2{
    margin-top: 0;
}


.col-centered {
    display: inline-block;
    float: none;
}
@media (max-width: 767px) {
    .col-centered-xs {
        display: inline-block;
        float: none;
    }
}
@media (min-width: 768px) {
    .col-centered-sm {
        display: inline-block;
        float: none;
    }
}



#conocenos{
    background-position: center center;
    background-image:url(../images/bg_conocenos.jpg);
    padding-left: 6vw;
}

#pais-entero{
    justify-content: flex-end;
    background-position: left center;
    background-image:url(../images/bg_pais.jpg);
    padding-right: 6vw;
}
@media (max-width: 1023px) {
    #pais-entero{
    background-position: center center;
    }

    .footer .col-xs-12{
        margin-top: 1.2em;
    }

    #quesos .titulo-subcat .dorado {
        margin-top: 0.5em;
    }
}

.marco-boton{
    display: inline-flex;
    align-items: center;
    margin-top: 1em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Bree';
    font-weight: bold;
    color: #164289;
}

h3{
    font-size: 2em;
}
h2{
    font-size: 2.25em;
}

#productos h3{
    font-family: SignPainter;
    margin-bottom: 0;
    margin-top: 10px;
}
#productos h4, #novedades h4{
    font-family: Bree;
    font-size: 2em;
    font-weight: bold;
    color: rgb(205,151,0);
    display: flex;
    flex: auto;
}

#productos h3 span
{ 
    height: 0.52em;
    width: 1.2em;
    display: inline-block;
}


.puntero-cat{
    height: 1.4em;
    width: 100%;
    background:url(../images/puntero-producto-cat.svg) center top no-repeat; 
    background-size: 1.4em;
}

#productos h4 span{
    display: flex;
    align-items: center;
    flex: auto ;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

div.linea{
    height: 3px;
    flex: auto;
    border-top:1px solid #bd8702;
    border-bottom:1px solid #ffffff;
}

#productos .item span{
    font-size: 1.2em;
    color: #0093D0;
}
#productos .item span:not(.reg)::before, #productos .item span:not(.reg)::after{
    content: " · ";
    color: #cb9700;
    font-weight: bold;
}
#productos .item img{
    margin: 0 auto;
}

#productos .item span.light{
    color: #84b151;
}
#productos .item span.clasico{
    color: #28559e;
}
#productos .item span.entero{
    color: #333;
}
#productos .item span.leche-azul{
    color: #0097cb;
}
#productos .item span.leche-verde{
    color: #84b151;
}
#productos .item span.especias{
    color: rgb(203,151,0);
}
#productos .item span.reg{
    font-weight: 600;
}

#novedades .separador h4{
    display: flex;
}
#novedades .separador h4 img{
    width: 3.5em;
    margin: 0 1em;
}
.header-productos .controls{
    color: white;
    padding: 0 5%;
    height: 100%;
}
.fondo-menu{
    background-color: #04aad8;
    width: 100%;
    height: 3.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scrolling-wrapper {  
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.controls button{
    flex: 0 0 auto;
    text-align: center;
    cursor: default;
    color: white;
    background-color: transparent;
    box-sizing: border-box;
    border-style: none;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: 0 0.8em;
    margin: 0.32em 0;
    
}

div.header-productos{
    height: calc(100px + 20vw);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-image: url(../images/header-quesos.jpg);
    background-position-x: left;
    background-position-y: center;
    background-size: cover; 
}

.header-productos h1{
    color: #FFF;
    font-size: 5em;
}
.header-productos .cabecera-productos{
    margin: auto;
}

#productos .apto{
    margin-top: 2em;
    display: flex;
    justify-content: center;
}
#productos .apto img{
    width: 100%;
}

.oro{
    color: rgb(205,151,0);
}

.check{
    width: 2.6em;
    float: left;
    margin-right: 0.8em;
}
.mt1{
    margin-top: 1em;
}
.mt2{
    margin-top: 2em;
}

.p0{
    padding: 0;
}
/* Arabesco titulo izquierda */
#quesos h3 span:nth-child(1) {
    margin-left: 0.2em;
    margin-right: 0.3em;
    background:url(../images/arabesco-h.svg) left top no-repeat; 
    background-size: contain;
}

/* Arabesco titulo derecha */
#quesos h3 span:nth-child(2), #titulos-detalles h3 span {
    margin-left: 0.3em;
    margin-right: 0.2em;
    background:url(../images/arabesco-h-der.svg) right top no-repeat; 
    background-size: contain;
}

/* VER */
h3 > span > img{
    height: 0.85em;
    margin-top: -0.15em;
}

.footer
{	
    padding: 3rem 2rem 3rem;
    background-image: linear-gradient(to bottom,#2855a3,#147dbc);
    color:white;
}	

.footer p
{			
    color:white;
    font-size:1em;	
    line-height: 1.6em;
}	

.footer ul
{	
    list-style-type: none;
    list-style-position: outside;
    font-size:1em;
    padding-left: 0.5em;
}		

.footer li a
{			
    font-family: Lato;
    font-size: 1em;
    text-decoration: none;
    color:white;
    line-height: 2em;
}	

.footer-top
{	
    background-image: linear-gradient(to right, rgb(25,81,160),rgb(20,31,54));
    padding:20px;
    display: flex;
    justify-content: center;
}	

.dorado
{
    background-image:url(../images/dorado.jpg); 
    background-size:cover;
    height: 0.3em;
    flex: auto;
}
.dorado-x2
{
    height: 0.6em;		
}
#quesos .titulo-subcat .dorado
{
    height: 0.45em;		
}

.blue
{
    /*color: #9db9df;		*/
    color: #b0c8e8;
}


/* MODAL WINDOW: DESCRIPCION DE PRODUCTO */
.modal {
    will-change: visibility, opacity;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1050;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: 230;
  }
  .modal--active {
    visibility: visible;
    opacity: 1;
  }
  .modal--align-top {
    align-items: flex-start;
  }
  .modal__bg {
    background: transparent;
  }
  .modal__dialog {
    max-width: 80vw;
    padding: 1.2rem;
  }
  .modal__content {
    will-change: transform, opacity;
    position: relative;
    padding-bottom: 1rem;
    background: #FFF;
    background-clip: padding-box;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
    opacity: 0;
    transition: all 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .modal__content--active {
    opacity: 1;
  }
  .modal__close {
    z-index: 1100;
    cursor: pointer;
  }
  .modal__trigger {
    display: inline-block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
    user-select: none;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .modal__trigger--active {
     z-index: 10; /* 10 */
  }

  #modal__temp {
    will-change: transform, opacity;
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* top: 80px;
    left: 80px;
    right: 80px;
    bottom: 80px; */
    background: #f0efeb;
    /* background:rgba(255, 255, 255, 0.3); */
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    transition: opacity 0.1s ease-out, -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .demo-close {
    position: absolute;
    top: 0;
    right: 15px;
    margin: 1.2rem;
    padding: 0.6rem;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .demo-close svg {
    width: 24px;
    fill: #fff;
    pointer-events: none;
    vertical-align: top;
  }
  .demo-close:hover {
    background: rgba(0,0,0,0.6);
  }

  .logo img:hover {
    -webkit-transform: rotate(180deg) scale(1.1);
            transform: rotate(180deg) scale(1.1);
  }

  /* FIN MODAL WINDOW */

.next-menu{
    left: 100%;
    top: 0;
    height: 100%;
    background-color: #dedacf;    
    margin-top: 0;
    border: none;
    
    /* from bootstrap dropdown-menu class */
    position: absolute;   
    z-index: 1000;
    display: none;
    float: left;
    min-width: 9em;
    padding: 0.5em 0;
    list-style: none;
    text-align: left;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.next-menu.active{
    display: block;
}


div.next-menu ul{
    list-style: none;
    padding-left: 0;
}
.panel{
    margin-bottom: 0;
}

div.expandible{
    display: none;
}

#main-menu{    
    white-space: nowrap;
    padding: 0.2em;
    margin-top: 0.85em;
}

#main-menu a{
    font-weight: 500;
    font-size: 0.9em;
    margin-top: 0.3em;
}

div.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: initial;
    border-color: initial;
}

@media (min-width: 1024px){
    .brand-logo > img{
        max-height: 9em;
        -webkit-transition: max-height 0.4s ease;
        -moz-transition: max-height 0.4s ease;
        -o-transition: max-height 0.4s ease;
        transition: max-height 0.4s ease;
    }
    .brand-logo > img.minimo{
        max-height: 3.7em; 
    }
    #detalle-productos .mix .subtitulo, 
    #detalle-productos .mix > div.row:not(.titulo-subcat) {
        padding: 0 2em;
    }
}

.contacto .flex{
    font-size: 1.2em;
}

@media (max-width: 1440px){
    .container-full-height {
        min-height: 535px;
    }
}

@media (max-width: 767px){
    #formContacto a.flat{
        min-width: 7em;
    }
    
    .form-contacto {
        margin-left:0px;
        margin-top:10px
    }
    
    .flexslider{
        height: 640px;
    }
    
    .logo-footer {
        width:100%;
    }
    
    .datos-contacto {
        padding-top:20px;
        text-align:center;
    }
    
    .datos-contacto  b{
        text-decoration:underline;
    }
    .navbar-fixed-top{
        opacity: 0.92;
    }
    .modal__dialog {
        max-width: 100vw;
        padding: 1rem;
    }

    div.header {
        height: calc(85px + 7.5vw);

    }    
    #contacto div.header {
        background-position: center right;
    }
    #conocenos {
        background-position: left center;     
    }
    .navbar-collapse {
        padding: 0;
    }
}

@media (max-width: 640px){
    .container-full-height{
        min-height: 355px;
    }
    
    .flexslider{
        height: 355px;
    }
    
    .form-contacto {
        position:static;
        z-index:1;
        margin-left:0px;
        margin-top:0px;
        width: 100%;
    }
}

@media (max-width: 320px){
    .form-contacto {
        position:static;
        z-index:1;
        margin-left:0px;
        margin-top:0px
    }
    
    .logo-footer {
        width:100%;
    }
    
    .datos-contacto {
        padding-top:20px;
        text-align:center;
    }
    
    .datos-contacto  b{
        text-decoration:underline;
    }
    .jingle{
        width: 100%
    }
}

@media (max-width: 767px) {
    h2{
        font-size: 2.6em;
    }
    
    #productos h3 {
        font-size: calc(2px + 10vw);
    }
    /* #quesos h3 span:nth-child(1) {
        background:url(../images/arabesco-h-simple.svg) left top no-repeat; 
        background-size: contain;
    }
    #quesos h3 span:nth-child(2) {
        background:url(../images/arabesco-h-simple-der.svg) right top no-repeat; 
        background-size: contain;
    } */
    
    .header-productos h1{
        font-size: 3.5em;
    }    
}
@media (min-width: 768px) {
    h2{
        font-size: 2.9em;
    }
    #productos h3 {
        font-size: calc(2px + 6.7vw);
    }
}

.border{
    border-style: solid;
    border-width: 2em;
    border-color: lightskyblue;
}

/* Cuadros de productos */

@media (max-width: 767px){
    #cuadros-productos .col-xs-6{
        height: calc(39.68253968vw);    
    }
    #cuadros-productos{
        font-size: 0.8em;
    }
}
@media (max-width: 350px){
    #cuadros-productos{
        font-size: 0.7em;
    }
}

@media (min-width: 768px){
    #cuadros-productos .col-sm-4{
        height: calc(23vw);    
    }
}

#cuadros-productos h2{
    color: #FFF;
    font-family: SignPainter;
    font-size: 4em;
    margin-top: 0em;
}
@media (min-width: 1240px){
    #cuadros-productos h2{
        margin: 0.4em 0;
    }
}


#cuadros-productos div#cp-chocos h2{
    font-size: 3.8em;
}
.flat.white{
    color: #FFF;
    border-color: #FFF;
    background: transparent;
    margin-top: 0;
    font-size: 1.2em;
}

#cuadros-productos > div > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
}

#cuadros-productos > div:hover > div, 
#cuadros-productos > div:focus > div,
#cuadros-productos > div.active > div{
    display: flex;
}

#cuadros-productos #cp-quesos{
    background:url(../images/prod-1.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-untables{
    background:url(../images/prod-2.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-rallados{
    background:url(../images/prod-3.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-chocos{
    background:url(../images/prod-4.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-mantecas{
    background:url(../images/prod-5.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-leches{
    background:url(../images/prod-6.jpg) center center no-repeat; 
    background-size: cover;
}

#detalle-productos #quesos {
    background-color: #f2edd9; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #e2cf9c, #f2edd9, #f2edd9, #e2cf9c); /* Standard syntax (must be last) */
}

#detalle-productos #leches {
    background:url(../images/bg_leche.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #untables {
    background:url(../images/bg_prod-untable.png) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #rallados {
    background:url(../images/bg_prod-rallados.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #cremas {
    background:url(../images/bg_prod-cremas.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #dulces {
    background:url(../images/bg_prod-dulces.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #yogures {
    background:url(../images/bg_prod-yogures.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #mantecas {
    background:url(../images/bg_prod-manteca.jpg) left top no-repeat; 
    background-size: cover;
}

#cuadros-productos img{
    height: 2.2em;
}

/* Contactos */
#contacto img.clip-chat{
    width: 4em;
    margin-right: 0.5em;
}
.clip-chat h3{
    margin: 1em;
    font-size: 1.2em;
    font-weight: bold;
    color: #0698de;
}
.clip-chat img{
    max-width: 4.4em;
}
img.separador{
    width: 9em;
    margin: 2em 0 1em;
}
#contacto a.mail{
    font-size: 1.5em;
    font-weight: 500;
    color: #0698de;
}

#contacto a:hover .mail{
    font-size: 2.1em;
    font-weight: 500;
    color: #164289;
    text-decoration: none;
}
#contacto div.locaciones p {
    color: #575757;
}

#contacto div.locaciones{
    font-size: 0.75em;
     
}
#contacto div.locaciones h3{
    font-weight: bold;
    color: #164289;
    margin-bottom: 0;
}

@media (min-width: 768px){
    #formContacto{
        max-width: 90%;
    }
}

#contacto .form-control{
    font-size: 1em;
    font-family: Lato;
}

div.sello-flotante{
    position: relative;
    top: 60%;
    left: 12vw;
    z-index: 100;
}

div.sello-flotante img{
    width: 10em;
}

.titulo-container{
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}
div.almanaque{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 5em;
    width: 5em;
    padding: 0 1.6em;
    background: url(../images/contenedor-fecha.png) center center no-repeat;
    background-size: contain;
}

div.almanaque > p{
    font-family: Bree;
    line-height: 1.4em;
    font-weight: 500;
    color: white;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 0.35em;
}
div.almanaque > p span{
    font-size: 2em
}

#novedades .noticia {
    background-color: #f2f1e7;
    padding-top: 3.2em;
    padding-bottom: 4em;
}
#novedades .noticia .flat {
    font-size: 1.1em;
}

#novedades .noticia-ampliada {
    margin-bottom: 3em;  
}

#novedades .noticia-ampliada > p{
    margin: 0 0 3em 0;
}
.distribucion{
    background-color: #bce4fa;
    background-image: linear-gradient(to right, #bce4fa, #d1ecfc); /* Standard syntax (must be last) */
}

.distribucion .recuadro {
    text-align: center;
    margin-bottom: 2.5em;
}
.distribucion .flex-top{
    padding-right: 3.5em;
}
.distribucion .recuadro h3{
    border-radius: 0.5em;
    background-color: white;
    display: inline-block;
    padding: 0.5em 0.8em;
}

.distribucion .linea-azul{
    height: 3px;
    flex: auto;
    border-top:1px solid #04aad8;
    border-bottom:1px solid #ffffff;
    width: 70%;
    margin: 1em 0;
}

/* #leches  */
.imagen-final{
    margin-top: 3em;
    width: 40em;
    max-width: 100%;
    padding: 1em 0 2em 0;
    background: url(../images/bg_img-final.png) top repeat-x;
}
.imagen-final img{
    align-content: center;
    width: 100%;
}

.flex-center{
    display: flex;
    justify-content: center;
}

.flex-top{
    display: flex;
    justify-content:space-between;
    align-items: flex-start;
}
.distribucion img.itemlogo {
    display: block;
    max-width: 100%;
    width: 5em;
    height: auto;
    margin-right: 1.3em;
}
.distribucion h4{
    font-size: 1.7em;
    font-style: italic;
}

h3 span.normal{
    font-weight: 500;
}

.cinta3d{
    position: relative;
    margin: 3em 0 2em;
}

.sombrita img {
    width:100%;
}

.staff{
    display: flex;
    flex-direction: row;
}
@media (max-width: 767px){
    .staff{
        flex-direction: column-reverse;
    }
}

.staff-izq{
    padding: 3em 2em 4em 4em;
    background: url(../images/bg_staff_i.jpg) right top no-repeat;
    background-size: cover;
}
.staff-der{
    padding: 2.2em 2em 2em 2em;
    background: url(../images/bg_staff_d.jpg) left top no-repeat;
    background-size: cover;
}
.staff p{
    color: #FFF;
}

.staff h3{
    color: #cb9700;
}

p.italic{
    font-size: 1.25em;    
    font-style: italic; 
    color: #04aad8;
    padding-right: 2em;
}
.staff-izq td{
    padding: 0.3em;
}
.staff-izq table{
    width: 27em;
}

#quienes-somos p{
    padding-top: 0.3em;
    padding-bottom: 0.7em;
}

.navbar-nav{
    padding-right: 1.5em;
    margin: 0.25em 0;
}
@media (min-width: 768px) and (max-width: 1023px){
    .navbar-nav{
        padding-right: 0.8em;
        margin: 0.4em 0;
    }
    .navbar-nav li a {
        font-size: 1.22em;
    }
}

.navbar-fixed-top .flex{
    height: 4em;
}
.body-home{
    margin-top: 4em;
}

.marco-boton-cat {
	margin-top: 1em;
    
}

.marco-boton-cat .flat {
    margin-top: 2em;
	margin-left:1.5em;
	margin-right:1.5em;
	padding: 0.55em;
	position:relative;
	bottom: -0.5em;
}

#detalle-productos #chocos {
    background:url(../images/bg_choco.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #crema {
    background:url(../images/bg_prod-cremas.png) left top no-repeat; 
    background-size: cover;
}
.bg-contacto
{
    background:url(../images/bg_contacto.jpg) no-repeat;
}

.marco-boton-cat img {
    height: 3em;
}

.contenedor-catalogo{
    position: relative;
    margin: -1em -0 ;
    padding: 0!important;
}
@media(max-width: 767px){
    .contenedor-descubri{
    font-size: 0.85em;
    }
}


div.faja-cat {
	background:white;
    padding-top:1em; 
    padding-bottom:1em;
    height: 14em;
    justify-content: center;
    display: flex;
    align-items: center;
}

.catalogo {
	top: -2em; 
    margin-right: 2.25em;
    height: 100%;
    align-self: flex-start;
}
.catalogo img{
    height: 120%;
}

#titulos-detalles h3{
    font-size: 2.3em;
    margin-bottom: 0;
}
#info-producto h4{
    color: #164289;
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.7em;
    padding-top: 0.5em;
}
.info-producto-datos h5{
    font-size: 1.3em;
    margin-bottom: 0;
    padding-bottom: 0.2em;
    color: rgb(205,151,0);
    border-bottom: 1px solid #D6C37E;
}

.info-producto-datos .valor{
    font-family: Lato;
    font-size: 1.5rem;
    font-weight: normal;
    color: #333;
}
#titulos-detalles h3 span{
    height: 0.62em;
    width: 1.6em;
}
.presentacion img{
    max-width: 100%;
    max-height: 140px;
}

.presentacion span.pres{
    text-align: center;
    font-family: 'Bree';
    font-weight: bold;
    font-size: 1.4em;
    color: #164289;
}
.presentacion span.caja{
    font-family: 'Lato';
    font-size: 0.9em;
    color: #164289;
    text-align: center;
}
.flex-col{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.social-media{
    margin-top: 2em;
}

.social-media ul{
    list-style: none;
    padding-left: 0;
}
.social-media ul > li{
    display: inline-block;
}

.faja-contacto {
    background:white;
    align-items: center;
    padding-top: 1em;
	/* height: 11.5em; */
}
.marco-boton-cv {
	margin-top: 1.5em;
    display: flex;
}
.marco-boton-cv .flat {
	margin-left:1.5em;
	margin-right:1.5em;
	padding: 0.55em;
	position:relative;
	bottom: -0.5em;
}
.marco-boton-cv img {
    height: 3.5em;
}

.envio-cv{
    margin-top: 1.2em;
}
.envio-cv button{
    margin-left: 0.5em;
}
#info-producto #descripcion{
    font-family: Bree;
    color: #04aad8;
    margin-bottom: 2em;
}

.info-producto-panel1{
    padding: 0 2em;
}

.info-producto-panel1 .oro{
    font-weight: bold;
}

.center-by-margin{
    margin: 0 auto;
}
.apto-celiacos{
    width: 27rem;
}

/*Padding both Sides*/
.ps-2{
    padding: 0 2rem;
}
@media (max-width: 767px){
    .ps-2{
        padding: 0 1rem;
    }
}

/*margin abajo productos con TACC*/
.margin-ab{
    margin-bottom: 3em;
}

p.send-result{
    color: #164289;
    font-size: 2rem;
}
p.red{
    color:red;
}

p#uploaded-file{
    display: inline;
}

#file_cv{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    height: 100%;
}
form#formRrhh{
    display: inline-block;
}
    
@media (max-width: 767px){
    .navbar-collapse {
        height: 35rem;

    }
    .navbar-nav{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .navbar-toggle img{
        width: 4rem;
        opacity: 0.8;
    }
    .navbar-toggle{
        padding: 0;
        margin-top: .7rem;
        margin-bottom: 0;
    }
    .navbar-collapse.in {
        overflow-y: initial;
    }
    .navbar-nav li a {
        font-size: 1.9em;
        padding-left: 0.2em;
    }
    div.faja-cat {
        height: 11em;
    }
    .staff-izq {
        padding: 3em 2em;
    }
    .staff-izq table {
        max-width: 27em;
        width: 100%;
    }
    h3 {
        font-size: 1.9em;
    }
    h3 > span > img {
        height: 0.85em;
        margin-top: -0.15em;
    }
    #nosotros h3{
        margin-right: -0.4em;
        margin-left: -0.3em;
    }
}