@charset "UTF-8";

/* ************************************************************** */
/* Funciones globales */
/* Habrá que @import más adelante en un fichero */
/* ************************************************************** */
/* Calcula el tamaño de los hx */
/* usa: @include encabezados(#222222,2em,0.1em);*/
/* toma como valores por defecto 1.9 em y 0.2 em */
/* MODIFICACIONES */
/* 20210607 Importación del CSS en el tema NEVE */
/* 20201221 Corrección de errores */
/* 20210120 cambios en el childpages */
/* 20210209 cambios en el margenes y padding de modulo morado */
/* tamaños h1 - h6 */
/* @include encabezados($primary-color,2em,0.3em);
 en color primario / h1 a 2em / h2 a 1.7 em / h3 a 1.4em ...*/
/* ************************************************************** */
/* Zonas de la web */
/* ************************************************************** */
/* #headerwrap #main-nav #content #footer*/
#main-nav a {
  color: #ffffff; }

/* ************************************************************** */
/* Colores */
/* ************************************************************** */
/* Conjunto principal de colores */
/* Conjunto secundario de colores */
/* Color de los botones */
/* Reglas adicionales sobre los colores si el tema es oscuro */
/*$dark-theme: false !default;
@if $dark-theme {
  $primary-color: darken($primary-color, 60%);
  $accent-color: lighten($accent-color, 60%);
}*/
/* ************************************************************** */
/* Body */
/* ************************************************************** */
h2, h3, h4, h5 {
  font-weight: bold;
  /* color: $secondary-color;*/ }

/* Links */
a {
  color: #000000;
  /*text-decoration: none !important;*/ }

a:hover {
  color: #00355d; }

a:visited {
  color: darken #000000; }

.wp-block-column {
  margin-left: 30px; }

/* ************************************************************** */
/* Cabecera */
/* ************************************************************** */
/* Color del menú en la página actual-seleccionada */
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav ul a:hover {
  color: #000000; }

/* ubica el texto del sub menu a la izquierda */
.nav-ul .sub-menu li .has-caret, .nav-ul .sub-menu li > a {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left; }

/*Buscador en el menú*/
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  width: 250px;
  border-radius: 45px; }

/* oculta el banner del recaptcha v3 */
.grecaptcha-badge {
  visibility: hidden; }

/* ************ */
/* Categorías */
/* ************ */
/*Header*/
.header--row-inner.header-top-inner {
  height: 35px;
  font-size: 14px; }

/*Arriba del menú*/
.builder-item.hfg-start {
  margin-right: 50%; }

.builder-item.hfg-end {
  margin-left: 50%; }

/* woocommerce - Tamaño de imagen de categorías*/
.woocommerce ul.products li.product.product-category img {
  width: 95%;
  margin-right: 5px; }

.count {
  display: none; }

.woocommerce span.onsale {
  background-color: #00355d;
  padding: 3px 7px; }

h1.title.entry-title {
  margin-top: 5%; }

/* centra la imagen dentro de cada blog */
/* .nv-thumb-wrap img, .nv-post-thumbnail-wrap img {
    display: block !important;
  	margin-left: auto !important;
  	margin-right: auto !important;
} */
/*Botones del blog*/
.ultp-block-51d78c .ultp-pagination-wrap .ultp-pagination li a {
  background-color: #92afc4; }

/*Botones del blog*/
.ultp-block-51d78c .ultp-pagination-wrap .ultp-pagination li a, .ultp-block-51d78c .ultp-next-prev-wrap ul li a, .ultp-block-51d78c .ultp-loadmore .ultp-loadmore-action {
  background-color: #92afc4 !important; }

.ultp-block-51d78c .ultp-pagination-wrap .ultp-pagination li a:hover, .ultp-block-51d78c .ultp-pagination-wrap .ultp-pagination li.pagination-active a, .ultp-block-51d78c .ultp-pagination-wrap .ultp-pagination li a:focus, .ultp-block-51d78c .ultp-next-prev-wrap ul li a:hover, .ultp-block-51d78c .ultp-loadmore-action:hover {
  background-color: #00355d !important; }

/* quita la categoria */
div.category.nv-meta-list {
  display: none; }

/* quita la imagen destacada dentro de cada publicación del blog 
div.nv-thumb-wrap {
    display: none;
} */
/* ubicación del carrito flotante */
.xoo-wsc-basket {
  bottom: 135px;
  right: 5px; }

.woocommerce ul.products li.product a:not(.nv-quick-view-product) h2 {
  font-size: medium;
  font-weight: 600; }

/*categoría en la tienda*/
.body.woocommerce-page.desktop-columns-4 ul.products > li.product, body.woocommerce.desktop-columns-4 ul.products > li.product {
  margin-right: 2%;
  margin-top: 5%; }

/*Filtros en tienda*/
/*Cambio de tamaño para el botón de precio*/
.precio button.button {
  width: auto !important; }

/*Margen para los widget*/
.archive.woocommerce .neve-main > .shop-container .nv-sidebar-wrap .widget {
  padding: 20px;
  margin-bottom: 24px;
  background-color: rgba(146, 175, 196, 0.068);
  border-radius: 10px; }

/*Productos*/
/*Marge al lado de los productos*/
.product .nv-card-content-wrapper {
  margin-left: 20px;
  margin-right: 50px; }

.flex-break {
  margin-bottom: 10%; }

/*Tamaño del precio*/
.woocommerce ul.products li.product .price {
  font-size: 20px; }

/* corrige un fallo del tema que quita el tachado sobre los precios cuando estan en oferta */
.woocommerce ul.products li.product .price del {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

/*Tamaño de la caja de los productos*/
.woocommerce ul.products li.product .nv-product-image.nv-same-image-height {
  height: 320px; }

/*Botones*/
.woocommerce *:not(.woocommerce-mini-cart__buttons) > a.button, .woocommerce *:not(.woocommerce-mini-cart__buttons) > .button:not(.nv-sidebar-toggle):not(.nv-close-cart-sidebar):not([name="apply_coupon"]):not(.more-details):not(.checkout-button) {
  padding: auto;
  background-color: #00355d;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase; }

ul.page-numbers {
  margin-bottom: 40px !important; }

.woocommerce *:not(.woocommerce-mini-cart__buttons) > a.button, .woocommerce *:not(.woocommerce-mini-cart__buttons) > .button:not(.nv-sidebar-toggle):not(.nv-close-cart-sidebar):not([name="apply_coupon"]):not(.more-details):not(.checkout-button):hover {
  background-color: #00355d; }

/*Tienda*/
.col-md-4 {
  max-width: 100%; }

/*boton de productos*/
.woocommerce *:not(.woocommerce-mini-cart__buttons) > a.button, .woocommerce *:not(.woocommerce-mini-cart__buttons) > .button:not(.nv-sidebar-toggle):not(.nv-close-cart-sidebar):not([name="apply_coupon"]):not(.more-details):not(.checkout-button) {
  font-size: 12px;
  width: 200px;
  height: 50px; }

/* tamaño del boton del filtro precio en la tienda */
div.price_slider_wrapper button.button {
  width: 80px !important; }

/*Mensaje de color cuando añades al carrito*/
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  background: #92afc4; }

/*Botonos antes del carrito*/
.xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount {
  font-size: 14px;
  font-weight: 400; }

/*Cuadro de información*/
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
  background: #92afc4; }

/*Botón de deshacer*/
.woocommerce .woocommerce-message a, .woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-message a, .woocommerce-page .woocommerce-message::before {
  font-weight: 400; }

/*Miga del carrito*/
span.breadcrumb_last {
  display: none; }

/* galeria */
figure.wp-block-gallery.has-nested-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

input.cwg_popup_submit {
  display: none; }

p.stock.out-of-stock {
  display: none; }

/* ************************************************************** */
/* Botones normales y de formularios */
/* ************************************************************** */
/* botones normales y de formularios (PENDIENTE quitar los important) */
input[type="reset"], input[type="submit"], button {
  color: #ffffff;
  background-color: #92afc4;
  width: 250px;
  height: 55px;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #ffffff;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  /*tiempo en cambiar de color por hover*/
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.092), 0 6px 20px 0 rgba(0, 0, 0, 0.099);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.092), 0 6px 20px 0 rgba(0, 0, 0, 0.099);
  /* sombra */
  /*text-transform: uppercase; /*quitar si no quieres el texto en mayúscula*/ }

button whatsapp {
  background-color: #92afc4; }

/*Al pasar el cursor en los botones*/
button:hover {
  background-color: #00355d !important;
  -webkit-box-shadow: none;
          box-shadow: none; }

button.cboton1, button.ctelefono {
  background-color: #000000; }

button.cboton1:hover, button.ctelefono:hover {
  background-color: #92afc4 !important; }

/* altura de la caja de mensaje del formulario */
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 120px; }

/* ************************************************************** */
/* Fondos Contrastados */
/* ************************************************************** */
/* Header, footer, etc.*/
#slide-cart, .header-minbar .sidemenu, .header-leftpane #headerwrap, .header-rightpane #headerwrap, .header-slide-out #headerwrap, .header-slide-out .sidemenu, #headerwrap, #footerwrap {
  background-color: #bbbbbb !important;
  color: #00355d !important; }

/* ************************************************************** */
/* Header */
/* ************************************************************** */
#headerwrap a {
  color: #00355d; }

#site-logo a {
  color: inherit; }

#header {
  padding: .2em; }

/* ************************************************************** */
/* Color de scroll */
/* ************************************************************** */
.scroll-to-top {
  color: #ffffff;
  border-radius: 5px;
  background-color: #92afc4;
  width: auto;
  height: auto; }

.scroll-to-top:hover {
  color: #ffffff !important;
  background-color: #000000; }

/**Fondos de colores y tipografías**/
.tipo-ligth {
  font-size: 28px;
  font-weight: lighter;
  letter-spacing: 3px; }

.numeracion {
  font-size: 40px;
  font-weight: 800;
  color: #00355d; }

/*Fondo de color azul arriba*/
.fondo-azul {
  background-color: #92afc4 !important; }

/*Margen en todas las columnas*/
.wp-block-columns.alignwide {
  margin-block: 80px; }

/*ul li {
    list-style: none;
}*/
.unico ul li {
  list-style: disc; }

/*Menú*/
.my-account-component .sub-menu a {
  background-color: #ffffff !important; }

/* ************************************************************** */
/* Footer */
/* ************************************************************** */
/*categorias-footer*/
.categorias-footer li a:hover {
  color: #92afc4; }

/*Titulares en footer sin margen*/
.footer-centrado h4 {
  margin-bottom: 0; }

/*** Color de fondo y tipografía ***/
.footer--row .footer--row-inner, .footer--row .footer--row-inner .container .row {
  background-color: black;
  color: #ffffff; }

.footer-top-inner a:not(.button) {
  color: #ffffff; }

/*** Reduce el espacio en contacta con nosotros del footer*/
.widget {
  padding-bottom: 0;
  margin-bottom: 4px;
  margin-left: 0; }

.nv-payment-icons-wrapper {
  margin-bottom: 50px; }

/*añade el margen entre las columnas del footer*/
.offset-1 {
  margin-left: 3%; }

/*separación de columnas en el footer */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.columna {
  float: left;
  width: 25%;
  padding-right: 5px;
  margin: 5px 0 8px 0; }

.fila::after {
  content: "";
  clear: both;
  display: table; }

/*Color de enlaces en el footer*/
.footer-centrado a:hover {
  color: #92afc4; }

/*Código sku*/
span.sku_wrapper {
  display: none; }

/* ************************************************************** */
/* Movil */
/* ************************************************************** */
/* Clase para hacer modulo visible en Movil */
@media screen and (min-width: 0px) and (max-width: 991px) {
  .visible-movil {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .visible-escritorio {
    display: none; }
  .wp-block-column {
    margin-bottom: 5%;
    margin-left: 3%; }
  /* boton llamanos - ocultar en escritorio */
  a.ctelefono.boton.desktop {
    display: none; }
  /*  */
  .col-sm-12.nv-left.nv-sidebar-wrap.shop-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  /*  */
  .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  /* woocommerce - Ubicacion imagen producto individual  */
  .nv-single-product-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  /****Soluciona el listado de enlaces*/
  .woocommerce ul.products li.product {
    display: block; }
  div.wp-block-columns.visible-movil {
    margin-right: 3%; }
  /*Margen en tienda para productos*/
  .product .nv-card-content-wrapper {
    margin-left: 0px;
    margin-right: 0px; }
  /*tamaño del icono hamburguesa*/
  .menu-mobile-toggle item-button navbar-toggle-wrapper, button {
    width: auto !important; }
  /*** Logo en el menú ***/
  .builder-item--logo .site-logo img {
    max-width: 65px !important; }
  /*** logo para el footer***/
  .logo-footer {
    width: 100px; }
  .row {
    margin: 0 15px; }
  .iconos .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    -webkit-flex-basis: 0% !important;
        -ms-flex-preferred-size: 0% !important;
            flex-basis: 0% !important; }
  /* invertir la ubicacion de la imagen en movil */
  .invertir {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel, input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 250px; }
  /* Añadir margenes izquierdo y derecho de columnas con fondo en el movil */
  .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
    margin-left: 30px;
    margin-right: 30px; }
  .woocommerce div.product .product_title {
    margin-top: 45px; } }

/* FIN CONFIGURACIÓN MOVIL */
/* Clase para hacer modulo visible en Escritorio */
@media screen and (min-width: 992px) and (max-width: 3000px) {
  .visible-movil {
    display: none; }
  .visible-escritorio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  /* boton llamanos - ocultar en movil */
  a.ctelefono.boton.movil {
    display: none; }
  /****Soluciona el listado de enlaces*/
  .woocommerce ul.products li.product {
    display: table-cell; }
  /*Logo en el footer*/
  .logo-footer {
    width: 100px; }
  h1.container.shop-title {
    font-size: 3em !important; }
  /*Barra laterar tienda*/
  .archive.woocommerce.neve-main > .shop-container.nv-sidebar-wrap {
    max-width: 25%; }
  /*botón reservar*/
  input.cwg_popup_submit {
    margin-left: 20px; } }

/* FIN CONFIGURACIÓN ESCRITORIO */
/*botón reservar*/
input.cwg_popup_submit {
  background-color: #92afc4 !important; }

.texto-light {
  font-size: 24px;
  /*text-transform: uppercase;*/
  letter-spacing: 7px; }

/*margen antes del footer*/
.nv-index-posts, .nv-single-page-wrap, .nv-single-post-wrap {
  margin-bottom: 0; }

/*Botón de añadir al carrito*/
.wc-block-grid .wp-block-button .wp-block-button__link {
  color: #ffffff;
  background-color: #00355d;
  width: 180px;
  padding-top: 7%;
  padding-bottom: 7%;
  font-size: 13px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #ffffff;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  /*tiempo en cambiar de color por hover*/
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.092), 0 6px 20px 0 rgba(0, 0, 0, 0.099);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.092), 0 6px 20px 0 rgba(0, 0, 0, 0.099);
  /* sombra */
  text-transform: uppercase;
  /*quitar si no quieres el texto en mayúscula*/ }

.wc-block-grid .wp-block-button .wp-block-button__link:hover {
  color: #ffffff;
  background-color: #92afc4;
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none; }

/*Migas de pan en tienda*/
.woocommerce-breadcrumb {
  display: none; }

.nv-bc-count-wrap {
  display: none !important; }

/* Migas de pan categorías*/
.wc-block-product-categories-list-item-count {
  display: none; }

/*Margen arriba de titular de tienda*/
.nv-woo-filters {
  display: none; }

/*titular de tienda*/
.nv-sidebar-wrap.nv-left + .nv-index-posts:not(:only-child) {
  padding: 0 !important; }

article h1 {
  font-size: 35px;
  margin-bottom: 50px; }

/*tamaño de titular en productos página de inicio*/
.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product {
  font-size: 1.2em; }

/*Efecto titular*/
.titular1, .titular2 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: slidein;
          animation-name: slidein; }

/* Espacio bajo los títulos */
.titular h1, h2, h3, h4 {
  margin-bottom: 15px; }

@-webkit-keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; }
  to {
    margin-left: 0%;
    width: 100%; } }

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; }
  to {
    margin-left: 0%;
    width: 100%; } }

/* **************************************************************
   ******************* Animación Header DGF *********************
   ************************************************************** */
/*Posicionamiento de Contenedor DIV*/
div.Anim_Header {
  height: 20px;
  /*Altura de la caja que contiene el texto*/
  padding: 3px;
  margin: 10px 0;
  overflow: hidden;
  /*Ocultamos todo lo que está fuera de la caja*/
  line-height: 32px;
  /*Ajustamos la distancia entre los "li"*/ }

/*Añadimos la animación dentro de la Lista UL*/
div.Anim_Header ul {
  text-align: center;
  /*            Name   Duration Timing_Funct  Delay Iteration Fill_Mode*/
  -webkit-animation: anim_Header  9s        ease      1.7s  infinite  forwards;
          animation: anim_Header  9s        ease      1.7s  infinite  forwards;
  /*Nombramos a la animación, tiempo, retardo, etc...*/
  /*Prefijo para Mozilla FireFox*/
  -ms-transform: translateY(-9px);
  /*Prefijo para Internet Explorer, Edge*/
  /*Prefijo para Opera*/
  -webkit-transform: translateY(-9px);
  /*Prefijo para Chrome, Safari, Androi Browser*/
  transform: translateY(-9px);
  /*Posición inicial dentro de la caja*/ }

/*Animación de la Lista Desordenada (div.Anim_Header ul)*/
@-webkit-keyframes anim_Header {
  /*Generamos la animación*/
  0% {
    -ms-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    /*Parte de la misma posición que la inicial*/ }
  25% {
    -ms-transform: translateY(-41px);
    -webkit-transform: translateY(-41px);
    transform: translateY(-41px);
    /*Mostramos el texto segundo de "li"*/ }
  50% {
    -ms-transform: translateY(-73px);
    -webkit-transform: translateY(-73px);
    transform: translateY(-73px);
    /*Mostramos el texto tercero de "li"*/ }
  75% {
    -ms-transform: translateY(-41px);
    -webkit-transform: translateY(-41px);
    transform: translateY(-41px);
    /*Volvemos al texto segundo de "li"*/ }
  100% {
    -ms-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    /*Terminamos en la posición inicial, para generar el Loop completo*/ } }
@keyframes anim_Header {
  /*Generamos la animación*/
  0% {
    -ms-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    /*Parte de la misma posición que la inicial*/ }
  25% {
    -ms-transform: translateY(-41px);
    -webkit-transform: translateY(-41px);
    transform: translateY(-41px);
    /*Mostramos el texto segundo de "li"*/ }
  50% {
    -ms-transform: translateY(-73px);
    -webkit-transform: translateY(-73px);
    transform: translateY(-73px);
    /*Mostramos el texto tercero de "li"*/ }
  75% {
    -ms-transform: translateY(-41px);
    -webkit-transform: translateY(-41px);
    transform: translateY(-41px);
    /*Volvemos al texto segundo de "li"*/ }
  100% {
    -ms-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    /*Terminamos en la posición inicial, para generar el Loop completo*/ } }

/* *********************************************************************
   ******************* Animación H1(VINOTECAS) DGF *********************
   ********************************************************************* */
/*Posicionamiento de Contenedor DIV*/
div.Anim_Vinotecas {
  height: 145px;
  margin: 10px 0;
  overflow: hidden; }

/*Añadimos la animación dentro de la Lista UL*/
div.Anim_Vinotecas ul {
  /*            Name   Duration Timing_Funct  Delay Iteration Fill_Mode*/
  -webkit-animation: anim_Vinotecas  17s        ease      3s  infinite  forwards;
          animation: anim_Vinotecas  17s        ease      3s  infinite  forwards;
  list-style: none;
  -ms-transform: translateY(-35px);
  -webkit-transform: translateY(-35px);
  transform: translateY(-35px); }

/*Animación de la Lista Desordenada (div.Anim_Header ul)*/
@-webkit-keyframes anim_Vinotecas {
  0% {
    -ms-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  25% {
    -ms-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px); }
  50% {
    -ms-transform: translateY(-370px);
    -webkit-transform: translateY(-370px);
    transform: translateY(-370px); }
  75% {
    -ms-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px); }
  100% {
    -ms-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); } }
@keyframes anim_Vinotecas {
  0% {
    -ms-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  25% {
    -ms-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px); }
  50% {
    -ms-transform: translateY(-370px);
    -webkit-transform: translateY(-370px);
    transform: translateY(-370px); }
  75% {
    -ms-transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px); }
  100% {
    -ms-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); } }

/* **************************************************************
   *************************** Movil ****************************
   ************************************************************** */
/*Responsive de 960px hasta 990Px*/
@media screen and (min-width: 960px) and (max-width: 991px) {
  /*Añadimos la animación dentro de la Lista UL*/
  div.Anim_Vinotecas ul {
    -ms-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    /*animation:none;*/ }
  /*Animación de la Lista Desordenada (div.Anim_Header ul)*/
  @-webkit-keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-2px);
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px); }
    25% {
      -ms-transform: translateY(-125px);
      -webkit-transform: translateY(-125px);
      transform: translateY(-125px); }
    50% {
      -ms-transform: translateY(-240px);
      -webkit-transform: translateY(-240px);
      transform: translateY(-240px); }
    75% {
      -ms-transform: translateY(-125px);
      -webkit-transform: translateY(-125px);
      transform: translateY(-125px); }
    100% {
      -ms-transform: translateY(-2px);
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px); } }
  @keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-2px);
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px); }
    25% {
      -ms-transform: translateY(-125px);
      -webkit-transform: translateY(-125px);
      transform: translateY(-125px); }
    50% {
      -ms-transform: translateY(-240px);
      -webkit-transform: translateY(-240px);
      transform: translateY(-240px); }
    75% {
      -ms-transform: translateY(-125px);
      -webkit-transform: translateY(-125px);
      transform: translateY(-125px); }
    100% {
      -ms-transform: translateY(-2px);
      -webkit-transform: translateY(-2px);
      transform: translateY(-2px); } } }

/*Responsive de 501px hasta 990Px*/
@media screen and (min-width: 501px) and (max-width: 959px) {
  /*Añadimos la animación dentro de la Lista UL*/
  div.Anim_Vinotecas ul {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    /*animation:none;*/ }
  /*Animación de la Lista Desordenada (div.Anim_Header ul)*/
  @-webkit-keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }
    25% {
      -ms-transform: translateY(-150px);
      -webkit-transform: translateY(-150px);
      transform: translateY(-150px); }
    50% {
      -ms-transform: translateY(-280px);
      -webkit-transform: translateY(-280px);
      transform: translateY(-280px); }
    75% {
      -ms-transform: translateY(-150px);
      -webkit-transform: translateY(-150px);
      transform: translateY(-150px); }
    100% {
      -ms-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); } }
  @keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }
    25% {
      -ms-transform: translateY(-150px);
      -webkit-transform: translateY(-150px);
      transform: translateY(-150px); }
    50% {
      -ms-transform: translateY(-280px);
      -webkit-transform: translateY(-280px);
      transform: translateY(-280px); }
    75% {
      -ms-transform: translateY(-150px);
      -webkit-transform: translateY(-150px);
      transform: translateY(-150px); }
    100% {
      -ms-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); } } }

/*Responsive de 415px hasta 500Px*/
@media screen and (min-width: 415px) and (max-width: 500px) {
  /*Añadimos la animación dentro de la Lista UL*/
  div.Anim_Vinotecas ul {
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /*animation:none;*/ }
  /*Animación de la Lista Desordenada (div.Anim_Header ul)*/
  @-webkit-keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }
    25% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    50% {
      -ms-transform: translateY(-275px);
      -webkit-transform: translateY(-275px);
      transform: translateY(-275px); }
    75% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    100% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); } }
  @keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }
    25% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    50% {
      -ms-transform: translateY(-275px);
      -webkit-transform: translateY(-275px);
      transform: translateY(-275px); }
    75% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    100% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); } } }

/*Responsive hasta 414Px*/
@media screen and (max-width: 415px) {
  /*Añadimos la animación dentro de la Lista UL*/
  div.Anim_Vinotecas ul {
    /*              Name |  Duration | Timing_Func | Delay | Iteration | Fill_Mode*/
    -webkit-animation: anim_Vinotecas  20s         ease        3s     infinite    forwards;
            animation: anim_Vinotecas  20s         ease        3s     infinite    forwards;
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /*animation:none;*/ }
  /*Animación de la Lista Desordenada (div.Anim_Header ul)*/
  @-webkit-keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }
    25% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    50% {
      -ms-transform: translateY(-307px);
      -webkit-transform: translateY(-307px);
      transform: translateY(-307px); }
    75% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    100% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); } }
  @keyframes anim_Vinotecas {
    0% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }
    25% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    50% {
      -ms-transform: translateY(-307px);
      -webkit-transform: translateY(-307px);
      transform: translateY(-307px); }
    75% {
      -ms-transform: translateY(-140px);
      -webkit-transform: translateY(-140px);
      transform: translateY(-140px); }
    100% {
      -ms-transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); } } }

/* ************************************************************** */