/*!
Theme Name: tienda
Theme URI: http://underscores.me/
Author: Lukas Alarcon
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tienda
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

tienda is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @font-face{
   font-family:'wild_youth';
   src:url('../fonts/wild youth.otf');
}
.bienvenido_al_club h3{
  font-family:'wild_youth', sans-serif;
}
 select{
   display: block!important;
   background: #F0F0F0!important;
   border: none!important;
   margin-bottom: 15px!important;
   outline:none;
 }
 .row{
   display: flex;
   flex-wrap: wrap;
 }
 .row .col:not(.offset-m1){
   margin-left:0!important;
 }
 body{
   font-family: 'Lato';
   font-size:14px;
      line-height: 22px;
 }
 body#club{
   font-family: 'Barlow', sans-serif;
 }
 a, a:hover, a:focus, a:active{
   color:inherit;
   outline:none;
 }
 body, body *{
   margin:0;
   padding:0;
 }
 h1{
   font-weight: 800;
   font-size: 26px;
   line-height: 33px;
   margin-bottom:20px;
 }
 h2{
   font-size: 21px;
   font-weight: 800;
   line-height: 30px;
   margin-bottom:20px;
 }
 h3{
   line-height: 27px;
   font-size:19px;
   font-weight: 800;
   margin-bottom:20px;
 }
 h4{
   line-height: 25px;
   font-size:17px;
   font-weight: 800;
   margin-bottom:20px;
 }
 h5{
   line-height: 23px;
   font-size:15px;
   font-weight: 800;
   margin-bottom:20px;
 }
 h6{
   line-height: 19px;
   font-size: 13px;
text-transform: uppercase;
   font-weight: 800;
   margin-bottom:20px;
 }
.noscroll{
  overflow:hidden;
}
.hidden{
  display:none!important;
}
img{
  max-width: 100%;
}
.container_div{
  padding-left:5vw;
  padding-right:5vw;
}
.with_space{
  padding-top:80px;
  padding-bottom:80px;
}
.small_space{
  padding-top:40px;
  padding-bottom:40px;
}
.very_small_space{
  padding-top:20px;
  padding-bottom:20px;
}
@media(min-width:1400px){
  .container_div{
    padding-left: calc(50vw - 640px);
    padding-right: calc(50vw - 640px);
  }
}
.mobile{
  display: none;
}
@media(max-width:760px){
  .mobile{
    display: inline-block;
  }
  .desktop{
    display: none;
  }
}
.button-like{
  display: inline-block;
      padding: 9px 18px;
      text-transform: uppercase;
      font-weight: 300;
      cursor: pointer;
      font-weight: 500;
      letter-spacing: 0px;
      font-size: 14px;
      display: flex;
      justify-content: center;
      align-items: center;
 }
 .disabled{
   cursor:not-allowed;
   pointer-events:none;
   opacity:0.5;
 }
 .link-with-arrow{
   display: flex;
     align-items: center;
     font-weight: bold;
     margin-top:30px;
 }
 .link-with-arrow .fa{
   margin-right:15px;
   transition:all 0.66s ease;
 }
 .link-with-arrow:hover .fa{
   transform:translateX(10px);
 }
 .opacity_in{
   transition:all 0.66s ease;
   opacity:1;
   filter:blur(0px);
 }
 .release_effect .opacity_in{
   opacity:0;
   filter:blur(15px);
 }
 .bottom_in{
   transition:all 0.66s ease;
   opacity:1;
   filter:blur(0px);
   transform:translateY(0px);
 }
 .from_up{
   transition:all 0.66s ease;
   opacity:1;
   filter:blur(0px);
   transform:translateY(0px);
 }
 .release_effect .bottom_in, .release_effect.bottom_in{
   opacity:0;
   filter:blur(15px);
   transform:translateY(50px);
 }
 .release_effect .from_up{
   opacity:0;
   filter:blur(15px);
   transform:translateY(-20px);
 }
.relative{
  position: relative;
}
.button-like.disabled{
  background: #F0F0F0!important;
}
header{
  position: fixed;
  border-bottom: 2px solid #F0F0F0;
top: 0;
left: 0;
width: 100vw;
z-index: 100;
background: white;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
header ul{
  display: flex;
    align-items: center;
}
#dropdown_user{
      width: 170px!important;
      margin-top: 35px!important;
}
.dropdown-content li>a, .dropdown-content li>span {
    font-size: 16px;
    color: black;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}
header ul img{
  height: 30px;
width: auto;
margin-left: 15px;
cursor: pointer;
}
.logo, .branding{
  height: 80px;
}
.menu-header-menu-container{
  margin: 0 auto;
}
header ul li{
  text-transform: uppercase;
margin-right: 30px;
}
.destacado-flex{
  display: flex;
}
.destacado-flex img{
  width: 45vw;
height: 100%;
object-fit: cover;
min-width: 45vw;
}
.product-featured{
  flex: 1 auto;
padding: 5vw;
background: #F0F0F0;
}
@media(min-width:1400px){
  .product-featured{
    padding-right: calc(50vw - 640px);
  }
}
.product-featured .controls-flex{
  display: flex;
margin-top: 30px;
align-items: center;
    justify-content: space-between;
}
.product-featured .stock{
  display: none;
}
.price-display{
  color: #B9032C;
  font-weight: 500;
}
.small{
  font-size:12px;
  line-height:16px;
  font-weight: bold;
}
.cart-options{
    display: flex;
}
.quantity-holder{
  display:flex;
  margin-right: 10px;
  background: white;
}
.quantity{
  border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-weight: 600;
}
.buttons{
  display: flex;
flex-flow: column;
}
.buttons span{
  width: 30px;
      height: 25px;
      display: flex;
      border: 1px solid black;
      justify-content: center;
      align-items: center;
      font-size: 19px;
      font-weight: 600;
      cursor: pointer;
}
.buttons span:last-child{
  border-top:none;
}
.package{
  opacity: 0.5;
    margin-bottom: 10px;
}
.product{
  display: flex;
flex-flow: column;
align-items: center;
border: 1px solid rgba(0,0,0,0.2);
padding: 20px;
margin: 0px;
margin-top: 20px;
justify-content: flex-end;
position: relative;
height:100%;
text-align: center;
}
.discount-holder{
  display: flex;
  cursor:pointer;
flex-flow: column;
position: absolute;
top: 20px;
right: 40px;
border-radius: 50%;
background: #b9032c;
color: white;
width: 80px;
height: 80px;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: lighter;
line-height: 12px;
z-index: 10;
}
.discount-holder strong{
  font-size: 28px;
    line-height: 28px;
    font-weight: 500;
}
.discount-holder::before{
  position: absolute;
  content: "";
  height: 50%;
  width: 50%;
  background: inherit;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.product img{
  height: 200px;
    width: auto;
    margin-bottom: 5px;
}
.product h3, .product h1{
  margin-bottom:0;
}
.stock{
  color: #b9032c;
  margin-bottom:15px;
  font-weight: bold;
}
.dark{
  background: #2F2F2F;
  color: white;
}
footer .row{
  align-items: center;
}
footer .white{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .contacts{
  flex:1 auto;
  display: flex;
  justify-content: space-between;
  margin-right:60px;
}
footer ul{
  display: flex;
}
footer .col .fa{
  font-size: 25px;
margin-right: 30px;
}
footer .fa{
  font-size:18px;
  margin-right:5px;
}
footer ul li{
  padding-right: 7px;
margin-right: 7px;
border-right: 1px solid;
line-height: 15px;
font-size: 12px;
text-transform: uppercase;
}
footer ul li:last-child{
  margin:0;
  padding:0;
  border:none;
}
.flex{
  display: flex;
}
footer form{
  margin-top:20px;
}
footer img{
  width: 50%;
height: auto;
}
footer input{
  border: 1px solid white!important;
  color: white;
  background: transparent;
  margin-right: 10px!important;
  margin-bottom: 0!important;
  padding-left: 15px!important;
}
.dark .button-like{
  background: white;
  color:#2F2F2F;
  border:none;
}
.archive-banner{
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: relative;
}
.archive-banner img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.archive-banner h1{
  margin:0;
  text-transform: uppercase;
  font-weight: 300;
}
.filter-group{
  padding: 15px;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.filter-options{
  display: none;
}
.filter-group.open .filter-options{
  display: block;
}
.filter-options.visible-options{
  display: block;
      background: white;
      padding-bottom: 20px;
}
.filter-options.visible-options .disabled{
  display:none!important;
}
.filter-header{
  display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
 .sign{
  position: relative;
  width: 17px;
}
 .sign::before{
  width: 17px;
height: 2px;
background: black;
content: "";
display: block;
transform: translateY(2px);
}
.open .filter-header{
  font-weight: bold;
}
 .sign::after{
  width: 17px;
  height: 2px;
  background: black;
  content:"";
  transform:rotate(90deg);
  transition:all 0.33s ease;    display: block;
}
.open .sign::after, .active .sign::after{
  transform:rotate(0deg);
}
.filter{
  padding: 15px;
  padding-bottom:0;
  cursor: pointer;
  transition:all 0.66s ease;
}
.filter:hover{
  padding-left:25px;
}
.filters{
  width:300px;
  max-width:100%;
  margin-top: 20px;
}
.filters h5{
  padding: 15px;
  background: black;
  color: white;
  margin: 0;
  font-weight: 500;
}
.single-product{
  margin: 0 5vw 5vw;
/* background: #F5F4EF; */
position: relative;
}
.volver{
  position: absolute;
top: 80px;
left: 0;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
background: black;
color: white;
font-size: 22px;
}
.volver:hover{
  color:white;
}
.single-product img{
  display: block;
  margin: 0 auto;
  height: 650px;
  max-width: calc(100% - 100px);
  width: 100%;
  object-fit: contain;
}
.single-product .controls-flex{
  display: flex;
    margin-top: 30px;
    align-items: center;
    justify-content: space-between;
}
.single-product .controls-flex h1{
  margin:0;
}
.attributes{
  margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
.attributes h6{
      width: 100%;
      font-size: 13px;
}
.attribute{
  padding: 15px 0 0;
      font-size: 12px;
      line-height: 16px;
      width: auto;
      background: white;
      margin-bottom: 10px;
      height: auto;
      border: none;
      display: flex;
      margin-right: 40px;
          flex-flow: column;
}
.attribute img{
  height:30px;
  width:50px;
  object-fit: contain;
  object-position:left;
  margin:0;
}
strong{
  font-weight: bold;
}
.for_icons{
  margin-top: 80px;
text-align: center;
}
.for_icons .fa{
  width: 30px;
    height: 30px;
    border: 1px solid black;
    text-align: center;
    line-height: 30px;
    margin-left:-1px;
    cursor: pointer;
}
.single-product .brand{
  margin-bottom:20px;
}
.premios{
  padding:0 15px;
  background: white;
}
.premio{
  padding:15px 0;
  border-bottom:1px solid rgba(0,0,0,0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.premio:last-child{
  border-bottom: none;
}
.premio span{
  width:45%;
}
.wrap{
  position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -20;
    opacity:0;
    transition:opacity 0.66s ease;
}
.wrap.active{
  z-index: 101;
  opacity:1;
}
.underlay{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: -1;
}
.the_box{
  position: absolute;
top: 80px;
background: white;
padding: 30px;
width: 450px;
-webkit-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.75);
opacity:0;
transform:translateY(40px);
transition:all 0s ease;
left:auto!important;
right:5vw;
}
/* .the_box::before{
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  border-top: 5px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid white;
} */
.active .the_box{
  transform:none;
  opacity:1;
  transition:all 0.66s ease;
}
.item_wrap{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.item_wrap:last-child{
  border-bottom:none;
}
.item_wrap img{
  width: 50px;
height: 100px;
object-fit: contain;
object-position: left;
}
.item_wrap *{
  margin-bottom:0;
}
.catalogo .col{
  margin-bottom:50px;
}
.product h3{
  height: 90px;
  overflow: hidden;
}
.js-open-cart{
  cursor: pointer;
}
.js-cart-badge{
  position: absolute;
top: -5px;
right: -11px;
width: 19px;
height: 19px;
background: #B9032C;
color: white;
line-height: 18px;
text-align: center;
border-radius: 50%;
font-size: 13px;
}
.item_wrap .titulo{
  font-size: 13px;
text-transform: uppercase;
line-height: 14px;
height: 13px;
overflow: hidden;
}
.item_wrap .package{
  font-size: 12px;
line-height: 25px;
}
.item_wrap .price{
  font-weight: bold;
color: #B9032C;
font-size: 21px;
line-height: 22px;
}
.item_wrap .qtty{
  flex: 1 auto;
  display: flex;
  justify-content: flex-end;
  margin-left: 15px;
  margin-right: 15px;
  font-weight: bold;
  font-size: 15px;
}
.cart-checkout .display {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-right: none;
}
.totals h3{
  line-height: 18px;
font-size: 17px;
font-weight: normal;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid rgba(0,0,0,0.2);
display: flex;
justify-content: space-between;
}
.totals h3:last-child{
  border-bottom:none;
  font-weight: bold;
}
.cart-big .item_wrap:last-child{
  border-bottom:none;
}
.the_box .button-like{
  margin-top: 20px;
}
.brand-bg{
    background: #B9032C;
}
#club .brand-bg{
  background: #A02D45;
}
.current-menu-item{
  color: #B9032C;
}
.brand-color{
  color: #B9032C;
}
#club .brand-color{
  color:#A02D45;
}
.delete_vino{
  cursor:pointer;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.black{
  background: #2F2F2F!important;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.scroll-part{
      max-height: calc(100vh - 400px);
      overflow-y:scroll;
      padding-right: 20px;
}
.totals{
      padding-top: 15px;
}
.cart-big, .cart-checkout{
      background: #F0F0F0;
}
#club .cart-big,#club  .cart-checkout{
      background: #F0F4F7;
}
.cart-big .cart-content{
  background: white;
padding: 15px;
margin-top: 50px;
}
.totals-big-cart{
  margin-left: 20px;
  margin-top: 50px;
}
.totals-big-cart .white{
  padding: 30px;
margin-bottom: 15px;
}
.totals-big-cart .totals.first{
  margin-bottom:30px;
}
.totals-big-cart .totals.second{
  margin-top:30px;
}
.totals-big-cart .flex{
  justify-content: space-between;
}
.totals-big-cart .flex .button-like{
  width:47%;
}
.cart-big .item_wrap img {
    width: 60px;
    height: 130px;
}
.cart-big .item_wrap .price{
  margin-right: 20px;
}
.qtty-controls-cart{
  border: 1px solid black;
display: flex;
flex-flow: column;
flex-wrap: wrap;
height: 40px;
line-height: 40px;
width: 60px;
}
.display{
  display: inline-block;
width: 30px;
text-align: center;
border-right: 1px solid black;
}
 .remove-uno{
  display: inline-block;
height: 50%;
line-height: 18px;
font-size: 13px;
text-align: center;
width: 29px;
border-top: 1px solid black;
cursor: pointer;
}
.input-field>label:not(.label-icon).active {
transform: translateY(-19px) scale(0.8);
}

 .add-uno{
  display: inline-block;
height: 50%;
line-height: 18px;
font-size: 13px;
text-align: center;
width: 29px;
cursor: pointer;
}
form.coupon{
  margin:20px 0;
  display: flex;
  justify-content: space-between;
  opacity:0;
  height:0;
  max-height:0;
  overflow:hidden;
  transition:all 0.66s ease;
}
form.coupon.active{
  max-height:100px;
  opacity:1;
  height:auto;
}
.js-check-coupon{
      min-width: 150px;
}
input{
  margin: 0!important;
border: 1px solid black!important;
box-shadow:none!important;
padding-left: 15px!important;
max-width:calc(100% - 15px)!important;
}
.message.success{
  padding:15px;
  background: #B9032C;
  color:white;
}
.cart-checkout .delete_vino{
  display: none!important;
}
.step{
  background: white;
  margin-bottom:15px;
}
.step-header{
  cursor: pointer;
  padding:10px 20px;
  position: relative;
}
#club .step{
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.active .step-header{
  color: white;
  background: black;
}
#club .active .step-header{
  background: #A02D45;
}
.step-content{
  padding:10px;
}
.input-field{
  width: 400px;
  margin: 10px auto 20px;
  max-width: 90%;
}
.step-header h3{
  margin:0;
}
form label{
    position: static!important;
    display: block!important;
    font-weight: bold!important;
    transform: none!important;
}
form.checkout{
    margin-top: 50px;
}
#club form.checkout{
  padding: 30px;
background: white;
}
form.checkout input, form.register input{
  width: calc(100% - 15px)!important;
  background: #F0F0F0!important;
  border: none!important;
  margin-bottom: 5px!important;
}
.step .button-like{
  display: block;
  width: 400px;
  margin: 10px auto;
  max-width: 90%;
  text-align: center;
}
.step.disabled{
  opacity: 1!important;
cursor: pointer;
pointer-events: all;
}
.step.disabled .step-content{
  display: none!important;
}
.validate.error, .error-rut{
  background: rgba(185, 3, 44, 0.2)!important;
}
.step .fa-check{
  display:none;
}
.step.passed .fa-check{
  display: inline-block;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    color: white;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.step.passed .button-like{
  display: none;
}
.step.passed .step-content{
  display:none!important;
}
.step.passed .input-field{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom:0;
}
.step.passed .input-field label{
  margin:0;
  width:45%;
}
.step.passed .input-field input{
  margin: 0!important;
    flex: 1 auto;
    margin-left: 10px!important;
}
.step.passed .step-content {
    padding: 0 0 20px;
}
input[type="checkbox"]{
  position: static!important;
    display: inline-block!important;
    opacity: 1!important;
    margin: 0!important;
    width: auto!important;
    pointer-events: all!important;
    cursor: pointer!important;
    margin-right:10px!important;
}
.input-field .flex{
  align-items: center;
}
.input-field .flex label{
  width:auto!important;
  flex:1 auto;
}
.copy_final_totals{
  width: 500px;
  max-width:90%;
  margin:20px auto;
}
.message.error{
  padding: 15px;
  margin: 10px 0;
  color: #B9032C;
  background: #ffcc80;
}
.cart .despacho-price-message, .cart-big .despacho-price-message{
  display: none!important;
}
#wp-submit{
  display: block;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  text-align:center;
  background: #B9032C!important;
  color:white;
  border:none!important;
  margin:20px 0!important;
  padding: 9px 18px;
  width:100%!important;
  max-width:100%!important;
}
.separated-paragraph{
  margin-top: 15px;
  border-top: 1px solid rgba(0,0,0,0.2);
  padding-top: 10px;
}
.the_box.log::before{
      left: 47%;
}
.login_checkout{
  width:500px;
  max-width:90%;
  margin:15px auto;
}
.page-hero{
  height: 350px;
position: relative;
color: white;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
background: rgba(0,0,0,0.3);
}
.page-hero img{
  position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    text-transform: uppercase;
}
form.register .input-field{
  width:100%;
  max-width:100%;
}
form.register .button-like{
      display: inline-block;
}
form.register .centered{
text-align: center;
}
@media(min-width:1000px){
  .padded{
    padding:0 35px!important;
  }
}
.despacho-comment{
  background: rgba(0,0,0,0.05);
    padding: 10px;
    display: block;
    margin-left: auto;
    color: #B9032C;
    text-align: right;
}
.mi-cuenta{
  background: #F5F4EF;
}
#club .mi-cuenta {
  background: #F0F4F7;
}
.mi-cuenta h1{
  text-transform: uppercase;
  margin-bottom:40px;
}
.mi-cuenta .flex h1{
  text-transform:none;
  margin:0;
}
.mi-cuenta .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mi-cuenta .row.white{
      padding: 60px 30px;
}
.tab-option{
  display: block;
padding: 15px;
border-bottom: 2px solid #F5F4EF;
margin-right:40px;
cursor: pointer;
}
.tab-option:hover, .tab-option.active{
  background: #F5F4EF;
}
#club .tab-option:hover,#club  .tab-option.active{
  background: #A02D45;
  color:white;
}
.tab-option.active{
  font-weight: bold;
}
.the_tab{
  display: none!important;
  width: 700px;
    max-width: 90%;
    margin: 0 auto;
}
.the_tab.active{
  display:block!important;
}
.log_wrapper{
  background: white;
padding: 60px 30px;
}
.the_tab form{
  width: 100%;
max-width: 100%;
margin:0 auto;
}
.the_tab form input{
  border: 1px solid white!important;
  color: black;
  background: #F5F4EF!important;
  margin-right: 10px!important;
  margin-bottom: 0!important;
  padding-left: 15px!important;
}
.the_tab form select{
  background: #F5F4EF!important;
}
.the_tab .input-field{
  width:100%;
  max-width: 100%;
}
.the_tab form .button-like{
  width:250px;
  text-align: center;
  max-width:90%;
  margin:30px auto;
  display: block;
}
.single-pedido{
  margin-top: 20px;
  padding: 30px;
  background: white;
border-top: 2px solid #F5F4EF;
}
.right-aligned{
  text-align: right;
margin-bottom: 30px;
}
.single-pedido img{
  height: 120px;
  width: auto;
}
.single-pedido .price{
  margin: 0;
font-size: 18px;
line-height: 25px;
color: #B9032C;
}
.single-pedido .package{
  margin-bottom:5px;
}
.quantity-pedido{
  display: inline-block;
padding: 3px;
border: 1px solid black;
}
.single-pedido .button-like{
  max-width: 70%;
margin-left: auto;
margin-bottom: 10px;
}
.timeline{
  display: flex;
  margin-top:30px;
}
.point{
  width:33%;
  padding-top:30px;
  position: relative;
}
.point::before{
  content:"";
  width:17px;
  height:17px;
  background: #A02D45;
  border-radius: 50%;
  position: absolute;
  top:0;
  left:0;
}
.point:nth-child(2)::after{
  content: "";
    position: absolute;
    top: 8px;
    left: -100%;
    width: 100%;
    height: 2px;
    background: #A02D45;
}
.point:nth-child(3)::after{
  content: "";
    position: absolute;
    top: 8px;
    left: -100%;
    width: 100%;
    height: 2px;
    background: #A02D45;
}
.direction-part, .change-pass{
  padding: 30px;
  margin: 15px 0;
  border: 2px solid #F5F4EF;
}
.collapsible-header{
  position: relative;    font-size: 18px;
}
.collapsible-header .sign{
  position: absolute;
  top: 25px;
  right: 15px;
}
ul.collapsible{
  border: none;
box-shadow: none;
}
.active .collapsible-header{
  font-weight: bold;
}
.contacto .fa{
  font-size:25px;
  margin-right:20px;
}
.contacto h4{
  border-top: 1px solid rgba(0,0,0,0.2);
padding-top: 15px;
}
.contacto .contact-flex{
  display: block;
  padding-bottom: 15px;
}
.contacto .contact-flex:last-child{
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.welcome{
  background: rgba(0,0,0,0.8);
  z-index: 3;
  text-align: center;
  padding: 80px 40px;
  color: white;
}
.welcome-page{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.welcome-page .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.welcome .logo{
  margin-bottom:30px;
}
.welcome .options{
  margin-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.welcome .options .button-like{
  border:2px solid white;
  margin:0 10px;
  width:100px;
  text-align:center;
}
.page-id-46 header, .page-id-46 footer{
  display: none!important;
}
.pago-rechazado{
  padding: 60px 30px;
background: rgb(244, 191, 100);
color: white;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 30px;
display: flex;
flex-flow: column;
align-items: center;
}
.pago-rechazado .button-like{
  margin-top:40px;
}
.row.centered{
  justify-content: center;
}
.filter.active{
  padding-left: 25px;
  font-weight: bold;
  color: #b9032c;
}
@media(min-width:600px){
  .totals-big-cart.sticky{
    /* position: fixed;
    top: 100px; */
  }
}
form.checkout input[type="checkbox"]{
      width: 40px!important;
}
.search_wrap{
  position: fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  opacity:0;
  z-index:-100;
  transition:opacity 0.66s ease;
}
.search_wrap.active{
  opacity:1;
  z-index:101;
}
.search_form{
  height: 100px;
  transform:translateY(-100px);
display: flex;
justify-content: space-between;
align-items: center;
background: white;
transition:transform 0.66s ease;
}
.search_wrap.active .search_form{
  transform:none;
}
.search_form .button-like{
  margin: 0 5vw 0 15px;
}
.search_form .button-like .fa{
  margin-left:15px;
}
.js-close-this{
  width: 40px;
height: 40px;
line-height: 40px;
background: black;
color: white;
text-align: center;
font-size: 20px;
cursor: pointer;
}
.product_col{
  margin-bottom:30px;
}
.active-filters-wrap{
  display: none;
  margin:15px 0;
}
.active-filters-wrap.active{
  display:block;
}

.active-filters-wrap p{
  padding: 5px;
background: rgba(0,0,0,0.1);
cursor: pointer;
}
.active-filters-wrap .js-clean-filters{
background: rgba(0,0,0,0.2);
}
.search_small_wrap{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 15px;
}
header input{
  border:none!important;
  border-bottom:1px solid black!important;
  padding-left:5px!important;
}
#nav-icon4 {
 width: 30px;
 height: 18px;
 margin-left:15px;
 position: relative;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 cursor: pointer;
}
#nav-icon4 span {
 display: block;
 position: absolute;
 height: 2px;
 width: 100%;
 background:black;
 border-radius: 5px;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .25s ease-in-out;
 -moz-transition: .25s ease-in-out;
 -o-transition: .25s ease-in-out;
 transition: .25s ease-in-out;
}
#nav-icon4 span{
  background:black;
}
#nav-icon4 {
}
#nav-icon4 span:nth-child(1) {
 top: 0px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
 top: 8px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
 top: 16px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 0px;
 left: 0px;
 width:30px;
}

#nav-icon4.open span:nth-child(2) {
 width: 0%;
 opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 top: 21px;
 left: 0px;
 width:30px;
}

#nav-icon4{
  display: none;
}
@media(max-width:1050px){
  .search_small_wrap{
    position: fixed;
    top: 10px;
    right: 5vw;
    width: 50vw;
}
.icon-links{
    margin-top: 60px;
}

  #nav-icon4{
    display: inline-block;
    margin-top: 55px;
  }
  header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .menu-header-menu-container{
    position: fixed;
    top: 110px;
    left: 100vw;
    width: 100vw;
    height: calc(100vh - 110px);
    background: white;
    padding: 5vw;
    opacity: 0;
    transition:all 0.66s ease;
  }
  .menu_open .menu-header-menu-container{
    left:0;
    opacity:1;
  }
  .menu-header-menu-container ul{
    flex-flow: column;
    align-items: flex-end;
  }
  .menu-header-menu-container ul li{
    margin-bottom:30px;
  }
  .icon-links{
    flex:1 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 20px;
  }
  header ul img {
    height: 22px;
    width: auto;
    margin-left: 9px;
    cursor: pointer;
  }
  .single-product .controls-flex {
    display: flex;
    margin-top: 30px;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column;
}
.attribute {
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 15px;
    width: 50%;
    background: white;
    margin-bottom: 10px;
    height: auto;
}
}
@media(max-width:670px){
  .destacado-flex {
    display: flex;
    flex-flow: column;
}
.destacado-flex img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    min-width: 45vw;
}
footer img {
    width: 50%;
    height: auto;
    margin: 0 auto 20px;
    display: block;
}
footer .icons{
  margin:30px auto;
  text-align: center;
}
footer .white {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
}
footer .contacts {
    flex: 1 auto;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    flex-flow: column;
    align-items: center;
}
footer .contacts a{
  margin-bottom:30px;
      text-align: center;
}
}
@media(max-width:520px){
  .the_box{
    width: 90vw!important;
  }
  .totals-big-cart {
    margin-left: 0;
    margin-top: 50px;
}
.item_wrap {
    flex-wrap: wrap;
  }
  .item_wrap .data{
        width: calc(100% - 100px);
  }
  .step-content {
    padding: 15px;
  }
  .col{
    padding:0!important;
  }
  .cart-checkout .row{
    flex-flow:column-reverse;
  }
  .totals-big-cart {
    margin-left: 0;
}
.search_form{
  height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
}
.search_form .button-like{
      margin: 0;
}
.search_form  input{
  margin-bottom:15px;
}
.mi-cuenta .row.white {
    padding: 60px 10px;
}
.tab-option {
    display: block;
    padding: 15px;
    border-bottom: 2px solid #F5F4EF;
    margin-right: 0;
    cursor: pointer;
}
.the_tab {
    display: none!important;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}
}
.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width: 70px;
  height: 70px;
}

.img-zoom-result {
  position: absolute;
  bottom:0;
  left:0;
  /* border: 1px solid #d4d4d4; */
  /*set the size of the result div:*/
  width: 150px;
  height: 150px;
}
.pago-logo{
  width: 60%;
height: auto;
}
.slick-dotted{
  margin-bottom:0!important;
}
.slick-dots{
  bottom:60px;
}
.slick-dots li button:before{
  color:white;
  font-size:15px;
}
.slick-dots li.slick-active button:before{
  color:white;
}
.carrusel-slide{
  width:100vw;
  position: relative;
}
.carrusel-slide img{
  display: block;
  width:100%;
  height:auto;
  object-fit:cover;
}
select[name="order_by"]{
  width: 300px;
  margin-left: auto;
  max-width: 100%;
}
.old-price{
  display:none;
}
.old_price_visible .old-price{
  display:block;
  text-decoration:line-through;
}
.relative_medallas{
      position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.premios{
position: static;
top: 0;
right: 0;
z-index: 10;
display: flex;
align-items: center;
	margin-left:20px;
}
.premios img{
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.premio{
  margin-left:15px;
}
.button-like.dark.white-text{
  display: inline-block;
margin: 20px 0;
}
@media(max-width:950px){
  .premios{
    position: static;
margin-left: -20px;
  }
}
.sin-stock{
  line-height: 50px;
  color: #b9032c;
  height: 50px;
}
.gallery_slider_wrap{
  position: relative;
}
.gallery_slider_wrap .arrow_left{
  position: absolute;
      bottom: calc(50% - 20px);
      left: 0;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: transparent;
      color: black;
      z-index: 5;
      cursor: pointer;
      font-size: 24px;
}
.gallery_slider_wrap .arrow_right{
  position: absolute;
  bottom: calc(50% - 20px);
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: black;
  z-index: 5;
  cursor: pointer;
  font-size: 24px;
}
.slick-hidden{
  display:none!important;
}
.page-overlay{
  position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-overlay .bg{
  display: block;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}
.bienvenido_al_club{
  display: flex;
flex-flow: column;
align-items: center;
width: 600px;
max-width: 95vw;
padding: 50px;
background: rgba(255,255,255,0.9);
font-family: 'Barlow', sans-serif;
position: relative;
}
.bienvenido_al_club .wswig{
  text-align: center;
margin: 30px 0;
}
.bienvenido_al_club form{
  display: block;
width: 100%;
}
.bienvenido_al_club #wp-submit{
  width: 300px!important;
margin: 30px auto!important;
background: black!important;
}
.login-remember input{
  display: none!important;
}
.login-remember label{
  font-size: 14px;
line-height: 22px;
color: black;
text-align: center;
display: block;
margin-top: 30px;
}
.volver_al_home{
  text-align: left;
    display: flex;
    width: 100%;
    margin-top: 30px;
    align-items: center;
}
.volver_al_home .fa{
  font-size: 12px;
margin-right: 6px;
}
.bordoux{
      color: #771425;
}
.bordoux-bg{
  background: #771425;
}
.relative-form{
  position: relative;
}
.forgot-psw{
  position: absolute;
  top:0;
  right:0;
}
.page-id-318 header, .page-id-318 footer{
  display: none!important;
}
#menu-item-949{
  display:none;
}
#club #menu-item-949{
  display:block;
}
#club #menu-item-320{
  display:none;
}
.club-header{
  position: fixed;
top: 0;
left: 0;
width: 100vw;
z-index: 101;
background: #5B1725;
color: white;
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
}
.club-header .js-open-user{
  display: flex;
    align-items: center;
    font-size: 11px;
    line-height: 13px;
    cursor: pointer;
}
.club-header .js-open-user p:nth-child(2){
  font-size:9px;
  line-height:11px;
}
.club-header img{
  margin-right: 10px;
}
.club-header .fa{
  margin-left:10px;
}
#club header{
 top:34px;
}
#club .header-fix{
  margin-top:134px!important;
}
#club .product{
  border: none;
background: #F0F4F7;
}
#club .grupos:nth-child(odd){
background: #F0F4F7;
}
#club .grupos:nth-child(odd) .product{
  background: white;
}
.cart-options.puntos{
  margin-top:15px;
}
.puntos.product h3{
  height:60px;
}
.puntos.product .package{
  display: none;
}
.archive_container h1{
  display: none;
}
.archive_container .controls-flex .price h1{
  display:block;
}
#club .archive_container h1{
  display: block;
  margin-bottom:30px;
}
#club .archive_container{
  background: #F0F4F7;
}
#club  .archive_container .product{
  background: white;
}
#club .archive_container .col:first-child{
      display: flex;
}
#club .archive-banner{
  display:none;
}
#club .archive_container select{
  background: white!important;
}
#club .filter-group{
  background: white;
}
#club.single-vino{
  background: #F0F4F7;
}
#club.single-vino .gallery_slider_wrap{
  background: white;
}
#club.single-vino .attribute{
  background: transparent;
}
#club .the_box.user{
  top: 35px;
}
#club .user-menu a{
  display: block;
      padding: 15px 0;
      border-bottom: 1px solid rgba(0,0,0,0.2);
}
#club .user-menu a:hover{
border-bottom: 1px solid #A02D45;
}
.mis_compras{
      background: #F0F4F7;
      min-height:700px;
}
.mis_compras .button-like{
  width: 200px;
max-width: 90vw;
margin: 30px auto;
}
.ver_mas_switcher{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:15px;
  cursor: pointer;
}
.ver_mas_switcher .open{
  display: none;
}
.open .ver_mas_switcher .open{
  display: block;
}
.open .ver_mas_switcher .closed{
  display:none;
}
.hidden_part{
  display: none;
}
.open .hidden_part{
  display: block;
}
.mis_puntos{
  padding: 30px;
background: white;
}
.mis_puntos .flex{
  justify-content: space-between;
    padding-bottom: 30px;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    flex-wrap:wrap;
}
.mis_puntos .flex p{
  width: 250px;
    justify-content: space-between;
    display: flex;
}
.puntos_header{
  display: flex;
    background: black;
    color: white;
    padding: 15px;
    justify-content: space-between;
}
.puntos_header p, .punto-pedido p{
  width:25%;
}
.punto-pedido{
  display: flex;
justify-content: space-between;
padding: 15px;
background: #F0F4F7;
}
.punto-pedido:nth-child(odd){
  background: #E7ECEF;
}
.extra-filters{
  display: flex;
margin-left: auto;
}
.extra-filters .minimum-holder, .extra-filters .maximum-holder{
  width: 100px;
    position: relative;
    margin-right: 15px;
}
.extra-filters input{
  background: white!important;
border: none!important;
}
.extra-filters span{
  position: absolute;
    top: -25px;
}
.extra-filters input.red-lighten{
  background: #f9b1bf!important;
}
.row .col.extra_padding{
  margin-left:0!important;
  padding-left:50px!important;
}
@media(max-width:760px){
  .row .col.extra_padding{
    padding-left:0.75rem!important;
  }
}