@charset "utf-8";
/* CSS Document */

/*Font*/
@include: url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import "../includes/font-awesome.min.css";


/* constants */
body {width: 100%; height: 100%; margin: auto; border:0; padding:0; background-color: #fff;}
div {position:relative; font-family: 'Playfair Display', serif; font-size: 18px; color: #000;}
a,img{border: 0px; padding: 0; margin: 0;}
p{border: 0px;}
a{font-family: 'Playfair Display', sans-serif; text-decoration: none; font-size: 18px; color: #000;}
a:hover{text-decoration: none!important; color: #000;}


::-webkit-input-placeholder{ opacity: 1; color: #FFF;}
:-moz-placeholder{ opacity: 1; color: #FFF;}
::-moz-placeholder{ opacity: 1; color: #FFF;}
:-ms-input-placeholder { opacity: 1; color: #FFF;}

@-moz-keyframes fadeMenu {0% {transform: translateY(-10px); opacity: 0;} 100% {transform: translateY(0); opacity: 1; }}
@-webkit-keyframes fadeMenu {0% {transform: translateY(-10px); opacity: 0;}  100% {transform: translateY(0); opacity: 1;}}
@-o-keyframes fadeMenu {0% {transform: translateY(-10px); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}}
@keyframes fadeMenu {0% {transform: translateY(-10px); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}}

#landing{position: absolute; display:none; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/landing/15931126511.jpg');}
#landing .container{position: absolute; width: 440px; height: 280px; left: 55px; top: 50%; margin-top: -160px; background-color: rgba(0,0,0,0.5);}
#landing .container img{display: block; margin: 45px auto 0 auto;}
#landing .container .text{display: inline-block; width: 100%; margin: 15px auto; font-family: Roboto, serif; font-size: 20px; color: #FFF; text-align: center;}
#landing .container .buttons{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #FFF;}
#landing .container .buttons .lang{display: inline-block;  font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #FFF; margin: 0 8px 0 8px; cursor: pointer;}
#button_yes{display: inline-block; margin: 0 4px 0 4px; border-radius: 50%; width: 38px; height: 38px; border: 2px solid #FFF; text-align: center; font-family: 'Playfair Display', sans-serif; font-size: 17px; color: #FFF; line-height: 36px; cursor: pointer;}
#button_no{display: inline-block; margin: 0 4px 0 4px; border-radius: 50%; width: 38px; height: 38px; border: 2px solid #FFF; text-align: center; font-family: 'Playfair Display', sans-serif; font-size: 17px; color: #FFF; line-height: 36px; cursor: pointer;}
.button_selected{background-color: #FFF; color: #000!important;}
select#landing_selectCountry{display: table; margin: auto; margin-top: 12px; width: 240px; height: 35px; padding: 0.2em 0.4em 0.2em 0.4em; vertical-align: middle; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../im/select_arrow.png') no-repeat #fdfdfd; background-position: 213px center; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #000; cursor: pointer;}
select#landing_selectCountry  option{font-size: 14px; padding: 0.2em 0.4em 0.2em 0.4em; }
select#landing_selectCountry  option[selected]{ font-weight:normal}
select#landing_selectCountry  option:nth-child(even) { background-color:#FFF; }
select#landing_selectCountry:hover{color: #000; border: 0;}


header{position: fixed; width: 100%; height: 76px; background-color: #1e1e1e; z-index: 99999;}
header .logo{display: none; position: absolute; width: 275px; height: 147px; top: 0px; left: 42px;}
header .logo img{display: block; margin: 12px 0 0 46px;}
header .logo_scroll{display: block; position: absolute; top: 10px; left: 100px;}
nav.main-menu{position: fixed; top: 25px; right: 60px; z-index: 99999;}
nav.main-menu ul {list-style-type: none; margin: 0; padding: 0;}
nav.main-menu ul li{font-family: 'Playfair Display', sans-serif; float: left; color: #FFF; font-size: 14px; letter-spacing: 0.5px; padding-bottom: 3px; margin-top: 5px;}
nav.main-menu ul li span{cursor: pointer;}
nav.main-menu ul li:hover > ul{display: block;  animation: fadeMenu 0.25s forwards;}
nav.main-menu ul li.intermedio{padding-right: 35px;}
nav.main-menu ul li a{color: #FFF; font-size: 14px; padding-bottom: 3px;}
nav.main-menu ul li a:hover{color: #FFF;}
nav.main-menu ul li a.lang {  display: inline-flex; }
nav.main-menu ul .li_lang{margin-top: -5px;}
/*nav.main-menu ul li .lang{margin-right: 20px;}*/
nav.main-menu ul li .lang:hover{border-bottom: 0;}
nav.main-menu ul li ul{position: absolute; display: none; list-style-type: none; min-width: 130px; margin: 0; padding: 0; background-color: rgba(0,0,0,0.5); padding: 20px 10px; text-align: center;}
nav.main-menu ul li ul li{float: none; width: 100%; padding: 0;  margin: 0;}
nav.main-menu ul li ul li a{font-family: 'Playfair Display', sans-serif; text-decoration: none; font-size: 13px; color: #FFF; padding-bottom: 3px; cursor: pointer; line-height: 28px;}
nav.main-menu ul li ul li a:hover{border-bottom: 1px solid #FFF;}
.selected{color: #FFF; border-bottom: 2px solid #FFF;}
#bt-mobile{display: none; position: absolute; right: 0; top: 0; width: 88px; height: 88px; background-color: #000; background-image: url('../im/bt-mobile.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer;}
#bt-mobile-close{display: none; position: absolute; right: 0; top: 0; width: 88px; height: 88px; background-color: #000; background-image: url('../im/bt-mobile-close.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer;}
#menu-mobile{display: none; position: fixed; width: 100%; top: 88px; background-color: #1e1e1e; z-index: 999;}
#menu-mobile .row{display: inline-block; width: 100%; min-height: 36px; border-top: 1px solid #FFF; line-height: 36px; text-align: left; padding-left: 22px;}
#menu-mobile .row:hover{background-color: #000}
#menu-mobile .row .opcion{display: inline-block; font-family: 'Playfair Display', sans-serif; text-decoration: none; font-size: 15px; color: #FFF; padding-right: 25px; background-repeat: no-repeat; background-position: right center; cursor: pointer;}
#menu-mobile .row .open-submenu{background-image: url('../im/bt-mobile-submenu.png');}
#menu-mobile .row .close-submenu{background-image: url('../im/bt-mobile-submenu_opened.png');}
#menu-mobile .row ul {display: none; list-style-type: none; padding: 0; margin: 0px 0 10px 0;}
#menu-mobile .row ul li{font-family: 'Playfair Display', sans-serif; color: #FFF; font-size: 12px; line-height: 26px; margin: 0; padding: 0; text-align: left; padding-left: 8px;}
#menu-mobile .row ul li a{color: #FFF; font-size: 14px;}

img.img_carrito {    float: right;    margin-left: 5;    margin-top: -10px;    margin-left: -2px; }

.lang_es{     width: 35px; height: 35px; background-image: url('../im/en.png'); background-repeat: no-repeat; text-indent: -999px; overflow: hidden;}
.lang_es:hover{background-position: 0 -35px;}
.lang_en{     width: 35px; height: 35px; background-image: url('../im/es.png'); background-repeat: no-repeat; text-indent: -999px; overflow: hidden;}
.lang_en:hover{background-position: 0 -35px;}

.flag_es{margin-top: 4px;width: 35px; height: 35px; background-image: url('../im/en_flag.png'); background-repeat: no-repeat; text-indent: -999px; overflow: hidden;}
.flag_es:hover{ }
.flag_en{margin-top: 4px;width: 35px; height: 35px; background-image: url('../im/es_flag.png'); background-repeat: no-repeat; text-indent: -999px; overflow: hidden;}
.flag_en:hover{ }


.submenu{position: fixed; display: none; min-width: 130px; z-index: 9999; top: 0; padding: 65px 10px 20px 10px; background-color: rgba(0,0,0,0.5); text-align: center;}
.submenu a{font-family: 'Playfair Display', sans-serif; text-decoration: none; font-size: 12px; color: #FFF; padding-bottom: 3px; cursor: pointer;}
.submenu a:hover{border-bottom: 1px solid #FFF;}

#footer{width: 100%; height: 160px; background-color: #1e1e1e; font-weight: normal;}
#footer .info{position: absolute; margin: 20px 54px; font-family: Roboto, serif; font-size: 12px; color: #FFF; line-height: 1.4em; font-weight: 300;}
#footer .info .titulo{font-family: 'Roboto', sans-serif; font-size: 14px; color: #FFF; line-height: 40px; font-weight: 400;}
#footer .info a{font-family: Roboto, serif; font-size: 12px; color: #FFF; line-height: 1.3em; letter-spacing: 0.4px;text-decoration: none;}
#footer .info a:hover{color: #FFF; text-decoration: underline;}
#footer .social{display: table; margin: auto; top: 20px; text-align: center;}
#footer .social .titulo{font-family: 'Roboto', sans-serif; font-size: 14px; color: #FFF; line-height: 40px; font-weight: 400; margin-bottom: 10px;}
#footer .social .facebook{display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; background-image: url('../im/footer_facebook.png');}
#footer .social .facebook:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#footer .social .twitter{display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; background-image: url('../im/footer_twitter.png');}
#footer .social .twitter:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#footer .social .youtube{display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; background-image: url('../im/footer_youtube.png');}
#footer .social .youtube:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#footer .social .instagram{display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; background-image: url('../im/footer_instagram.png');}
#footer .social .instagram:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#footer .eg_points{position: absolute; top: 40px; right: 54px; font-family: Roboto, sans-serif; font-weight: 300; font-size: 15px; line-height: 16px; color: #FFF; text-align: right;}
#footer .eg_points .titulo{font-family: 'Playfair Display', sans-serif; font-weight: 700; font-size: 15px; color: #FFF; line-height: 40px; letter-spacing: 3px;}
#footer .eg_points .ver_listado{display: block; width: 171px; margin-top: 8px; border: 1px solid #FFF; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #000; line-height: 40px; text-align: center; cursor: pointer;  background-color: #FFF;}
#footer .eg_points .ver_listado:hover{color: #FFF; background-color: #1e1e1e;}
#footer .eg_points .distribuidores{display: block;  width: 171px; margin-top: 8px; border: 1px solid #FFF; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #000; line-height: 32px; text-align: center; cursor: pointer;  background-color: #FFF;}
#footer .eg_points .distribuidores:hover{color: #FFF; background-color: #1e1e1e;}
#footer .copy{float: right; right: 54px; margin-top: 26px; font-family: Roboto, serif; font-weight: 300; font-size: 10px; color: #FFF;}



#main{position: relative; display: inline-block; width: 100%; }
.height-fill{height: 31vw; min-height: 400px;}
.height-fill-inicio{height: 35vw}
.height-fill-inicio.wineattitude{height: 75vh; background-color:#000;}
.wineattitude .carousel-caption{ right:0px; top: 50%; transform: translateY(-50%); }
.wineattitude .carousel-caption h5{ text-align:left; font-family:"Playfair Display"; font-size:180px; line-height: 180px;}
.wineattitude .carousel-caption p{ text-align:left; font-family:"Roboto"; font-size:16px; line-height: 19px;}
#inicio1 .country-caption{
  text-align:center;
  /*width: 45%;*/
  position: relative;
  margin-top:25px;
  margin-bottom:50px;
  }
<!--
  .custom-select select {
    display: none;
  }
  .select-selected {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .select-selected::after {
    position: absolute;
    content: "";
    top: 10px;
    right: 25px;
    width: 0.15rem;
    height: 15px;
    transition: all 0.5s;
    transform: rotate(45deg);
    background-color: #ffffff;
  }
  .select-selected::before {
    position: absolute;
    content: "";
    top: 10px;
    right: 35px;
    width: 0.15rem;
    height: 15px;
    transition: all 0.5s;
    transform: rotate(-45deg);
    background-color: #ffffff;
  }

  .select-selected.select-arrow-active::after {
    transform: rotate(-45deg);
  }
  .select-selected.select-arrow-active::before {
    transform: rotate(45deg);
  }

  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }

  .select-items {
    position: absolute;
    background-color: rgba(0, 0, 0, 1);;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .select-hide {
    display: none;
  }

  .select-items div:hover, .same-as-selected {
    background-color: rgba(112, 112, 112, 0.5);
  } -->
.wineattitude .carousel-caption .country-caption select{
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  font-size: 14px;
  width: 100%;
  border: 1px solid #707070;
  font-family: 'Roboto';
  color: #ffffff;
  outline-color: #707070;
  outline: none;
  background: url('../img/down.png') no-repeat right rgba(0, 0, 0, 0.8);
  background-position-x: 98%;
  background-size: 20px;
  appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;}

.wineattitude .carousel-caption .country-caption select option{background: #000000; width: 100%; border: 1px solid #707070; padding-top: 13px !important; padding-bottom: 13px !important;}
.wineattitude .carousel-caption .country-caption select option:focus, .wineattitude .carousel-caption select option:active, .wineattitude .carousel-caption select option:hover{outline-color: #707070; outline: none;}


.wineattitude .carousel-caption select option:checked{background: linear-gradient(#707070, #707070); background-color: #707070 !important;}
.wineattitude .container,
#wineattitude .container {     max-width: 978px;  }
#wineattitude .container .row div article{ height:770px; }
#wineattitude .container .row div article .featured-img-container { width:100%; height:100%;max-height:531px; }
#wineattitude .container .row div article span.fecha1, #wineattitude .container .row div span.fecha1{color:#8D8D8D; font-family:"Roboto"; font-size:14px; line-height: 30px;}
#wineattitude .container .row div article h3.titulo1, #wineattitude .container .row .encabezado h3.titulo1{text-align:left; font-family:"Playfair Display"; color:#0F0F0F; line-height: 48px; font-size:40px; margin-bottom:20px;}
#wineattitude .container .row div article p.texto, #wineattitude .container .row .encabezado2 p.texto{color:#0F0F0F; font-family:"Roboto"; font-size:16px; line-height: 30px; margin-top: 20px; margin-bottom: 20px;}
#wineattitude .encabezado { height: 128px; margin-bottom: 10px;}
#wineattitude .mt-63 {margin-top: 63px;}
#wineattitude .mb-63 {margin-bottom: 63px;}

.btn-dark-outline {
    font-family: "Roboto";
    border-radius: 7px 7px 7px 7px;
    font-size: 16px;
    text-decoration: none;
    outline: none;
    background-color: transparent;
    color: #000;
    border-color: #0F0F0F;
    padding: 8px;
    position: relative;
    transition: all .3s;
    margin-bottom: 6px;
    border-width: 1px;
    border-style: solid;
    line-height: 19px;
    cursor: pointer;}

    .btn-dark-outline:hover,
    .btn-dark-outline:focus,
    .btn-dark-outline:active,
    .btn-dark-outline.active {
      background-color: #323232;
      border-color: #323232;
      color: #ffffff;
    }
    .instagram_line {
      clear: both;
      position: relative;
      width: 100%;
      border-top: 1px solid #DEDBD7;
      border-bottom: 1px solid #DEDBD7;
      padding-bottom: 30px;
      margin: 0px !important;
    }

  .instagram_line  img {
    	max-width: 100%;
    	height: auto;
    	vertical-align: middle;
    	display: inline-block;
    }
  .instagram_line  .grid-wrapper > div {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }
  .instagram_line  .grid-wrapper > div > img {
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    	border-radius: 5px;
    }

  .instagram_line  .grid-wrapper {
    	display: grid;
    	grid-gap: 8px;
    	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    	grid-auto-rows: minmax(200px, auto);
    	grid-auto-flow: dense;
    }
  .instagram_line .grid-wrapper .big {
    	grid-column-end: span 2;
    	grid-row-end: span 2;
    }
    .instagram_line .grid-wrapper .small {
      	grid-column-end: span 1;
      	grid-row-end: span 1;
      }
#listado_sucursales {margin: auto 54px; }
#listado_sucursales .mb-48 {margin-bottom: 48px;}
#listado_sucursales .titulo { color:#AAA398; font-family:"Roboto"; font-size:24px; line-height: 29px; margin-bottom:12px;}

  #listado_sucursales a article.sucursal {
    display: inline-flex;
    align-items: center;
    height:110px;
    width:100%;
    margin-bottom:6px;
    border: 1px solid #DEDBD7;
    border-radius: 7px;
    overflow: hidden;
    }

    #listado_sucursales a article.sucursal i{
      margin-top: 10px;
      padding: 20px 0px 28px 20px;
      font-size: 26px;
      display: inline-block;
      color: #AAA398;
}
#listado_sucursales a article.sucursal .sucursal_content{
  padding: 20px 40px 20px 30px;
  width:100%;
  display: inline-block;
}
.element-item {
  float: left;
  width: 30%;
}
.grid-sizer {
  width: 30%;
}
.gutter-sizer{
  width: 4%;
}
/* clear fix */
.grid_:after {
  content: '';
  display: block;
  clear: both;
}
@media (max-width: 767px){

    .filters-select { max-width: 80%; }

  .element-item,
  .grid-sizer {
    width: 100%;
  }
  #listado_sucursales {margin: auto 15px; }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
  .element-item,
  .grid-sizer {
    width: 48%;
  }
  #listado_sucursales {margin: auto 20px; }
  .gutter-sizer{
    width: 2%;
  }
}

#listado_sucursales a article.sucursal:hover { background-color:#323232; border: 1px solid #DEDBD7; color:#FFFFFF; color:#FFFFFF; cursor:pointer;}
#listado_sucursales a article.sucursal .sucursal_content:hover .nombre,
#listado_sucursales a article.sucursal:hover i,
#listado_sucursales a article.sucursal .sucursal_content:hover .direccion  { color:#FFFFFF; }
#listado_sucursales a article.sucursal .sucursal_content .nombre { display: block; font-family:"Playfair Display"; font-size:18px; line-height: 24px; color:#0F0F0F; }
#listado_sucursales a article.sucursal .sucursal_content .direccion { display: block; font-family:"Roboto"; font-size:16px; line-height: 19px; color:#0F0F0F; }

#layout_map { height:745px; background-color:#1e1e1e; width:100%; } /* 0F0F0F */
#layout_map .titulo{display: table; margin: 0 auto; font-family: 'Roboto'; font-size: 40px; color: #FFFFFF; line-height: 48px; padding-top: 36px; padding-bottom: 52px; letter-spacing: 2px;}
#layout_map .world {margin:auto;     height: 585px;    width: 100%;    max-width: 1145px; text-align:center; border:1px solid #707070; padding:20px; }

.ui-dialog {
width: 90% !important;
height: 70% !important;
left: 5% !important;
}
.ui-dialog, .ui-dialog-content {

  height: 100% !important;
  padding: 0 !important;
  overflow: initial !important;
}

.modal-header{padding: 0 !important; border-bottom:0 !important;}
.modal-header .close {position: absolute; top: 50px; right: 50px; z-index: 10; background: #000000; color:#ffffff; padding: 10px !important;}
.contain_modal{padding:20px; width: 100%; float: right; position: relative;}
.modal-body {padding: 0 !important; pointer-events: auto;}
.modal-title {padding-bottom: 24px; font-size: 40px; line-height: 45px; color: #000000;}
.modal-fullscreen {
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  margin: 0px !important;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-body .contain_modal .datos {margin-bottom: 20px;}
  .modal-body .contain_modal .datos ul {padding: 0;}
  .modal-body .contain_modal .datos ul li {list-style: none; margin-bottom: 1rem;}
.modal-body .contain_modal .datos a,
.modal-body .contain_modal .texto_epi,
.modal-body .contain_modal .content2 h4,
.modal-body .contain_modal .content2 .texto_dia,
.modal-body .contain_modal .content2 .texto_hs {color:#000000; font-size: 16px; font-family: 'Roboto'; line-height: 19px;}
.modal-body .contain_modal .img_sucursal {width:100%; max-height: 30%; display: grid; grid-gap: 1px;	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-auto-rows: 265px;	grid-auto-flow: dense; padding-bottom: 40px;}
.modal-body .contain_modal .img_sucursal img {width: 100%;	height: 100%;	object-fit: cover; vertical-align: middle;}
.modal-body .contain_modal .content2 h4, .modal-body .contain_modal .content2 .texto_dia {font-weight: 700;}
.modal-body .contain_modal .content2 h4 {margin-top:40px;}
.modal-body .contain_modal .content2 .texto_dia,
.modal-body .contain_modal .content2 .texto_hs {margin:8px 0px 0px;}
.modal-body .contain_modal .content2 ul {margin-top: 30px; margin-bottom: 1rem; padding: 0;}
.modal-body .contain_modal .content2 ul li {list-style: none; color:#000000; font-size: 14px; font-family: 'Roboto'; line-height: 17px; border-top: 1px solid #AAA398; padding-bottom: 10px; padding-top: 10px;}
.modal-body .contain_modal .content2 ul li:last-child {border-bottom: 1px solid #AAA398;}
.positioner {position: absolute;}
.fixed {width: 48%; height: 100%; position: fixed; top: 0px;}
.modal-body #map_sucursales {width:100% !important; height: 100%;}
@media (max-width: 1024px){
  .positioner {position: sticky; width: 100%; height: 40vh;padding-bottom: 15px;}
  .fixed {position: sticky; width: 100%; height: 100%;}
}

.slide_contenido{position: absolute; display: table; width: 100%; height: 100%;}
.slide_contenido .textos{display: table-cell; margin: auto; vertical-align: middle; text-align: center; top: 50px;}
.slide_contenido .textos2{display: table-cell; margin: auto; vertical-align: middle; text-align: center;}
.slide_contenido .textos2 .titulo{display: table; margin: auto; border: 3px solid #FFF; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #FFF; padding: 10px 40px 10px 40px;}
.slide_contenido .textos .titulo{display: table; margin: auto; border: 3px solid #FFF; font-family: 'Playfair Display', sans-serif; font-size: 30px; font-weight: 700; color: #FFF; letter-spacing: 6px; padding: 10px 30px 10px 30px;}
.slide_contenido .textos .parrafo{display: table; max-width: 40%; margin: auto; font-family: Roboto, sans-serif; font-size: 20px; color: #FFF; line-height: 37px; font-style: italic; margin-top: 30px;}
.slide_contenido .textos .arrow_down{display: table; width: 55px; height: 55px; margin: 55px auto 0 auto; background-repeat: no-repeat; background-image: url('../im/arrow_down.png'); cursor: pointer;}
.slide_contenido .textos .arrow_down:hover{opacity: 0.5; filter: alpha(opacity = 50);}
.slide_contenido .textos .arrow_right{display: table; width: 55px; height: 55px; margin: 55px auto 0 auto; background-repeat: no-repeat; background-image: url('../im/button1.png'); cursor: pointer;}
.slide_contenido .textos .arrow_right:hover{opacity: 0.5; filter: alpha(opacity = 50);}
.slide_contenido .textos .boton{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 16px; font-weight: 700; color: #000; letter-spacing: 1px; line-height: 36px; padding: 0 20px 0 20px; background-color: #FFF; cursor: pointer; margin-top: 55px;}
.slide_contenido .textos .boton:hover{color: #FFF; background-color: #000;}
.slide_contenido .textos .slider-2015{display: table; margin: auto; width: 60px; height: 60px; margin-top: 30px; background-repeat: no-repeat; background-image: url('../im/slider-2015.png');}
.slide img{opacity:0; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}​


#inicio1{display: inline-block; width: 100%; min-height: 250px; background-color: #FFF;}
#inicio1 .contenido{display: block; width: 100%; max-width: 600px; margin: auto; font-family: 'Roboto', serif; font-size: 18px; line-height: 1.8em; color: #222; text-align: center; padding: 40px 0 90px 0;}
#inicio1 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#inicio1 .linea{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #222; letter-spacing: 5px; line-height: 10px;}

#inicio2{display: inline-block; width: 100%; height: 32.4vw; background-color: #1e1e1e;}
#inicio2 .imagen{display: inline-block; float: left; width: 33.3%; height: 32.4vw; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#inicio2 .imagen img{display: block; width: 443px; height: 378px; margin: 80px auto;}
#inicio2 .contiene-textos{position: absolute; width: 33.3%; height: 100%; right: 0;}
#inicio2 .textos{position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#inicio2 .textos .titulo{display: table; margin: 0 auto 60px auto; border: 3px solid #FFF; font-family: 'Playfair Display', sans-serif; font-size: 22px; font-weight: 400; color: #FFF; line-height: 70px; letter-spacing: 1px; padding: 0 40px 0 40px;}
#inicio2 .textos .subtitulo{display: block; font-family: Roboto, serif; font-size: 19px; color: #eac519; letter-spacing: 0.6vw; text-align: center;}
#inicio2 .textos .texto{display: table; width: 100%; margin: auto; margin-top: 50px; font-family: Roboto, serif; font-size: 18px; line-height: 1.8em; color: #FFF; text-align: center; padding-bottom: 40px;}
#inicio2 a:hover{text-decoration: none;}
#inicio2 .vermas{display: table; margin: auto; width: 105px; height: 32px; background-image: url('../im/bt-mas.png'); background-repeat: no-repeat; background-position: right center; font-family: 'Playfair Display', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1px; color: #FFF; line-height: 32px; padding-right: 10px;}
#inicio2 .vermas:hover{text-decoration: underline;}

#inicio3{display: table; width: 100%; height: 100%; background-color: #FFF; padding: 80px 0 80px 0;}
#inicio3 .left{display: inline-block; width: 40%; height: 100%; background-color: #FFF; vertical-align: middle;}
#inicio3 .left .titulo{position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -50px; border: 3px solid #222; font-family: 'Playfair Display', sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 1px; color: #222; line-height: 76px; padding: 0 40px 0 40px; cursor: pointer;}
#inicio3 .left .titulo:hover{background-color: #222; color: #FFF;}
#inicio3 .right{display: inline-block; float: right; width: 50%; height: 100%;  background-color: #FFF;}
#inicio3 .right  img{float: right; width: 100%; height: auto;}

#inicio4{display: table; width: 100%; background-color: #FFF;}
#inicio4 .col1{display: table-cell; float: left; width: 28.5%; height: 100%;}
#inicio4 .col2{display: table-cell; float: left;  width: 41%; height: 100%; margin-left: 1%;}
#inicio4 .col3{display: table-cell; float: right;  width: 28.5%; height: 100%;}

#inicio4 .col1 .image1{display: block; width: 100%; height: 19vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#inicio4 .col1 .image2{display: block; width: 100%; height: 38vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#inicio4 .col2 .image1{display: block; width: 100%; height: 26.5vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#inicio4 .col2 .image2{display: block; width: 100%; height: 30.5vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#inicio4 .col3 .image1{display: block; width: 100%; height: 19vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#inicio4 .col3 .image2{display: block; width: 100%; height: 38vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}

#inicio5{display: table; width: 100%;}
#inicio5 .modulo1{display: table-cell; float: left; width: 33.3%; height: 32.4vw; background-color: #000; background-size: cover; background-position: center center;}
#inicio5 .modulo2{display: table-cell; float: left; width: 33.3%; height: 32.4vw; background-color: #000; background-size: cover; background-position: center center;}
#inicio5 .modulo3{display: table-cell; float: right; width: 33.4%; height: 32.4vw; background-color: #000; background-size: cover; background-position: center center;}

#inicio-video{display: table; width: 100%; background-color: #161616; padding: 50px 0;}
#inicio-video .contenido{display: table; width: 100%; max-width: 1280px; margin: 0 auto;}
.embed-container{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.iframe-video{border: 0; position: absolute; width: 100%; height: 32.4vw;}
.video-link{position: absolute; width: 100%; height: 100%; z-index: 99999; opacity: 0;}

.lifestyle_titulo{position: absolute; top: 50%; left: 50%; margin-top: -39px; margin-left: -150px; border: 3px solid #FFF; font-family: 'Playfair Display', sans-serif; font-size: 30px; font-weight: 700; color: #FFF; letter-spacing: 5px; line-height: 70px; padding: 0 40px 0 40px; cursor: pointer;}
.lifestyle_titulo:hover{background-color: #FFF; color: #000;}

.inicio_over{display: table; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); opacity: 0; filter: alpha(opacity = 0); transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out;}
.inicio_over:hover{opacity: 1; filter: alpha(opacity = 100);}
.inicio_over .innerContainer {display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto;  text-align: center; color: #FFF;}
.inicio_over .innerContainer .titulo1{font-family: 'Playfair Display', sans-serif; font-size: 40px; font-weight: 400; letter-spacing: 1px;  color: #FFF;}
.inicio_over .innerContainer .titulo2{font-family: 'Playfair Display', sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 1px;  color: #FFF;}
.inicio_over .innerContainer .titulo3{font-family: 'Playfair Display', sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 1px;  color: #FFF;}
.video_grid{display: table; width: 100%; height: 100%;}

#destacado{display: block; width: 100%; height: 31vw; min-height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat;}

#winebook_argentina{display: inline-block; width: 100%; background-color: #FFF; padding-top: calc(5vw + 88px)}
#winebook_argentina .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#winebook_argentina .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #222; line-height: 10px;}
#winebook_argentina .texto{display: block; width: 100%; max-width: 800px; margin: auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; padding: 40px 0 50px 0;}
#winebook_argentina .volver{display: block; width: 55px; height: 55px; background-image: url('../im/button2.png'); margin: -10px auto 50px auto;}
#winebook_argentina .volver:hover{opacity: 0.5; filter: alpha(opacity = 50);}

#winebook_internacional{display: inline-block; width: 100%; background-color: #FFF; padding-top: calc(5vw + 88px)}
#winebook_internacional .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #000; letter-spacing: 5px; line-height: 64px;}
#winebook_internacional .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #000; letter-spacing: 5px; line-height: 10px;}
#winebook_internacional .texto{display: block; width: 100%; max-width: 800px; margin: auto; font-family: Roboto, serif; font-size: 18px; line-height: 31px; color: #000; text-align: center; padding: 40px 0 50px 0;}

select#selectCountry{display: table; margin: auto; margin-top: 20px; width: 486px; height: 35px; padding: 0.2em 0.4em 0.2em 0.4em; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../im/select_arrow.png') no-repeat #fdfdfd; background-position: 460px center; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #000; border: 1px solid #CCC; cursor: pointer;}
select#selectCountry  option{font-size: 14px; padding: 0.2em 0.4em 0.2em 0.4em; }
select#selectCountry  option[selected]{ font-weight:normal}
select#selectCountry  option:nth-child(even) { background-color:#FFF; }
select#selectCountry:hover{color: #000;}

.productos{display: inline-block; width: 100%; min-height: 350px;}
#prod-argentina .item{ padding: 30px 0px; text-align: center;}
#prod-argentina .item img{max-height: 260px}
#prod-argentina .item .pie{width: 100%; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400; color: #000; text-align: center; margin-top: 10px; line-height: 16px;}
#prod-argentina .item .linea{width: 100%; font-family: Roboto, serif; font-size: 10px; font-weight: 400; color: #969799; text-align: center; line-height: 26px;}
.owl-pagination{display: none;}
.btn{padding: 0!important}

/*#productos-detalle-listado{display: table; margin: auto;}*/
#productos-detalle-listado .item{display: inline-block; width: 100%; min-width: 248px; cursor: pointer; text-align: center;}
#productos-detalle-listado .item img{max-height: 280px}
#productos-detalle-listado .item .pie{width: 100%; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400; color: #000; text-align: center; margin-top: 10px; line-height: 16px;}
#productos-detalle-listado .item .varietal{width: 100%; font-family: Roboto, serif; font-size: 15px; font-weight: 400; color: #000; text-align: center; margin-top: 10px;}
#productos-detalle-listado .item .base{display: block; width: 190px; height: 12px; margin: 24px auto -2px auto;}
#productos-detalle-listado .item .selected{background-image: url('../im/producto_selected.gif'); background-position: center bottom; background-repeat: repeat-x;}

.productos-detalle{display: block; width: 100%;}
.productos-detalle .contenido{display: block; width: 100%; max-width: 1000px; margin: auto;}
.productos-detalle .contenido .botella{display: inline-block; vertical-align: top; margin: 80px 0 60px 0;}
.productos-detalle .contenido .info{display: inline-block; width: 65%; margin: 80px 0 60px 60px;}
.productos-detalle .contenido .info .info-titulo{font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 700; color: #000; line-height: 36px; letter-spacing: 1px;}
.productos-detalle .contenido .info p{font-family: Roboto, serif; font-size: 16px; font-weight: 400; color: #000; line-height: 35px;}
.productos-detalle .contenido .info p strong{letter-spacing: 1px;}

.boton_comprar{display: block; float: left; width: 171px; margin-top: 30px; margin-right: 15px; border: 1px solid #1e1e1e; font-family: Roboto, sans-serif; font-size: 13px; font-weight: 700; color: #FFF; line-height: 32px; text-align: center; cursor: pointer;  background-color: #1e1e1e;}
.boton_comprar:hover{color: #000; background-color: #FFF; border: 1px solid #FFF;}

.prev{position: absolute; left: 0; top: 40%; background: transparent!important;}
.next{position: absolute; right: 0; top: 40%; background: transparent!important;}
.prev2{position: absolute; left: 0; top: 40%; background: transparent!important;}
.next2{position: absolute; right: 0; top: 40%; background: transparent!important;}

#prod-internacional .item{padding: 30px 0px; text-align: center;}
#prod-internacional .item .pie{width: 100%; font-family: 'Playfair Display', sans-serif; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 1px; text-align: center; margin-top: 10px; line-height: 16px;}
#prod-internacional .item .linea{width: 100%; font-family: Roboto, serif; font-size: 10px; font-weight: 400; color: #969799; letter-spacing: 1px; text-align: center; line-height: 26px; font-style: italic;}

#lifestyle1{display: inline-block; width: 100%; min-height: 250px; background-color: #FFF; padding-top: calc(5vw + 88px);}
#lifestyle1 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#lifestyle1 .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #222; line-height: 10px;}
#lifestyle1 .contenido{display: block; width: 100%; max-width: 600px; margin: auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; padding: 20px 0 90px 0;}

#lifestyle8{display: inline-block; width: 100%; min-height: 250px; background-color: #FFF; padding-top: calc(5vw + 88px);}
#lifestyle8 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#lifestyle8 .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #222; line-height: 10px;}
#lifestyle8 .contenido{display: block; width: 100%; max-width: 600px; margin: auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; padding: 20px 0 90px 0;}

#lifestyle9{display: inline-block; width: 100%; min-height: 250px; background-color: #FFF; padding-top: calc(5vw + 88px);}
#lifestyle9 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#lifestyle9 .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #222; line-height: 10px;}
#lifestyle9 .contenido{display: block; width: 100%; max-width: 600px; margin: auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; padding: 20px 0 90px 0;}

#lifestyle2{display: inline-block; width: 100%; padding-bottom: 20px; overflow: hidden;}
#lifestyle2 .current{position: absolute; width: 55%; left: 22.5%; height: auto; z-index: 2; cursor: pointer;}
#lifestyle2 .prev{position: absolute; width: 51%; height: auto; top: 18px; left: -25%; z-index: 1; filter: brightness(50%); -webkit-filter: brightness(50%);}
#lifestyle2 .next{position: absolute; width: 51%; height: auto; top: 18px; right: -25%; z-index: 1; filter: brightness(50%); -webkit-filter: brightness(50%);}
#lifestyle2 .bt_prev{position: absolute; width: 60px; height: 60px; top: 19vw; left: 20px; z-index: 3; background-image: url('../im/slides_prev.png'); cursor: pointer;}
#lifestyle2 .bt_prev:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#lifestyle2 .bt_next{position: absolute; width: 60px; height: 60px; top: 19vw; right: 20px; z-index: 3; background-image: url('../im/slides_next.png'); cursor: pointer;}
#lifestyle2 .bt_next:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#current_polo{display: none;}
#total_polo{display: none;}

#lifestyle3{display: inline-block; width: 100%; min-height: 250px; background-color: #FFF;}
#lifestyle3 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #000; letter-spacing: 5px; line-height: 64px; margin-top: 80px;}
#lifestyle3 .linea{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #000; letter-spacing: 5px; line-height: 10px;}

#lifestyle4{display: table; width: 100%; background-color: #FFF;}
#lifestyle4 .col1{display: table-cell; float: left; width: 24%; height: 100%;}
#lifestyle4 .col2{display: table-cell; float: left;  width: 41%; height: 100%; margin-left: 1%;}
#lifestyle4 .col3{display: table-cell; float: right;  width: 33%; height: 100%;}

#lifestyle4 .col1 .image1{display: block; width: 100%; height: 32vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#lifestyle4 .col1 .image2{display: block; width: 100%; height: 25vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#lifestyle4 .col2 .image1{display: block; width: 100%; height: 26.5vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#lifestyle4 .col2 .image2{display: block; width: 100%; height: 30.5vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#lifestyle4 .col3 .image1{display: block; width: 100%; height: 32vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#lifestyle4 .col3 .image2{display: block; width: 100%; height: 25vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}

#lifestyle5{display: table; width: 100%;}
#lifestyle5 .modulo1{display: table-cell; float: left; width: 33.3%; height: 32.4vw; background-color: #000; background-size: cover; background-position: center center;}
#lifestyle5 .modulo2{display: table-cell; float: left; width: 33.3%; height: 32.4vw; background-color: #000; background-size: cover; background-position: center center;}
#lifestyle5 .modulo3{display: table-cell; float: right; width: 33.4%; height: 32.4vw; background-color: #000; background-size: cover; background-position: center center;}

#lifestyle6{display: table; width: 100%;}
#lifestyle6 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #000; letter-spacing: 5px; line-height: 64px; margin-top: 90px; margin-bottom: 80px; border: 3px solid #000; padding: 0 40px 0 40px;}

#lifestyle7{display: inline-block; width: 100%; padding-bottom: 20px; overflow: hidden;}
#lifestyle7 .current{position: absolute; width: 55%; left: 22.5%; height: auto; z-index: 2; cursor: pointer;}
#lifestyle7 .prev{position: absolute; width: 51%; height: auto; top: 18px; left: -25%; z-index: 1; filter: brightness(50%); -webkit-filter: brightness(50%);}
#lifestyle7 .next{position: absolute; width: 51%; height: auto; top: 18px; right: -25%; z-index: 1; filter: brightness(50%); -webkit-filter: brightness(50%);}
#lifestyle7 .bt_prev{position: absolute; width: 60px; height: 60px; top: 19vw; left: 20px; z-index: 3; background-image: url('../im/slides_prev.png'); cursor: pointer;}
#lifestyle7 .bt_prev:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#lifestyle7 .bt_next{position: absolute; width: 60px; height: 60px; top: 19vw; right: 20px; z-index: 3; background-image: url('../im/slides_next.png'); cursor: pointer;}
#lifestyle7 .bt_next:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#current_campana{display: none;}
#total_campana{display: none;}

#bodega1{display: block; width: 100%; background-color: #FFF; padding-bottom: 5vw; padding-top: calc(5vw + 88px)}
#bodega1 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#bodega1 .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 30px; font-weight: 700; color: #222; letter-spacing: 5px; line-height: 10px;}
#bodega1 .contenido{display: block; width: 100%; max-width: 600px; margin: auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; padding-top: 20px;}

#bodega2{display: block; width: 100%; height: 40vw; min-height: 520px;}
#bodega2 .col{display: table; float: left; width: 50%; height: 40vw;  min-height: 520px; background-color: #000; background-size: cover; background-position: center center;}
#bodega2 .col .textos{display: table-cell; vertical-align: middle; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); cursor: pointer; opacity: 0; transition: all 0.5s;}
/*#bodega2 .col .textos:hover{background-color: rgba(0,0,0,0.5);}*/
#bodega2 .col .textos .titulo{font-family: 'Playfair Display', sans-serif; font-size: 3.5vw; font-weight: 400; letter-spacing: 2px; color: #FFF; line-height: 4vw; text-align: center;}
#bodega2 .col .textos .texto{font-family: Roboto, serif; font-size: 18px; color: #FFF; line-height: 32px; padding-top: 20px; margin-left: 12vw;}
#bodega2 .col .over{display: none; top :0px; bottom: 0px; right: 0px; left: 0px; background-color: rgba(0,0,0,0.5); position: absolute; opacity: 0; filter: alpha(opacity = 0);}
#bodega2 .col .over .contenido{display: table; width: 100%; height: 100%;}
#bodega2 .col .over .contenido .info{display: table-cell; vertical-align: middle; font-family: Roboto, serif; font-size: 18px; color: #FFF; line-height: 32px; padding: 65px 20% 0 20%;}
#bodega2 .col .over .contenido .info .bt-more{display: block; width: 35px; height: 35px; background-image: url('../im/bt-more.png'); margin-top: 20px;}
#bodega2 .col .textos:hover{opacity: 1;}

#bodega3{display: inline-block; width: 100%; background-color: #FFF; padding: 5vw 0 5vw 0;}
#bodega3 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 40px; font-weight: 700; color: #000; line-height: 64px;}
#bodega3 .linea{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 30px; font-weight: 700; color: #000; line-height: 10px;}
#bodega3 .contenido{display: block; width: 100%; max-width: 677px; margin: auto; font-family: Roboto, serif; font-size: 18px; line-height: 32px; color: #000; text-align: center; padding-top: 20px;}

#bodega4{display: table; width: 100%; background-color: #FFF;}
#bodega4 .col1{display: table-cell; float: left; width: 28.5%; height: 100%;}
#bodega4 .col2{display: table-cell; float: left;  width: 41%; height: 100%; margin-left: 1%;}
#bodega4 .col3{display: table-cell; float: right;  width: 28.5%; height: 100%;}

#bodega4 .col1 .image1{display: block; width: 100%; height: 22vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#bodega4 .col1 .image2{display: block; width: 100%; height: 35vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#bodega4 .col2 .image1{display: block; width: 100%; height: 26.5vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#bodega4 .col2 .image2{display: block; width: 100%; height: 30.5vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#bodega4 .col3 .image1{display: block; width: 100%; height: 22vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}
#bodega4 .col3 .image2{display: block; width: 100%; height: 35vw; margin-bottom: 1vw; background-size: cover; background-position: center center;}

#bodega5{display: inline-block; width: 100%; background-color: #FFF; padding-bottom: 5vw; padding-top: calc(5vw + 88px);}
#bodega5 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#bodega5 .subtitulo{display: table; margin: auto; font-family: Roboto, serif; font-size: 14px; font-weight: bold; color: #222; line-height: 1.8em; }
#bodega5 .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #222; line-height: 10px;}
#bodega5 .contenido{display: block; width: 100%; max-width: 600px; margin: auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; padding-top: 20px;}
#bodega5 .boton{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 11px; font-weight: 700; color: #222; line-height: 32px; padding: 0 30px 0 30px; background-color: #FFF; cursor: pointer; margin-top: 20px; border: 1px solid #000;}
#bodega5 .boton:hover{color: #FFF; background-color: #222;}
#bodega5 .contenido .info{font-family: Roboto, serif; font-size: 14px; color: #222; line-height: 1.8em;}
#bodega5 .contenido a{font-family: Roboto, serif; font-size: 16px; color: #222; line-height: 1.8em; padding-bottom: 3px; font-weight: bold;}
#bodega5 .contenido a:hover{text-decoration: none; color: #222; border-bottom: 1px solid #222;}
#current_restaurant{display: none;}
#total_restaurant{display: none;}

#bodega6{display: inline-block; width: 100%; padding-bottom: 20px; overflow: hidden;}
#bodega6 .current{position: absolute; width: 55%; left: 22.5%; height: auto; z-index: 2; cursor: pointer;}
#bodega6 .prev{position: absolute; width: 51%; height: auto; top: 18px; left: -25%; z-index: 1; filter: brightness(50%); -webkit-filter: brightness(50%);}
#bodega6 .next{position: absolute; width: 51%; height: auto; top: 18px; right: -25%; z-index: 1; filter: brightness(50%); -webkit-filter: brightness(50%);}
#bodega6 .bt_prev{position: absolute; width: 60px; height: 60px; top: 19vw; left: 20px; z-index: 3; background-image: url('../im/slides_prev.png'); cursor: pointer;}
#bodega6 .bt_prev:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#bodega6 .bt_next{position: absolute; width: 60px; height: 60px; top: 19vw; right: 20px; z-index: 3; background-image: url('../im/slides_next.png'); cursor: pointer;}
#bodega6 .bt_next:hover{opacity: 0.5; filter: alpha(opacity = 50);}

#bodega7{display: block; width: 100%; background-color: #FFF; padding: calc(5vw + 88px) 0 0 0;}
#bodega7 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 2px; color: #222; line-height: 64px;}
#bodega7 .linea{display: none; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #222; line-height: 10px;}
#bodega7 .contenido{display: block; width: 100%; max-width: 600px; margin: auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; padding-top: 20px;}
#bodega7 .contenido .info{font-family: Roboto, serif; font-size: 14px; color: #222; line-height: 1.8em;}
#bodega7 .mapa{display: inline-block; width: 100%; height: 500px; margin-top: 4vw}
#bodega7 .contenido a{font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; padding-bottom: 3px; font-weight: bold;}
#bodega7 .contenido a:hover{text-decoration: none; color: #222; border-bottom: 1px solid #222;}
.secondHeading{margin:0; padding: 0; font-size: 12px;}

#bodega8{display: inline-block; width: 100%; min-height: 300px;}
#bodega8 .front-image{position: absolute; width: 100%; z-index: 2;}
#bodega8 .front-image img{display: block; width: 55%; height: auto; margin: auto;}
#bodega8 .bt_prev{position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 20px; z-index: 3; background-image: url('../im/slides_prev.png'); cursor: pointer;}
#bodega8 .bt_prev:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#bodega8 .bt_next{position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; right: 20px; z-index: 3; background-image: url('../im/slides_next.png'); cursor: pointer;}
#bodega8 .bt_next:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#bodega8 .prev-image{position: absolute; width: 40%; z-index: 1; left: -10%;}
#bodega8 .prev-image img{display: block; width: 100%; height: auto; margin: auto; filter: brightness(0.5); -webkit-filter: brightness(0.5); -moz-filter: brightness(0.5); -o-filter: brightness(0.5); -ms-filter: brightness(0.5);}
#bodega8 .next-image{position: absolute; width: 40%; z-index: 1; right: -10%;}
#bodega8 .next-image img{display: block; width: 100%; height: auto; margin: auto; filter: brightness(0.5); -webkit-filter: brightness(0.5); -moz-filter: brightness(0.5); -o-filter: brightness(0.5); -ms-filter: brightness(0.5);}

#bodega9{display: block; width: 95%; max-width: 1024px; min-height: 150px; margin: 3vw auto 0 auto; text-align: center; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; letter-spacing: 0.6px; color: #222;}
#bodega9 .opciones{display: flex; justify-content: space-between; width: 100%; margin-top: 40px;}
#bodega9 .opciones .modulo{display: inline-block; width: 280px; height: 60px; text-align: center; font-family: 'Playfair Display', sans-serif; font-size: 22px; line-height: 60px; color: #222; font-weight: 400; border: 3px solid #222; cursor: pointer;}
#bodega9 .opciones .modulo:hover{background-color: #222; color: #fff;}

#bodega10{display: block; width: 100%; background-color: #FFF; padding: 0;}
#bodega10 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #000; letter-spacing: 5px; line-height: 64px;}
#bodega10 .linea{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #000; letter-spacing: 5px; line-height: 10px;}
#bodega10 .contenido{display: block; width: 100%; max-width: 677px; margin: auto; font-family: Roboto, serif; font-size: 18px; color: #000; text-align: center; padding-top: 20px;}
#bodega10 .contenido .info{font-family: Roboto, serif; font-size: 13px; color: #000;}
#bodega10 .mapa{display: block; width: 100%; height: 500px;}
#bodega10 .contenido a{font-family: Roboto, serif; font-size: 18px; color: #000; line-height: 36px; padding-bottom: 3px; font-weight: bold;}
#bodega10 .contenido a:hover{text-decoration: none; color: #000; border-bottom: 1px solid #000;}

.bg_popups{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.9); z-index: 99998;}
.visitas_popup{position: absolute; display: none; width: 90%; max-width: 970px; height: calc(100% - 140px); top: 50%; margin-top: 80px; left: 50%; transform: translate(-50%, -50%); z-index: 99999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; padding-right: 20px;}
.visitas_popup .titulo{display: inline-block; width: 100%; font-family: 'Playfair Display', sans-serif; text-align: center; font-size: 30px; color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.visitas_popup .base-titulo{display: inline-block; width: 100%; font-family: Roboto, sans-serif; text-align: center; font-size: 14px; font-weight: bold; color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.visitas_popup .textos{display: inline-block; width: 100%; padding: 0 50px; font-family: Roboto, serif; font-size: 14px; line-height: 24px; color: #FFF; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.visitas_popup .textos ul{padding: 0; margin: 0;}
.visitas_popup .textos ul li{padding: 0; margin: 0;}
.visitas_popup .textos p{display: inline-block; width: 100%; font-family: Roboto, serif; font-size: 14px; color: #FFF;}
.visitas_popup .textos p a{font-family: Roboto, serif; font-size: 14px; color: #FFF; line-height: 1.5; letter-spacing: 0.6px;}
.visitas_popup .boton{display: block; position: absolute; top: 0; right: 60px; width: 34px; height: 34px; background-image: url('../im/popup_cerrar.svg'); cursor: pointer;}
.visitas_popup .subtitulo{display: inline-block; width: 100%; margin-top: 15px; font-family: Roboto, sans-serif; text-align: center; font-size: 18px; color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.visitas_popup .separador{display: inline-block; width: 100%; height: 20px; margin-top: 10px; background-image: url('../im/popup_linea.svg'); background-repeat: no-repeat; background-position: center;}
.visitas_popup .formulario{display: inline-block; width: 100%; margin-top: 20px;}
.visitas_popup .formulario .col1{display: inline-block; float: left; width: 50%; border-right: 1px solid #212121; padding: 0 50px 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.visitas_popup .formulario .col2{display: inline-block; float: right; width: 50%; padding: 0 0 20px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.visitas_popup .formulario .row{display: block; width: 100%; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #FFF;}
.visitas_popup .formulario .row input[type=text]{display: block; width: 100%; height: 40px; border: 0; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #FFF; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin-bottom: 10px;}
.visitas_popup .formulario .row input[type=email]{display: block; width: 100%; height: 40px; border: 0; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #FFF; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin-bottom: 10px;}
.visitas_popup .formulario .row input[type=button]{display: block; width: 124px; height: 40px; float: right; border: 0; background-color: #FFF; font-family: 'Playfair Display', sans-serif; font-size: 14px; color: #000;}
.visitas_popup .formulario .row .input-50-1{width: calc(50% - 5px)!important; float: left;}
.visitas_popup .formulario .row .input-50-2{width: calc(50% - 5px)!important; float: right;}
.visitas_popup .formulario .row .input-cant{width: 40px!important; height: 40px; float: left; text-align: center;}
.visitas_popup .formulario .row .terminos{display: block; width: calc(100% - 130px); float: left; font-family: Roboto, serif; font-size: 12px; color: #FFF; padding-top: 15px;}
.visitas_popup .formulario .row-titulo{padding-bottom: 10px;}
.visitas_popup .formulario .row .fecha{display: block; width: 100%; height: 40px; border: 0; background-color: #000; font-family: 'Playfair Display', sans-serif; font-size: 14px; line-height: 40px; color: #FFF; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin-bottom: 10px; cursor: pointer; background-image: url('../im/calendario_ico.svg'); background-repeat: no-repeat; background-position: right center;}
.visitas_popup .formulario .row .row-col1{display: inline-block; float: left; width: 50%; margin-bottom: 10px;}
.visitas_popup .formulario .row .row-col2{display: inline-block; float: right; width: 50%; margin-bottom: 10px;}
.visitas_popup .formulario .titulo-enviado{display: inline-block; width: 100%; margin-top: 15px; font-family: 'Playfair Display', sans-serif; text-align: center; font-size: 24px; font-weight: bold; color: #FFF;}
.visitas_popup .formulario .p-enviado{display: inline-block; width: 100%; font-family: Roboto, serif; font-size: 14px; color: #FFF; line-height: 1.5; text-align: center; margin-top: 10px;}


.visitas_popup .formulario .row .radiobox{display: inline-block; float: left; width: 40px; height: 40px; background-image: url('../im/reservas_checkbox.svg'); cursor: pointer;}
.visitas_popup .formulario .row .radiobox-selected{background-image: url('../im/reservas_checkbox_checked.svg');}
.visitas_popup .formulario .row .radiobox-text{display: inline-block; float: left; line-height: 40px; color: #FFF; font-size: 14px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


#contacto1{display: inline-block; width: 100%;}
#contacto1 .instagram{display: table-cell; float: left; width: 33.3%; background-size: cover; background-position: center center; vertical-align: middle;}
.contact_instagram{display: table; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity = 50); background-image: url('../im/contacto_instagram.png'); background-repeat: no-repeat; background-position: center center; filter: alpha(opacity = 50); transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; cursor: pointer;}
.contact_instagram:hover{opacity: 1; filter: alpha(opacity = 100);}
#contacto1 .facebook{display: table-cell; float: left; width: 33.3%; background-size: cover; background-position: center center; vertical-align: middle;}
.contact_facebook{display: table; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity = 50); background-image: url('../im/contacto_facebook.png'); background-repeat: no-repeat; background-position: center center; filter: alpha(opacity = 50); transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; cursor: pointer;}
.contact_facebook:hover{opacity: 1; filter: alpha(opacity = 100);}
#contacto1 .twitter{display: table-cell; float: right; width: 33.4%; background-size: cover; background-position: center center; vertical-align: middle;}
.contact_twitter{display: table; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity = 50); background-image: url('../im/contacto_twitter.png'); background-repeat: no-repeat; background-position: center center; filter: alpha(opacity = 50); transition: opacity .50s ease-in-out; -moz-transition: opacity .50s ease-in-out; -webkit-transition: opacity .50s ease-in-out; cursor: pointer;}
.contact_twitter:hover{opacity: 1; filter: alpha(opacity = 100);}

#contacto2{display: inline-block; width: 100%; min-height: 250px; background-color: #FFF;}
#contacto2 .contenido{display: block; width: 100%; max-width: 677px; margin: 80px auto 80px auto; font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; color: #222; text-align: center; line-height: 29px;}
#contacto2 .contenido .bold{font-weight: bold;}
#contacto2 .contenido .italic{font-style: italic;}
#contacto2 .contenido a{font-family: Roboto, serif; font-size: 16px; line-height: 1.8em; letter-spacing: 0.6px; color: #222; padding-bottom: 3px; font-weight: bold;}
#contacto2 .contenido a:hover{text-decoration: none; color: #222; border-bottom: 1px solid #222;}
#contacto2 .contenido .noborder:hover{border: 0!important}
#contacto2 .social{display: table; width: 100%; height: 50px; margin-top: 20px;}
#contacto2 .social .facebook{display: inline-block; width: 50px; height: 50px; background-image: url('../im/contacto_facebook.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer;}
#contacto2 .social .facebook:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#contacto2 .social .twitter{display: inline-block; width: 50px; height: 50px; background-image: url('../im/contacto_twitter.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer;}
#contacto2 .social .twitter:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#contacto2 .social .instagram{display: inline-block; width: 50px; height: 50px; background-image: url('../im/contacto_instagram.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer;}
#contacto2 .social .instagram:hover{opacity: 0.5; filter: alpha(opacity = 50);}
#contacto2 .jefe_venta{display: block; width: 100%; max-width: 550px; margin: auto;}
#contacto2 .jefe_venta .col1{float: left; margin-bottom: 30px;font-family: Roboto, serif;font-size: 16px; line-height: 1.8em; letter-spacing: 0.6px;}
#contacto2 .jefe_venta .col1 a{font-family: Roboto, serif;font-size: 16px; line-height: 1.8em; letter-spacing: 0.6px;}
#contacto2 .jefe_venta .col2{float: right; margin-bottom: 30px;font-family: Roboto, serif;font-size: 16px; line-height: 1.8em; letter-spacing: 0.6px;}
#contacto2 .jefe_venta .col2 a{font-family: Roboto, serif;font-size: 16px; line-height: 1.8em; letter-spacing: 0.6px;}
#contacto2 .jefe_export{display: block; width: 100%; max-width: 550px; margin: auto;}
#contacto2 .jefe_export .col1{float: left;}
#contacto2 .jefe_export .col2{float: right;}

#contacto3{display: inline-block; width: 100%; background-color: #FFF;}
#contacto3 .modulo1{display: inline-block; width: 100%; height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('../images/contacto/points_bg.png');}
#contacto3 .modulo1 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #FFF; letter-spacing: 5px; line-height: 64px; margin-top: 50px;}
#contacto3 .modulo1 .linea{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #FFF; letter-spacing: 5px; line-height: 10px;}
#contacto3 .modulo1 .contenido{display: block; width: 100%; max-width: 677px; margin: auto; font-family: Roboto, serif; font-size: 18px; color: #FFF; text-align: center; padding-top: 20px;}

#contacto4{display: table; width: 100%; padding: 80px 0 80px 0;}
.eg-points{display: table; width: 60%; min-height: 240px; text-align: center; margin: auto;}
.eg-points img{display: inline-block; opacity: 0.5; filter: alpha(opacity = 50); margin: 0 40px 40px 40px;}

#contacto5{display: inline-block; width: 100%; background-color: #FFF;}
#contacto5 .modulo1{display: inline-block; width: 100%; height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#contacto5 .modulo1 .titulo{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #FFF; letter-spacing: 5px; line-height: 64px; margin-top: 50px;}
#contacto5 .modulo1 .linea{display: table; margin: auto; font-family: 'Playfair Display', sans-serif; font-size: 32px; font-weight: 700; color: #FFF; letter-spacing: 5px; line-height: 10px;}
#contacto5 .modulo1 .contenido{display: block; width: 100%; max-width: 677px; margin: auto; font-family: Roboto, serif; font-size: 18px; color: #FFF; text-align: center; padding-top: 20px;}

#contacto6{display: block; width: 100%; max-width: 1280px; margin: auto; background-color: #FFF;}
#contacto6 img{display: block; margin: auto; width: 100%; max-width: 1050px;}

#contacto_mapa{display: inline-block; width: 100%; background-color: #B0B0B0; background-size: 100% auto; background-repeat: repeat-x; margin-bottom: -5px;}
#contacto_mapa img{display: block; width: 100%; height: auto; max-width: 1024px; margin: 30px auto;}

.popup-reservas{position: absolute; display: none; top: 35px; left: 8px; background-color: #FFF; border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,0.2); font-size: 16px; padding: 0 20px; text-align: left; z-index: 99999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#popup-fechas-visita_guiada{width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#popup-fechas-visita_guiada .interior{display: block; width: 100%; padding: 15px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#popup-fechas-visita_guiada .interior .cal-cabecera{display: block; width: 100%; height: 16px;}
#popup-fechas-visita_guiada .interior .cal-cabecera .mes{display: block; float: left; width: calc(100% - 32px); font-size: 16px; line-height: 16px; font-weight: 400; color: #696969; text-align: center;}
#popup-fechas-visita_guiada .interior .cal-cabecera .anterior{display: block; float: left; width: 16px; height: 16px; background-image: url('../im/calendario-anterior.svg'); cursor: pointer;}
#popup-fechas-visita_guiada .interior .cal-cabecera .siguiente{display: block; float: left; width: 16px; height: 16px; background-image: url('../im/calendario-siguiente.svg'); cursor: pointer;}
#popup-fechas-visita_guiada .interior .cal-nom-dias{display: block; width: 100%; height: 16px; margin: 10px 0 5px 0;}
#popup-fechas-visita_guiada .interior .cal-nom-dias .dia{display: block; float: left; width: 14.2%; height: 16px; font-size: 12px; line-height: 12px; font-weight: 400; color: #696969; text-align: center;}
#popup-fechas-visita_guiada .interior .cal-row-dias{display: block; width: 100%; height: 25px; margin-bottom: 4px;}
#popup-fechas-visita_guiada .interior .cal-row-dias .dia_contiene{display: block; width: 14.2%; float: left;}
#popup-fechas-visita_guiada .interior .cal-row-dias .dia{display: block; width: 35px; height: 25px; margin: auto; font-size: 14px; line-height: 25px; font-weight: 400; color: #000; text-align: center; cursor: pointer; transition: all 0.3s;}
#popup-fechas-visita_guiada .interior .cal-row-dias .dia:hover{background-color: #000; color: #FFF}
#popup-fechas-visita_guiada .interior .cal-row-dias .pasado{color: #CCC;}
#popup-fechas-visita_guiada .interior .cal-row-dias .seleccionado{background-color: #000; color: #FFF;}
#popup-fechas-visita_guiada .interior .cal-row-dias .seleccionado:hover{color: #000;}

#popup-fechas-degustaciones{width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#popup-fechas-degustaciones .interior{display: block; width: 100%; padding: 15px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#popup-fechas-degustaciones .interior .cal-cabecera{display: block; width: 100%; height: 16px;}
#popup-fechas-degustaciones .interior .cal-cabecera .mes{display: block; float: left; width: calc(100% - 32px); font-size: 16px; line-height: 16px; font-weight: 400; color: #696969; text-align: center;}
#popup-fechas-degustaciones .interior .cal-cabecera .anterior{display: block; float: left; width: 16px; height: 16px; background-image: url('../im/calendario-anterior.svg'); cursor: pointer;}
#popup-fechas-degustaciones .interior .cal-cabecera .siguiente{display: block; float: left; width: 16px; height: 16px; background-image: url('../im/calendario-siguiente.svg'); cursor: pointer;}
#popup-fechas-degustaciones .interior .cal-nom-dias{display: block; width: 100%; height: 16px; margin: 10px 0 5px 0;}
#popup-fechas-degustaciones .interior .cal-nom-dias .dia{display: block; float: left; width: 14.2%; height: 16px; font-size: 12px; line-height: 12px; font-weight: 400; color: #696969; text-align: center;}
#popup-fechas-degustaciones .interior .cal-row-dias{display: block; width: 100%; height: 25px; margin-bottom: 4px;}
#popup-fechas-degustaciones .interior .cal-row-dias .dia_contiene{display: block; width: 14.2%; float: left;}
#popup-fechas-degustaciones .interior .cal-row-dias .dia{display: block; width: 35px; height: 25px; margin: auto; font-size: 14px; line-height: 25px; font-weight: 400; color: #000; text-align: center; cursor: pointer; transition: all 0.3s;}
#popup-fechas-degustaciones .interior .cal-row-dias .dia:hover{background-color: #000; color: #FFF}
#popup-fechas-degustaciones .interior .cal-row-dias .pasado{color: #CCC;}
#popup-fechas-degustaciones .interior .cal-row-dias .seleccionado{background-color: #000; color: #FFF;}
#popup-fechas-degustaciones .interior .cal-row-dias .seleccionado:hover{color: #000;}

#popup-fechas-vino_por_copa{width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#popup-fechas-vino_por_copa .interior{display: block; width: 100%; padding: 15px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#popup-fechas-vino_por_copa .interior .cal-cabecera{display: block; width: 100%; height: 16px;}
#popup-fechas-vino_por_copa .interior .cal-cabecera .mes{display: block; float: left; width: calc(100% - 32px); font-size: 16px; line-height: 16px; font-weight: 400; color: #696969; text-align: center;}
#popup-fechas-vino_por_copa .interior .cal-cabecera .anterior{display: block; float: left; width: 16px; height: 16px; background-image: url('../im/calendario-anterior.svg'); cursor: pointer;}
#popup-fechas-vino_por_copa .interior .cal-cabecera .siguiente{display: block; float: left; width: 16px; height: 16px; background-image: url('../im/calendario-siguiente.svg'); cursor: pointer;}
#popup-fechas-vino_por_copa .interior .cal-nom-dias{display: block; width: 100%; height: 16px; margin: 10px 0 5px 0;}
#popup-fechas-vino_por_copa .interior .cal-nom-dias .dia{display: block; float: left; width: 14.2%; height: 16px; font-size: 12px; line-height: 12px; font-weight: 400; color: #696969; text-align: center;}
#popup-fechas-vino_por_copa .interior .cal-row-dias{display: block; width: 100%; height: 25px; margin-bottom: 4px;}
#popup-fechas-vino_por_copa .interior .cal-row-dias .dia_contiene{display: block; width: 14.2%; float: left;}
#popup-fechas-vino_por_copa .interior .cal-row-dias .dia{display: block; width: 35px; height: 25px; margin: auto; font-size: 14px; line-height: 25px; font-weight: 400; color: #000; text-align: center; cursor: pointer; transition: all 0.3s;}
#popup-fechas-vino_por_copa .interior .cal-row-dias .dia:hover{background-color: #000; color: #FFF}
#popup-fechas-vino_por_copa .interior .cal-row-dias .pasado{color: #CCC;}
#popup-fechas-vino_por_copa .interior .cal-row-dias .seleccionado{background-color: #000; color: #FFF;}
#popup-fechas-vino_por_copa .interior .cal-row-dias .seleccionado:hover{color: #000;}

/**WINEATTITUDE*/




.slides-container.wineattitude img{


}




@keyframes changewidth {

  from {
    transform: scale(1, 1);
	-webkit-filter: blur(0px);
	filter: blur(0px);
	opacity:1;

  }

  to {
     transform: scale(1.05, 1.05);
	-webkit-filter: blur(0.5px);
	filter: blur(0.5px);
	opacity:0.9;
  }
  /*
  0%   {left: calc(-10% + 0px);}
  25%  {left: calc(-10% + 0px);}
  50%  {left: calc(-10% + 10px);}
  75%  {left: calc(-10% + 20px);}
  100% {left: calc(-10% + 20px);}
  */
}

.wineattitude .slide img,
.carousel-item.wineattitude img {
  animation-duration: 6s;
  animation-name: changewidth;
  animation-iteration-count: initial;
  /*animation-direction: alternate;*/
  animation-delay: 0s;
  animation-timing-function: ease-out;
  opacity:1;

  /*
  transform: translate3d(0px, 200px, 0px);
  transition: transform 4s ease-out 0.5s;
	*/
}

.carousel-inner.wineattitude,
.carousel-item.wineattitude{
	height:100%;
	opacity:0.9;
}



.carousel-item.wineattitude
.carousel-inner {
	height:100%;
	overflow:hidden;
}
#carouselExampleSlidesOnly { height:100%; }

.carousel-item.wineattitude img{

	 width: calc(100% + 5px);
	 opacity:1;
	}​




.featured-img-container{
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 70%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}




/*
.owl-carousel .owl-wrapper-outer {display: table!important;}
.owl-wrapper{display: table-cell!important; text-align: center!important;}
.owl-carousel .owl-item {float: none!important; display: inline-block!important;}
*/
@media screen and (max-width: 1280px){
	header nav ul li a{margin-right: 50px;}
	nav.main-menu ul li.intermedio{padding-right: 50px;}
	#inicio2 .textos .titulo{margin: 80px auto 40px auto;}
	#inicio2 .textos .texto{margin-top: 40px;}
	#inicio-video{padding: 0;}
}
@media screen and (min-width: 1281px) and (max-width: 1919px){
	#inicio2 .textos .titulo{margin: 0 auto 50px auto;}
	#inicio2 .textos .texto{width: 100%; margin-top: 40px; font-size: 16px; line-height: 1.5em; padding-bottom: 20px;}



}
@media screen and (min-width: 1024px) and (max-width: 1280px){
	#bodega2 .col .textos .texto{margin-left: 9vw;}
	.inicio_over .innerContainer .titulo1{font-size: 20px; letter-spacing: 10px;}
	.inicio_over .innerContainer .titulo2{font-size: 18px; letter-spacing: 5px;}
	.inicio_over .innerContainer .titulo3{font-size: 18px; letter-spacing: 5px;}
	.eg-points img{max-width: 160px; height: auto;}
	#bodega9 .opciones .modulo {width: 220px; font-size: 12px;}

	#inicio2 .textos .titulo{margin: 0 auto 40px auto;}
	#inicio2 .textos .texto{width: 100%; margin-top: 10px; font-size: 14px; line-height: 1.5em; padding-bottom: 0px;}

	.mt-63 img {max-height:none!important; }


	.wineattitude .carousel-caption {
		left: 8%;
		top: 60%;
		transform: translateY(-70%);
		width:80%;
	}
	.wineattitude .carousel-caption h5 {
		font-size:90px;
		line-height:60px;
	}

}
@media screen and (min-width: 768px) and (max-width: 1023px){
	header .logo{left: 20px;}
	header .logo_scroll{left: 75px;}
	nav.main-menu{display: none;}
	#bt-mobile{display: block;}
	.slide_contenido .textos .titulo{max-width: 70%}

	#landing .container{position: relative; display: table; margin: 200px auto; left: 0; top: 0;}

	#inicio1 .contenido{max-width: 70%}
	#inicio2 .imagen{float: none; width: 100%; height: 50vw;}
	#inicio2 .imagen img{width: auto; height: 70%; margin: 7% auto;}
	#inicio2 .textos{display: inline-block; float: none; width: 100%; margin-right: 0; padding: 50px 0 50px 0;}
	#inicio2 .textos .titulo{margin: 0 auto 30px auto;}
	#inicio2 .textos .texto{width: 70%; margin-top: 30px;}
	#inicio3{padding: 50px 0 50px 0;}
	#inicio3 .left{width: 100%;}
	#inicio3 .left .titulo{position: relative; display: table; left: 0; top: 0; margin: auto; font-size: 30px; line-height: 76px; padding: 0 40px 0 40px;}
	#inicio3 .right{float: none; width: 100%; height: auto;}
	#inicio3 .right  img{float: none; width: 100%; height: auto;}
	.lifestyle_titulo{position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -110px; font-size: 20px; line-height: 50px; padding: 0 30px 0 30px;}
	#footer .info{margin: 20px 20px;}
	#footer .info .titulo{font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 14px; color: #FFF; line-height: 40px;}
	#footer .eg_points{right:20px;}
	#footer .copy{right: 20px;}
	.inicio_over .innerContainer {font-size: 14px;}
	.inicio_over .innerContainer .titulo1{font-size: 18px; letter-spacing: 5px;}
	.inicio_over .innerContainer .titulo2{font-size: 16px; letter-spacing: 3px;}
	.inicio_over .innerContainer .titulo3{font-size: 16px; letter-spacing: 3px;}

	#bodega2{display: inline-block; width: 100%; height: auto; min-height: 520px;}
	#bodega2 .col{float: none; width: 100%; height: 50vw; min-height: 300px;}
	#bodega2 .col .textos{display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center;}
	#bodega2 .col .textos .titulo{margin-left: 0;}
	#bodega2 .col .textos .texto{margin-left: 0;}

	.productos-detalle .contenido .botella{height: 500px; width: auto; margin-left: 40px;}
	.productos-detalle .contenido .info{display: inline-block; width: 65%; margin: 80px 0 60px 60px;}

	.eg-points img{max-width: 140px; height: auto;}

	#bodega9 .opciones .modulo {width: 23%; font-size: 14px; line-height: 17px; padding: 10px 0;}

	.visitas_popup .formulario .col1 {padding: 0 20px 20px 0;}
	.visitas_popup .formulario .col2 {padding: 0 0 20px 20px;}

	.mt-63 img {max-height:none!important; }
	.wineattitude .carousel-caption {
		left: 10%;
		top: 60%;
		transform: translateY(-70%);

	}
	.wineattitude .carousel-caption h5 {
		font-size:60px;
		line-height:60px;
	}
	.height-fill-inicio.wineattitude {
		height: 40vh;
		background-color: #000;
	}

}
@media screen and (max-width: 1023px){
	header{height: 88px;}
	header .logo_scroll{top: 16px;}

	#inicio2 .contiene-textos {
    position: relative;
    width: 90%;
    height: 100%;
    right: 0;
    display: inline-block;
    margin-top: 30px;
    margin-left: 5%;
    padding-bottom: 50vw;

	#slides .slides-container img{
		top:0px!important;
	}


}
#inicio2 .textos { padding: 0!important;}
}
@media screen and (max-width: 767px){
	#main {margin-top: 60px;}
	#landing .container{position: relative; display: table; width: 80%; max-width: 350px; left: 0; top: 50%; margin: auto; margin-top: -200px;}
	#landing .container img{display: block; width: 80%; margin: 25px auto 0 auto;}

	select#landing_selectCountry{width: 80%; height: 35px; background-position: 95% center;}
	select#landing_selectCountry  option{font-size: 14px; padding: 0.2em 0.4em 0.2em 0.4em; }
	select#landing_selectCountry  option[selected]{ font-weight:normal}
	select#landing_selectCountry  option:nth-child(even) { background-color:#FFF; }
	select#landing_selectCountry:hover{color: #000; border: 0;}

	header{height: 60px;}
	header .logo{display: none; left: 0px;}
	header .logo_scroll{display: block; left: 20px; top: 10px; height: 40px;}
	nav.main-menu{display: none;}
	#bt-mobile{display: block; width: 60px; height: 60px;}
	#bt-mobile-close{width: 60px; height: 60px;}
	#menu-mobile{top: 60px;}
	.slide_contenido .textos .titulo{max-width: 70%; padding: 15px 10px 15px 10px; font-size: 20px; letter-spacing: 3px;}
	.slide_contenido .textos .parrafo{max-width: 80%; font-size: 14px; line-height: 20px; margin-top: 20px;}
	.slide_contenido .textos .arrow_right{width: 40px; height: 40px; margin: 30px auto 0 auto; background-size: 100%;}
	.slides-pagination{bottom: 10px!important}

	#inicio1 .titulo{font-size: 22px;  margin-top: 60px; text-align: center;}
	#inicio1 .contenido{max-width: 70%; padding: 30px 0 50px 0; font-size: 14px;}
	#inicio2{height: auto;}
	#inicio2 .imagen{display: block; float: none; width: 100%; height: 76vw;}
	#inicio2 .imagen img{width: auto; height: 70%; margin: 12% auto;}
	#inicio2 .textos{display: inline-block; float: none; width: 100%; margin-right: 0; padding: 50px 0 50px 0;}
	#inicio2 .textos .titulo{margin: 0 auto 30px auto; font-size: 20px; padding: 15px 25px 15px 25px; line-height: 20px;}
	#inicio2 .textos .texto{width: 80%; margin-top: 20px; font-size: 14px; line-height: 22px; letter-spacing: 0;}
	#inicio3{padding: 50px 0 30px 0;}
	#inicio3 .left{width: 100%;}
	#inicio3 .left .titulo{position: relative; display: table; left: 0; top: 0; margin: auto; font-size: 20px; line-height: 20px; padding: 15px 25px 15px 25px;}
	#inicio3 .right{float: none; width: 100%; height: auto;}
	#inicio3 .right  img{float: none; width: 100%; height: auto;}

	#inicio4 .col1{display: inline-block; float: none; width: 100%; height: auto; margin: 0;}
	#inicio4 .col2{display: inline-block; float: none; width: 100%; height: auto; margin: 0;}
	#inicio4 .col3{display: inline-block; float: none; width: 100%; height: auto; margin: 0;}

	#inicio4 .col1 .image1{display: inline-block; height: 100vw; margin-bottom: 0;}
	#inicio4 .col1 .image2{display: inline-block; height: 100vw; margin-bottom: 0;}
	#inicio4 .col2 .image1{display: inline-block; height: 100vw; margin-bottom: 0;}
	#inicio4 .col2 .image2{display: inline-block; height: 100vw; margin-bottom: 0;}
	#inicio4 .col3 .image1{display: inline-block; height: 100vw; margin-bottom: 0;}
	#inicio4 .col3 .image2{display: inline-block; height: 100vw; margin-bottom: 0;}
	.lifestyle_titulo{position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -110px; font-size: 20px; line-height: 50px; padding: 0 30px 0 30px;}

	.inicio_over{background-color: rgba(0,0,0,0.3); opacity: 1; filter: alpha(opacity = 100);}
	.inicio_over .innerContainer {font-size: 14px;}
	.inicio_over .innerContainer .titulo1{font-size: 18px; letter-spacing: 5px;}
	.inicio_over .innerContainer .titulo2{font-size: 16px; letter-spacing: 3px;}
	.inicio_over .innerContainer .titulo3{font-size: 16px; letter-spacing: 3px;}

	#footer{display: inline-block; height: auto;}
	#footer .info{position: relative; display: inline-block; width: 100%; margin: 20px 0 0 0; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #FFF;}
	#footer .social{width: 100%; padding-bottom: 20px; border-bottom: 1px solid #FFF;}
	#footer .social .titulo{font-family: 'Playfair Display', sans-serif; font-weight: 700; font-size: 13px; color: #FFF; line-height: 40px; letter-spacing: 3px; margin-bottom: 10px;}
	#footer .eg_points{position: relative; display: inline-block; width: 100%; margin: 20px 0 0 0; text-align: center; right: 0;}
	#footer .eg_points .ver_listado{display: table; margin: auto;}
	#footer .eg_points .distribuidores{display: table; margin: 10px auto;}
	#footer .copy{float: none; right: 0; margin: 46px 0 20px 0; text-align: center; line-height: 50px;}

	#destacado{height: 31vw; min-height: 320px;}
	.slide_contenido .textos2 .titulo{display: table; margin: auto; border: 3px solid #FFF; font-family: 'Playfair Display', sans-serif; font-size: 30px; font-weight: 700; color: #FFF; letter-spacing: 5px; padding: 10px 30px 10px 30px;}

	#bodega1{padding-bottom: 20vw; padding-top: 20vw;}
	#bodega1 .titulo{font-size: 20px; line-height: 40px;}
	#bodega1 .linea{font-size: 20px; line-height: 10px;}
	#bodega1 .contenido{max-width: 80%; font-size: 14px; line-height: 22px;}

	#bodega2{display: block; width: 100%; height: auto; min-height: 520px;}
	#bodega2 .col{float: none; width: 100%; height: 50vw; min-height: 300px;}
	#bodega2 .col .textos{display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center;}
	#bodega2 .col .textos .titulo{font-size: 20px; line-height: 30px; margin-left: 0;}
	#bodega2 .col .textos .texto{margin-left: 0; font-size: 14px; line-height: 22px;}

	#bodega3 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; text-align: center;}
	#bodega3 .linea{font-size: 20px; line-height: 10px;}
	#bodega3 .contenido{max-width: 80%; font-size: 14px; line-height: 22px;}

	#bodega4 .col1{display: inline-block; float: none; width: 100%; height: auto; margin: 0;}
	#bodega4 .col2{display: inline-block; float: none; width: 100%; height: auto; margin: 0;}
	#bodega4 .col3{display: inline-block; float: none; width: 100%; height: auto; margin: 0;}

	#bodega4 .col1 .image1{display: inline-block; height: 100vw; margin-bottom: 0;}
	#bodega4 .col1 .image2{display: inline-block; height: 100vw; margin-bottom: 0;}
	#bodega4 .col2 .image1{display: inline-block; height: 100vw; margin-bottom: 0;}
	#bodega4 .col2 .image2{display: inline-block; height: 100vw; margin-bottom: 0;}
	#bodega4 .col3 .image1{display: inline-block; height: 100vw; margin-bottom: 0;}
	#bodega4 .col3 .image2{display: inline-block; height: 100vw; margin-bottom: 0;}

	#bodega5{padding-bottom: 20vw; padding-top: 20vw;}
	#bodega5 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; text-align: center;}
	#bodega5 .linea{font-size: 20px; line-height: 10px;}
	#bodega5 .contenido{max-width: 80%; font-size: 14px; line-height: 22px;}
	#bodega5 .contenido a{font-size: 12px;}

	#bodega6 .prev{display: none;}
	#bodega6 .next{display: none;}
	#bodega6 .current{width: 100%; height: auto; left: 0;}
	#bodega6 .bt_prev{width: 40px; height: 40px; top: 35vw; left: 10px; background-size: 100%;}
	#bodega6 .bt_next{width: 40px; height: 40px; top: 35vw; right: 10px; background-size: 100%;}

	#bodega7{padding-bottom: 5vw; padding-top: 20vw;}
	#bodega7 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; text-align: center;}
	#bodega7 .linea{font-size: 20px; line-height: 10px;}
	#bodega7 .contenido{max-width: 80%; font-size: 14px; line-height: 22px;}

	.productos-detalle .contenido .info{width: 50%; margin: 80px 0 60px 45%;}

	#winebook_argentina .titulo{max-width: 80%; font-size: 20px; letter-spacing: 3px; line-height: 30px; text-align: center;}
	#winebook_argentina .linea{font-size: 20px; line-height: 10px;}
	#winebook_argentina .texto{max-width: 80%; font-size: 14px; line-height: 22px;}
	select#selectCountry{width: 80%; background-position: 95% center;}

	.productos-detalle{display: block; width: 100%;}
	.productos-detalle .contenido{display: block; width: 100%; max-width: 1000px; margin: auto; padding-top: 0;}
	.productos-detalle .contenido .botella{position: absolute; width: auto; height: 100vw; left: 35%; bottom: 30px; margin: 0;}
	.productos-detalle .contenido .info{display: block; width: 80%; margin: auto; padding: 40px 0 110vw 0;}
	.productos-detalle .contenido .info .info-titulo{font-size: 20px; line-height: 24px;}
	.productos-detalle .contenido .info p{font-size: 14px; line-height: 20px;}

	#lifestyle1{min-height: 100px; padding: 20vw 0;}
	#lifestyle1 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; text-align: center; margin-top: 40px;}
	#lifestyle1 .linea{font-size: 20px; line-height: 10px;}
	#lifestyle1 .contenido{max-width: 80%; font-size: 14px; line-height: 22px; padding: 20px 0 40px 0;}
	#lifestyle2{display: inline-block; width: 100%; padding-bottom: 20px; overflow: hidden;}
	#lifestyle2 .current{width: 100%; left: 0; height: auto;}
	#lifestyle2 .prev{display: none;}
	#lifestyle2 .next{display: none;}
	#lifestyle2 .bt_prev{width: 40px; height: 40px; top: 35vw; left: 10px; background-size: 100%;}
	#lifestyle2 .bt_next{width: 40px; height: 40px; top: 35vw; right: 10px; background-size: 100%;}

	#lifestyle5{display: table; width: 100%;}
	#lifestyle5 .modulo1{display: block; float: none; width: 100%; height: 100vw;}
	#lifestyle5 .modulo2{display: block; float: none; width: 100%; height: 100vw;}
	#lifestyle5 .modulo3{display: block; float: none; width: 100%; height: 100vw;}

	#inicio5{display: table; width: 100%;}
	#inicio5 .modulo1{display: block; float: none; width: 100%; height: 100vw;}
	#inicio5 .modulo2{display: block; float: none; width: 100%; height: 100vw;}
	#inicio5 .modulo3{display: block; float: none; width: 100%; height: 100vw;}
	.iframe-video{height: 100vw;}

	#lifestyle7{display: inline-block; width: 100%; padding-bottom: 20px; overflow: hidden;}
	#lifestyle7 .current{width: 100%; left: 0; height: auto;}
	#lifestyle7 .prev{display: none;}
	#lifestyle7 .next{display: none;}
	#lifestyle7 .bt_prev{width: 40px; height: 40px; top: 35vw; left: 10px; background-size: 100%;}
	#lifestyle7 .bt_next{width: 40px; height: 40px; top: 35vw; right: 10px; background-size: 100%;}

	#contacto2{display: inline-block; width: 100%; min-height: 250px; background-color: #FFF;}
	#contacto2 .contenido{margin: 40px auto 40px auto; font-size: 14px; line-height: 24px;}
	#contacto2 .contenido a{font-size: 14px; line-height: 24px;}

	#contacto3 .modulo1{height: auto; padding-bottom: 40px;}
	#contacto3 .modulo1 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; margin-top: 40px;}
	#contacto3 .modulo1 .linea{font-size: 20px; line-height: 10px;}
	#contacto3 .modulo1 .contenido{width: 80%; font-size: 14px;}

	.eg-points img{max-width: 150px; height: auto;}

	#contacto5 .modulo1{height: auto; padding-bottom: 40px;}
	#contacto5 .modulo1 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; margin-top: 40px;}
	#contacto5 .modulo1 .linea{font-size: 20px;}
	#contacto5 .modulo1 .contenido{width: 80%; font-size: 14px;}

	#bodega9 .opciones {display: inline-block;}
	#bodega9 .opciones .modulo {width: 90%; margin-bottom: 20px;}
	.visitas_popup{width: 90%;}

	#winebook_argentina{padding-top: 20vw;}

	#lifestyle9{padding: 20vw 0;}
	#lifestyle9 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; text-align: center; margin-top: 40px;}
	#lifestyle9 .contenido{max-width: 80%; font-size: 14px; line-height: 22px; padding: 20px 0 40px 0;}

	#lifestyle8{padding: 20vw 0;}
	#lifestyle8 .titulo{font-size: 20px; letter-spacing: 3px; line-height: 30px; text-align: center; margin-top: 40px;}
	#lifestyle8 .contenido{max-width: 80%; font-size: 14px; line-height: 22px; padding: 20px 0 40px 0;}

	#contacto2 .jefe_venta .col1{float: none; width: 100%;}
	#contacto2 .jefe_venta .col2{float: none; width: 100%;}

	.boton_comprar {float: none; margin: 10px auto;}

	.visitas_popup{width: 90%;}
	.visitas_popup .titulo{margin-top: 20px; padding-bottom: 10px; font-size: 18px;}
	.visitas_popup .textos{padding: 15px 30px 20px 30px; font-size: 12px;}
	.visitas_popup .textos ul{padding: 0; margin: 0;}
	.visitas_popup .textos ul li{padding: 0; margin: 0;}
	.visitas_popup .textos p{font-size: 12px;}
	.visitas_popup .textos p a{font-size: 12px;}
	.visitas_popup .boton{margin: 10px 10px 10px 0;}


	#slides .slides-container img{
		top:0px!important;
	}


	.wineattitude .carousel-caption {
		left:5%;
		top: 2%;
		transform: translateY(-70%);
	}
	.wineattitude .carousel-caption h5 {
		font-size:60px;
		line-height:60px;
	}
	.height-fill-inicio.wineattitude {
		height: 30vh;
		background-color: #000;
	}


}
@media screen and (min-width: 480px) and (max-width: 767px){
	#inicio2 {padding-bottom: 10vw;}
	#inicio2 .contiene-textos {margin-top: 50px;}

	.bg_popups{position: absolute;}
	.visitas_popup{position: absolute; top: 50px; left: 5%; transform: none; z-index: 99999;}
	.visitas_popup .titulo{font-size: 28px;}
	.visitas_popup .boton{right: 0px;}
	.visitas_popup .formulario .col1{float: none; width: 100%; padding: 0 0 20px 0;}
	.visitas_popup .formulario .col2{float: none; width: 100%; padding: 0 0 20px 0;}

}
@media screen and (max-width: 480px){
	#inicio2 {padding-bottom: 30vw;}
	#inicio2 .contiene-textos {margin-top: 120px;}

	.bg_popups{position: absolute;}
	.visitas_popup{position: absolute; top: 50px; left: 5%; transform: none; z-index: 99999;}
	.visitas_popup .titulo{font-size: 28px;}
	.visitas_popup .boton{right: 0px;}
	.visitas_popup .formulario .col1{float: none; width: 100%; padding: 0 0 20px 0;}
	.visitas_popup .formulario .col2{float: none; width: 100%; padding: 0 0 20px 0;}


	#slides .slides-container img{
		top:0px!important;
	}
	.wineattitude .carousel-caption h5 {
		font-size:50px;
	}
	.wineattitude .carousel-caption {
		left: 5%;
		top: 30%;
		transform: translateY(-30%);
	}


}