*:focus{outline: none}
body{ font-family: 'Raleway', sans-serif;}
body.preloader-site {overflow: hidden;} 
.preloader-wrapper {height: 100%; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 9999999; } 
.preloader-wrapper .preloader {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 320px; }

.fancybox-slide--iframe , .fancybox-content {
    background: #fff;
    width: 90% !important;
    height: 100% !important; ;
    max-width: 600px;
    max-height: 511px;
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100% !important;
    overflow: visible;
    padding: 0;
    width: 100% !important;
}
.navbar{background-color: #d13038; border: 0 }
.nav.navbar-nav {margin-left: 100px; }


.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover
{
	color: #fff;
  background-color: transparent;border-bottom: solid 3px #fff;
}

.dropdown-menu>.active>a:hover,
.dropdown-menu{background-color: #d13038; color: #fff}
.dropdown-menu>li>a {color: #fff}
.dropdown-menu>li>a:hover {font-weight: 900}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{ color:#fff; background-color:transparent;font-size: 14px; text-align: center;}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{color: #fff; background-color:transparent; text-transform: uppercase; text-align: center;border-bottom: solid 3px #d13038;}
.navbar-nav>li>.dropdown-menu{border: 0; border-radius: 0; text-transform: uppercase; }
.nav>li>a {padding: 15px 35px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle {background-color: transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {font-weight: 900; border-bottom: solid 3px #fff;}


.bd-placeholder-img {font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (min-width: 768px) {
.bd-placeholder-img-lg {font-size: 3.5rem; }
}



section{display: block; position: relative; overflow: hidden; padding: 0; margin: 0; }


#home_desk,#home_movil {display: none}
  body#desktop #home_desk{display: block;}
  body#mobile #home_movil{display: block;}


.owl-theme .owl-nav [class*=owl-]:hover{background: transparent;}
.owl-theme .owl-nav { margin-top: 0; }
main{background: url(../img/bghistoria.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bghistoria.jpg', sizingMethod='scale')";}
section#historia,
section#contacto {padding: 80px 0; }
section#contacto h3{margin-bottom: 30px }
section#historia .caja {background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 16px; padding: 5% 5% 2%}
section#historia h2 {font-size: 28px; text-shadow: -2px -1px 4px #000; margin-bottom: 25px;}

section#historia #mashistoria_icon,
section#historia #menoshistoria_icon {font-size: 40px; text-align: center; cursor: pointer; margin-top: 20px;}
section#historia #mashistoria_icon .fa,
section#historia #menoshistoria_icon .fa{ display: block; line-height: 24px;}
section#historia #mashistoria_icon em,
section#historia #menoshistoria_icon em{font-size: 16px; display: block;}


section#recetas {padding: 6% 0;}
section#recetas .caja {background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 16px; padding: 5% 5% 2%}
section#recetas .caja img { margin: 5% 5% 2%}

section#recetas .custom_overlay a i  {width: 30px; height: 30px; padding-top: 7px; }
section#recetas .list-inline>li {    padding-right: 2px; padding-left: 2px;}





.navbar-brand {padding: 0;    width: 100px; }
.navbar-brand>img {height: 80px; padding: 0; width: auto; position: absolute; top: 6px;z-index: 99; }

.owl-carousel {display: block; float: left; width: 100%; margin-top: 50px; }
.owl-carousel .owl-item {display: block; float: left; width: 100%; min-height: 200px; }
.owl-carousel .owl-item .item {display: block; float: left; width: 100%; position: relative; overflow: hidden; min-height: 200px;}
.owl-carousel .owl-item .item video {min-width: 100%; min-height: 100%;}

.owl-carousel .owl-dots {text-align: center; position: absolute; bottom: 5%; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {height:60px; width:21px;color: #fff;position:absolute; top:42%; font-size: 50px}
.owl-carousel .owl-nav button.owl-prev { left:2%;  }
.owl-carousel .owl-nav button.owl-next {right:2%; ;}


a:focus, a:hover, a {color:#fff;}
#formulario {margin-top: 50px;}
#formulario h3{color: #fff}
.btn[type="submit"],.btn-primary:active:focus{background-color: #d13038; border-radius: 0; border: 0; padding: 10px 50px; margin-top: 20px;}


footer{background-color: #d13038; color: #fff; padding: 15px 0;}
footer a>i.fa{font-size: 22px;}
h2,h3{text-align: center; text-transform: uppercase;color: #fff; text-shadow: -2px -1px 4px #000; }
#confirmacion,
#modal {display: none; width: 100%; max-width: 600px; padding: 0 0 40px 0; text-align: justify; border-radius: 3px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } 
#modal .fancybox-close-small {top: 15px; } 
#modal .content-header {border-bottom: 1px solid #eee; padding: 20px; } 
#modal .content-scroll {max-height: calc(100vh - 200px); overflow: auto; padding: 40px 20px 0 20px; }



#productos_section{background-image: url('../img/productos/bg.jpg');background-size: cover; padding: 90px 0;     min-height: 95vh;}
#productos_section a:hover {text-decoration: none;}


.fancybox-is-open .fancybox-bg{opacity:.95;}

/* NOVEDADES*/
#novedades.owl-carousel .owl-nav button.owl-prev { left:-7%;}
#novedades.owl-carousel .owl-nav button.owl-next {right:-7%;}


footer ul li a:hover{text-decoration: none;}
footer ul{margin: 0;padding: 0;}


@media (min-width: 768px) and (max-width: 992px) {
.nav>li>a {padding: 15px 20px; }
}
@media (max-width: 768px) {


footer,
footer .text-right
 {text-align: center;	}

#productos.owl-carousel .item img {display: block; max-height: 265px; margin: 0px auto; max-width: none; height: auto; width: auto; }
.nav.navbar-nav {
    margin-left: 0;
    text-align: center;
    width: 100%;
}

}
footer ul.icons-social  li a img {
    width:20px
}