html, body, * {
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

html, body {
    overflow-x: hidden;
    overflow-y: auto;
}


i { font-style:italic;}
.clear60 { width: 100%; height: 0; clear: both;}
.clear0 { width: 100%; height: 0; clear: both;}
*:focus { outline: none}




.filtro { position: fixed; width: 100%; height: 100%; background-image: url(../img/backgrounds/fondo-home.jpg); background-size: cover; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 9999999;}
.filtro .logo { width: 330px; margin-bottom: 10vh;}
.filtro .bloque { background-color: rgba(46,58,70,0.7); text-align: center; padding: 50px 30px; padding-bottom: 60px; box-sizing: border-box; width: 450px; position: relative;}
.filtro .bloque .titulo { font-size: 22px; font-weight: 600; margin-bottom: 25px;}
.filtro .bloque .idiomas { display: flex; justify-content: space-around; width: 90%;margin: auto; margin-bottom: 20px;}
.filtro .bloque .idiomas p { color: #bfa590; position: relative; padding: 6px 10px; overflow: hidden; cursor: pointer;}
.filtro .bloque .idiomas p span { position: absolute; width: 100%; height: 1px; background-color: #FFF; left: -100%; bottom: 0;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.filtro .bloque .idiomas p:hover { color: #FFF;}
.filtro .bloque .idiomas p:hover span { left: 0%;}
.filtro .bloque>p { color: #FFF; font-size: 14px; line-height: 21px; font-weight: 300; width: 80%; margin:auto}
.filtro .bloque button { position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,50%); color: #FFF; background-color: #a7907e; padding: 12px 32px; border: none; font-weight: 400; letter-spacing: 1px; font-size: 14px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.filtro .bloque button:hover { background-color: #877362;}
.filtro .bloque .idiomas p.active { color: #FFF;}
.filtro .bloque .idiomas p.active span { left:0%}




.document-opacity { opacity: 1; margin-top: 0vh;}
#page-loader {
    position: fixed; display: flex; justify-content: center; align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #2E3A46;
    z-index: 9999999;
}
#page-loader img { width: 100%;
    max-width: 260px; }





header { background-color: #2E3A46; position: fixed; top: 0px; left: 0; width: 100%; height: auto; text-align: center; z-index: 9999; height: 60px; display: flex; justify-content: center; align-items: center;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header * {
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
header .logo { position: absolute; left: 0px; height: 50%; top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 1rem; opacity: 1;}
header.header-internas .logo{ opacity: 1;}
header.header-home { top: 0px;}

nav {  display: inline-block; margin-top: 0rem;}
nav * {
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
nav p { color: #FFF; font-weight: 300; font-size: 13px; text-transform: uppercase; display: inline-block; padding: 0px 0.2em; position: relative; overflow: hidden; margin: 0px 0.3em; padding-top: 0.4em;}
nav p span { position: absolute; bottom: 0px; left: -100%; background-color: #8B97A2; width: 100%; height: 1px;}
nav p:hover span { left: 0%;}
nav:hover p {opacity: 0.7;}
nav p:hover {opacity: 1;}


.menu-scroll { height: 50px; text-align: right;}
.menu-scroll .logo { opacity: 1;}
.menu-scroll nav { margin-top: 0.3rem;margin-left: 65px;}
.menu-scroll nav p { font-size: 12px;}
.menu-scroll .languaje {  top: 0.4rem;}
.menu-scroll.header-internas .logo { display: block;}
.header-internas nav { margin-left: 145px;}
.menu-scroll .menu-mobile>img {margin-right: 15px;}



.menu-mobile { justify-content: space-around; align-items: center; display: none; cursor: pointer;}
.menu-mobile>p { color: #A7907E; font-size: 14px; letter-spacing: 1px; margin-right: 20px;}
.menu-mobile>img { width: 14px;}






.content-menu-mobile { width: 100%; height: 100%; position: fixed; background-color: #2E3A46; z-index: 999999999; top: -100%; display: block; flex-direction: column; justify-content: space-around; align-items: center;}
.content-menu-mobile .logo { width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px; opacity: 1 !important }
.content-menu-mobile .logo img { width: 260px}
.content-menu-mobile nav { display: flex; flex-direction: column; text-align: center; border-top: 1px solid #6a727b; width: 100%;  flex: 1; justify-content: center;}
.content-menu-mobile nav p { font-size: 17px; margin: 0.1em 0em;}
.content-menu-mobile .languaje-mob { display: flex; justify-content: center; align-items: center; width: 100%; padding-bottom: 50px;}
.content-menu-mobile .languaje-mob div {color: #FFF; padding: 4px; margin: 0px 4px;}
.content-menu-mobile .languaje-mob div.active { border-bottom: 1px solid #A7907E;}
.content-menu-mobile .languaje-mob div a { color: #FFF; }
.content-menu-mobile .rrss { display: flex;border-top: 1px solid #6a727b; width: 100%; padding: 10px 0px; justify-content: center; }
.content-menu-mobile .rrss li {color: #A7907E; padding: 4px; margin: 0px 4px;}
.content-menu-mobile .rrss li a { color: #A7907E; font-weight: 500; }
.content-menu-mobile .close { position: absolute; width: 20px; height: auto; top: 15px; right: 15px; cursor: pointer; padding: 6px;}
.content-menu-mobile nav a { opacity: 0;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}



 
.fixed-option { position: fixed; right: 0px; bottom: 12%; background-color: #2E3A46; z-index: 10; padding: 0.8rem 0.7rem; text-align: center; font-size: 16px; z-index: 100;}
.fixed-option p { color: #FFF; font-weight: 500; padding: 0.2em 0.3em; font-size: 0.8em;}
.fixed-option .line { width: 1.1em; height: 1px; background-color: #FFF; margin: 0.4em auto; opacity: 0.4;}
.fixed-option img { width: 1em;}
.fixed-option * {
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
.fixed-option > a:hover * { opacity: 0.6}



.languaje { position: absolute; top: 0.6rem; right: 1rem; width: 36px; height: 40px; overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
    -webkit-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0);
    box-shadow: 0px 0px 13px -5px rgba(0,0,0,0);
  }
.languaje div { font-size: 14px; width: 100%; height: 40px; line-height: 40px; color: #FFF; font-weight: 300; cursor: pointer; text-align: center; font-size: 12px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.languaje:hover { background-color: #FFF; height: auto;
    -webkit-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.66);
    -moz-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.66);
    box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.66);}
.languaje:hover div { color: #333;}
.languaje div:hover { color:#FFF; background-color: #1B232C;}





.fix-alto-header { width: 100%; height: 60px; background-color: #2E3A46;}
.hero-content { width: 100%; position: relative; height: 88vh; overflow: hidden;  text-align: center; z-index: 999;}
.hero-content .logo { position: relative; top: 7vh; height: 14vh;}
.hero-content .know-more { position: absolute; bottom: 0px; z-index: 2; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center; cursor: pointer;}
.hero-content .know-more p { font-size: 0.8rem; color: #FFF; font-weight: 500; margin-bottom: 7px;}
.hero-content .know-more .line { width: 1px; height: 6vh; background-color: #A7907E; margin: auto;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.hero-content .know-more:hover .line { height: 7vh;}
.hero-content .txt-container { position: absolute; bottom: 0px; top: 26vh; left: 2%; right: 0%; text-align: left; }
.hero-content .txt-container p { font-family: 'Playfair Display', serif; color: #FFF; margin-left: 7vh;}
.hero-content .txt-container h2 { font-family: 'Playfair Display', serif; color: #FFF; margin-left: 7vh; font-size: 8.4vh; line-height: 9.8vh; font-weight: 900; margin-top: 3vh;}
.hero-content .txt-container h2.sty2 { font-size: 13vh; line-height: 10.2vh; font-weight: 900; margin-top: 2vh;}
.hero-content .txt-container h2.sty2 span {  font-family: 'Playfair Display', serif; font-size: 11vh; line-height: 9.8vh; font-weight: 900;}
.hero-content .txt-container p.p1 { font-size: 4vh; line-height: 5.6vh; margin-bottom: 0vh; font-weight: bold;  margin-top: 4vh; }
.hero-content .txt-container p.p3 { font-size: 3.5vh; line-height: 4.8vh; margin-bottom: 2vh; font-weight: 600; margin-top: 2vh;}
.hero-content .txt-container p.p4 { font-size: 9vh; line-height: 10vh; font-weight: 900; margin-top: 4vh;}
.hero-content .txt-container p.p5 { font-size: 2.8vh; line-height: 8vh; font-weight: 300; margin-top: 1vh; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 0.5vw; text-transform: uppercase; margin-bottom: 0.6vh;}

.hero-content .txt-container p.p6 { font-size: 7.6vh; line-height: 8.5vh; font-weight: 900; margin-top: 0.5vh; margin-bottom: 0.6vh;}
.hero-content .txt-container p.seccion { font-size: 2.8vh; line-height: 4vh; font-weight: 300; margin-top: 3vh; font-family: 'IBM Plex Sans', sans-serif; letter-spacing: 0.5vw; text-transform: uppercase; margin-bottom: 0.6vh;}
.hero-content .txt-container .btn-more p {  font-family: 'IBM Plex Sans', sans-serif; }

.hero-content .lines1 { position: absolute; box-sizing: border-box; border-top: 1px solid #FFF; border-left: 1px solid #FFF;
    width: 6vh; height: 44vh; top: 0; left: 0;}
.hero-content .lines2 { position: absolute; bottom: 0; left: 0; width: 1px; height: 9vh; border-left: 1px solid #FFF; box-sizing: border-box}
.hero-content .lines2 img { height: 5vh; position: absolute; top: -7vh; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }

.hero-content .logo-linea { position: relative; top: 50%;
    transform: translateY(-80%);
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    max-width: 450px; width: 70%;}

.hero-content .txt-container .btn-slider { margin-left: 7vh;}
.hero-content .txt-container .btn-slider .btn-white { margin-right: 10px;}
.hero-content .txt-container .btn-slider .btn-white p { font-family: 'IBM Plex Sans', sans-serif; margin-left: 0px; }









.overlay-video { background: black; z-index: -10; position: absolute; /*top: 80%;*/top: 0%; left: 0; min-width: 100%; max-width: 100%; min-height: 100%; opacity: 1; overflow: hidden;}
.overlay-video .black { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.4)}
.elvideo {  position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100;            transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
     background-size: cover; transition: 1s opacity;}



.foto-fondo { position: absolute; width: 100%; height: 100%; left: 0; top: 0%; opacity: 1; overflow: hidden; z-index: -1;  background-position:  center center; background-size: cover;}
.foto-fondo.nuestros-espumantes { background-image: url(../img/backgrounds/nuestros-espumantes.jpg);}
.foto-fondo.nuestros-vinos { background-image: url(../img/backgrounds/nuestros-vinos.jpg);}
.foto-fondo.benjamin { background-image: url(../img/backgrounds/benjamin.jpg);}
.foto-fondo.nosotros { background-image: url(../img/backgrounds/nosotros.jpg);}
.foto-fondo.turismo { background-image: url(../img/backgrounds/turismo.jpg);}
.foto-fondo.buenosaires { background-image: url(../img/backgrounds/buenosaires.jpg);}
.foto-fondo.grand-cuvee { background-image: url(../img/backgrounds/grand-cuvee.jpg);}
.foto-fondo.premiosFondo { background-image: url(../img/backgrounds/premios.jpg);}


.hero-content.nuestros-espumantes .txt-container h2 { margin-top: 1vh; }




.destacado1 { width: 100%; display: flex; margin: 100px 0px; margin-top: 150px; align-items: center; position: relative;}
.destacado1 .col1 { width: 46%; position: relative;}
.destacado1 .col1 h5 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 900; position: absolute; font-size: 3.5vw; right: 2vw; line-height: 4.1vw; margin-top: -3.4vw; letter-spacing: -1px; z-index: 99;}
.destacado1 .col1 img { width: 100%;}
.destacado1 .col1 .nombre { text-transform: uppercase; letter-spacing: 2px; font-size: 1vw; text-align: right; font-weight: 300; margin-top: 12px;}
.destacado1 .col2 { flex: 1; padding: 0px 9vw}
.destacado1 .col2>p { font-size: 18px; line-height: 31px; font-weight: 300; margin-bottom: 30px;}
.destacado1 .col2>p b { font-weight: 500;}
.destacado1 .lines2 { position: absolute; top: -220px; left: 50%; box-sizing: border-box; width: 2vw; height: 280px; border-right: 1px solid #A7907E; border-bottom:  1px solid #A7907E;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
    }
.destacado1 .lines1 { position: absolute; left: 0; height: 103%; bottom: 0;width: 9vw; z-index: 999;}
.destacado1 .lines1 .cl1 { position: absolute; left: 0; height: 100%; width: 70%; box-sizing: border-box; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E;}
.destacado1 .lines1 .cl2 { position: absolute; right: 0; height: 100%; width: 30%; box-sizing: border-box; border-top: 1px solid #A7907E;}




.destacado2 { width: 100%;  position: relative; margin-top: 120px;}
.destacado2 .title { display: flex; align-items: center; position: relative;}
.destacado2 .title .sello { width: 180px; position: relative; left: 5vw;}
.destacado2 h5 { font-family: 'Playfair Display', serif; text-align: right; color: #2E3A46; font-weight: 900; font-size: 4.8vw; line-height: 5vw; flex: 1; right: 15vw; position: relative;}
.destacado2 .lines1 { position: absolute; top: -1vw; right: 0; border-top: 1px solid #A7907E; border-left: 1px solid #A7907E; height: 20px; width: 48vw;}
.destacado2 .lines2 { position: absolute; bottom: 1vw; right: 0; border-top: 1px solid #A7907E; border-left: 1px solid #A7907E; height: 250px; width: 9vw;}

.destacado2-content { display: flex; align-items: center; margin-top: 40px; position: relative;}
.destacado2-content .col1 { flex: 1; }
.destacado2-content .col1 .in { padding: 0px 9vw;}
.destacado2-content .col1 .in>p { font-size: 18px; line-height: 31px; margin-bottom: 4vw; }
.destacado2-content .col1 button { margin-right: 20px; margin-bottom: 16px;}
.destacado2-content .col2 { width: 38%; position: relative;}
.destacado2-content .col2 img { width: 100%;}
.destacado2-content .col2>.lines1 { position: absolute; top: 96%; right: 0; border-bottom: 1px solid #A7907E; border-left: 1px solid #A7907E; height: 50px; width: 9vw; z-index: -1; border-top: 0px;}
.destacado2-content .background { position: absolute; left: 0; top: -80px; bottom: 20px;right: 15vw; background-image: url(../img/background-misc-1.jpg); background-repeat: no-repeat; background-size: cover; z-index: -1;}





.destacado3 { width: 100%;  position: relative; margin-top: 230px; margin-bottom: 100px; }
.destacado3 .lines1 { position: absolute; width: 55vw; height: 70px; top: -110px; left: 0; box-sizing: border-box;border-top: 1px solid #A7907E; border-right: 1px solid #A7907E; }
.destacado3-content { display: flex; align-items: center; position: relative; width: 90vw; margin-left: auto; justify-content: flex-end;
    background-image: url(../img/foto-fondo-exp.jpg); background-size: cover; background-position:  center center; }
.destacado3-content .info { width: 50%; padding: 7vw 5vw; padding-bottom: 4vw; background-color:rgba(46,58,70,0.75) }
.destacado3-content .info > * { color: #FFF;}
.destacado3-content .info h5 { font-family: 'Playfair Display', serif; color: #FFF; font-weight: 900; font-size: 4vw; line-height: 4.6vw; position: relative; margin-bottom: 1.5rem;}
.destacado3-content .info>p { margin-bottom: 2rem; font-size: 18px; line-height: 31px;}
.destacado3-content .info button { margin-right: 20px;}
.destacado3-content .foto { width: 35vw; height: 560px; background-image: url(../img/foto-3.jpg); background-size: cover; background-position: center center;}
.destacado3-content .lines2 { position: absolute; width: 80vw; height: 82px; top: 0px; left: 5vw; z-index: 99; }
.destacado3-content .lines2 .box1 { position: absolute; width: 100%; height: 65%; box-sizing: border-box; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF;}
.destacado3-content .lines2 .box2 { position: absolute; width: 100%; height: 35%; top: 65%; box-sizing: border-box; border-right: 1px solid #FFF;}





.btn-gold {  border: 2px solid #A7907E; background: transparent; padding: 12px 30px; position: relative; overflow: hidden;
    -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;
}
.btn-gold>p {  color: #A7907E; position: relative; font-size: 15px; font-weight: 600; z-index: 1;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;
}
.btn-gold span { position: absolute; width: 100%; height: 0%; left: 0; top: 100%; background-color: #A7907E; z-index: 0;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.btn-gold:hover p { color: #FFF;}
.btn-gold:hover span { top: 0%; height: 100%;}



.btn-white {  border: 2px solid #FFF; background: transparent; padding: 12px 30px; position: relative; overflow: hidden;
    -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;
}
.btn-white>p {  color: #FFF; position: relative; font-size: 15px; font-weight: 600; z-index: 1;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;
}
.btn-white span { position: absolute; width: 100%; height: 0%; left: 0; top: 100%; background-color: #FFF; z-index: 0;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.btn-white:hover p { color: #A7907E;}
.btn-white:hover span { top: 0%; height: 100%;}



.btn-blue {  border: 2px solid #2E3A46; background: transparent; padding: 12px 30px; position: relative; overflow: hidden;
    -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;
}
.btn-blue>p {  color: #2E3A46; position: relative; font-size: 15px; font-weight: 600; z-index: 1;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;
}
.btn-blue span { position: absolute; width: 100%; height: 0%; left: 0; top: 100%; background-color: #2E3A46; z-index: 0;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.btn-blue:hover p { color: #FFF;}
.btn-blue:hover span { top: 0%; height: 100%;}



.btn-more { background: transparent; border: none; text-align: left; margin: 0px; padding: 0px; margin-top: 1.4rem; display: flex; justify-content: start; align-items: center;padding: 6px 0px;}
.btn-more>p { color: #2E3A46; font-size: 13px; margin-right: 10px;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.btn-more>.arrow { width: 18px;}
.btn-more:hover p { margin-right: 16px; }








.novedades { width: 90%; margin: 100px auto; height: auto; text-align: center;}

.novedades .title2 { display: flex; width: 86%; margin:auto; justify-content: center; align-items: baseline;}
.novedades .title2 .izq { height: 18px; flex: 1; border-left: 1px solid #A7907E; border-top: 1px solid #A7907E; }
.novedades .title2 .der {height: 18px; flex: 1; border-right: 1px solid #A7907E; border-top: 1px solid #A7907E; }
.novedades .title2 h5 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 3.3vw; line-height: 4vw; padding: 0px 30px;}


.novedades .title3 { display: flex; width: 86%; margin-right: auto; justify-content: flex-start; align-items: baseline; position: relative; }
.novedades .title3 .line { height: 18px; width: 107%; flex: 1; border-right: 1px solid #A7907E; border-top: 1px solid #A7907E; position: absolute; left: -10%; top: 35px; z-index: -1;}
.novedades .title3 h5 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 3.3vw; line-height: 4vw; padding: 0px 30px; background-color: #FFF;}


.novedades .title { width: 96%; height: auto; display: flex; align-items: center; margin: auto;}
.novedades .title h5 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 900; font-size: 4.2vw; line-height: 4.6vw; position: relative; padding-right: 20px;}
.novedades .title .lines1 { flex: 1; height: 30px; width: 100%; margin-top: 44px; border-top: 1px solid #A7907E; border-right: 1px solid #A7907E;}

.list-news {  display: block; justify-content: space-between; margin-top: 60px; width: 100%; margin-bottom: 60px;}
.list-news .item { width: 46%;}
.list-news .item .foto { width: 100%;}
.list-news .item .txt-cont { margin-top: 20px; border-left: 6px solid #EFEFEF; padding-left: 20px; padding-right: 10px;; text-align: left}
.list-news .item .txt-cont span { font-size: 12px;  color: #A7907E; letter-spacing: 3px; text-transform: uppercase; }
.list-news .item .txt-cont h6 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: bold; font-size: 2.1vw; line-height: 2.6vw; margin-bottom: 1rem; margin-top: 0.5rem; }
.list-news .item .txt-cont>p { font-size: 16px; line-height: 28px; color: #222;}

.list-news .slick-slide { padding: 0px 25px; box-sizing: border-box;}






footer { width: 100%; height: auto; background-color: #222222; text-align: center; display: flex; flex-direction: column; align-items: center; }
footer .logo { width: 170px; margin: 25px 0px; margin-bottom: 18px; opacity:1 !important}
footer .line { width: 60%; height: 1px;  background-color: #616161; opacity: 0.5}
footer nav { margin-bottom: 20px;}
footer nav p { font-size: 13px;}
footer .bottom { background-color: #3C3B3B; width: 100%; padding: 16px 0px; display: flex; justify-content: space-between; align-items: center;}
footer .bottom>p { color: #FFF; font-size: 10px; letter-spacing: 1px; margin-left: 20px; opacity: 0.8;}
footer .bottom>p a { color: #FFF;}
footer .bottom>p a:hover { text-decoration: underline}
footer ul { display: flex; margin-right: 20px;}
footer ul li {}
footer ul li p { font-weight: bold; font-size: 12px; padding: 0px 6px;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
footer ul li a p { color: #FFF;}
footer ul li p:hover { opacity: 0.6;}
footer .foot-mobile { display: none; width: 90%; margin: 30px 0px; background-color: #222;}
footer .foot-mobile>li { width: 100%; height: auto; margin: 10px 0px; text-align: center;}





.contenedor-vinos { position: relative; width: 90%; margin: auto; max-width: 1400px; display: flex; flex-direction: column; text-align: center; margin-bottom: 70px;}
.contenedor-vinos .lines1 { background-color: #A7907E; width: 1px; height: 60px; margin: auto; margin-bottom: 25px;}
.contenedor-vinos h4 {  font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 900; font-size: 3.9vw; line-height: 4.2vw; padding-bottom: 0.8em;}
.contenedor-vinos h4>span{ color: #2E3A46; font-weight: 300; font-size: 1.7vw; letter-spacing: 2px; text-transform: uppercase;}
.contenedor-vinos>p { font-size: 18px; line-height: 33px; font-weight: 300; width: 90%; max-width: 800px; margin: auto;}
.contenedor-vinos .lista-vinos { display: flex; 	justify-content: center;  margin: 50px auto; margin-bottom: 30px; flex-wrap: wrap; width: 90%;  }





.contenedor-vinos .lista-vinos .item .cont-foto {  position: relative; }
.contenedor-vinos .lista-vinos .item .cont-foto .foto { position: absolute; left: 12px; right: 12px; top: 12px; bottom: 12px; overflow: hidden;z-index: 9;}
.contenedor-vinos .lista-vinos .item .cont-foto .foto img { position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     height: 100%;
    -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.contenedor-vinos .lista-vinos .item .cont-foto .foto:hover img { height: 106%;}
.contenedor-vinos .lista-vinos .item .cont-foto .color { position: absolute; bottom: 0; left: 0; width: 100%; background-color: chartreuse; height: 60px; z-index: 1}
.contenedor-vinos .lista-vinos .item .cont-logo { width: 100%; height: 65px; display: flex; justify-content: center; align-items: center;}
.contenedor-vinos .lista-vinos .item .logo {     width: 180px;  max-height: 46px;}
.contenedor-vinos .lista-vinos .item .btn-more { margin: auto;}
.contenedor-vinos .lista-vinos .item .cont-foto .color1 { background-color: #C1C1C1}
.contenedor-vinos .lista-vinos .item .cont-foto .color2 { background-color: #C5A993}
.contenedor-vinos .lista-vinos .item .cont-foto .color3 { background-color: #8B544F}
.contenedor-vinos .lista-vinos .item .cont-foto .color4 { background-color: #D59068}
.contenedor-vinos .lista-vinos .item .cont-foto .color5 { background-color: #A7907E}
.contenedor-vinos .lista-vinos .item .cont-foto .color6 { background-color: #2E3A46}
.contenedor-vinos .background { position: absolute; width: 100%; bottom: 0px; top: 120px; left: 0;  z-index: -1;
background-image: url(../img/background-misc-1.jpg); background-size: cover;}





.lista-vinos.column-3 { max-width: 1160px;}
.lista-vinos.column-3 .item {flex: none; margin-bottom: 50px;  width: 25%;   box-sizing: border-box; }
.lista-vinos.column-3 .item .in { width: 100%;  width: 250px; margin:auto;}
.lista-vinos.column-3 .item .cont-foto { width: 100%; height: 250px; }


.lista-vinos.column-2 { max-width: 610px; margin-top: 65px;}
.lista-vinos.column-2 .item {flex: none; margin-bottom: 50px;  width: 50%;   box-sizing: border-box; }
.lista-vinos.column-2 .item .in { width: 100%;  width: 250px; margin:auto;}
.lista-vinos.column-2 .item .cont-foto { width: 100%; height:250px; }
.lista-vinos.column-2 .item .cont-foto .foto { background-image: url(../img/wood-1.png); background-size: cover; background-position:  center center; overflow: visible; }
.lista-vinos.column-2 .item .cont-foto .foto .botella { position: absolute; height: 120%; top: 53%;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.lista-vinos.column-2 .item .cont-foto .foto:hover img { height: 126%;}
.lista-vinos.column-2 .item .cont-logo { margin-top: 26px;}
.lista-vinos.column-2 .item .logo { width: 170px; max-height: 65px;}


.lista-vinos.column-3b { max-width: 1200px; margin-top: 70px;}
.lista-vinos.column-3b .item {flex: none; margin-bottom: 50px;  width: 25%;   box-sizing: border-box; }
.lista-vinos.column-3b .item .in { width: 100%;  width: 250px; margin:auto;}
.lista-vinos.column-3b .item .cont-foto { width: 100%; height:250px; }
.lista-vinos.column-3b .item .cont-foto .foto { background-image: url(../img/wood-2.jpg); background-size: cover; background-position:  center center; overflow: visible; }
.lista-vinos.column-3b .item .cont-foto .foto .botella { position: absolute; height: 120%; top: 53%;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.lista-vinos.column-3b .item .cont-foto .foto:hover img { height: 126%;}
.lista-vinos.column-3b .item .cont-logo { margin-top: 26px;}
.lista-vinos.column-3b .item .logo { width: 170px; max-height: 65px;}




.lista-vinos.column-3c { max-width: 960px; margin-top: 70px;}
.lista-vinos.column-3c .item {flex: none; margin-bottom: 50px;  width: 33.33%;   box-sizing: border-box; }
.lista-vinos.column-3c .item .in { width: 100%;  width: 250px; margin:auto;}
.lista-vinos.column-3c .item .cont-foto { width: 100%; height:250px; }
.lista-vinos.column-3c .item .cont-foto .foto { background-image: url(../img/wood-2.jpg); background-size: cover; background-position:  center center; overflow: visible; }
.lista-vinos.column-3b .item .cont-foto .foto .botella { position: absolute; height: 120%; top: 53%;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.lista-vinos.column-3c .item .cont-foto .foto:hover img { height: 100%;}
.lista-vinos.column-3c .item .cont-logo { margin-top: 26px;}
.lista-vinos.column-3c .item .logo { width: 170px; max-height: 65px; opacity: 1 !important}




.lista-vinos.column-2b { max-width: 610px; margin-top: 70px;}
.lista-vinos.column-2b .item {flex: none; margin-bottom: 50px;  width: 50%;   box-sizing: border-box; }
.lista-vinos.column-2b .item .in { width: 100%;  width: 250px; margin:auto;}
.lista-vinos.column-2b .item .cont-foto { width: 100%; height:250px; }
.lista-vinos.column-2b .item .cont-foto .foto { background-color: #FFF;}
.lista-vinos.column-3b .item .cont-foto .foto .botella { position: absolute; height: 120%; top: 53%;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.lista-vinos.column-2b .item .cont-foto .foto:hover img { height: 100%;}
.lista-vinos.column-2b .item .cont-logo { margin-top: 26px;}
.lista-vinos.column-2b .item .logo { width: 170px; max-height: 65px; opacity: 1 !important}




.contenedor-vinos .lista-vinos .item .cont-tipo { width: 100%; height: auto; padding: 10px 0px; margin-top: 6px; margin-bottom: 12px; position: relative;}
.contenedor-vinos .lista-vinos .item .cont-tipo>p { color: #46525D; font-size: 26px; font-weight: 600;font-family: 'Playfair Display', serif; line-height: 25px;}
.contenedor-vinos .lista-vinos .item .cont-tipo>p>span { color: #C5A993; font-size: 15px; font-weight: 500;}
.contenedor-vinos .lista-vinos .item .cont-tipo>span { font-family: 'Playfair Display', serif; position: absolute; color: #f2f2f2; font-size: 80px; letter-spacing: 1px; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     z-index: -1;}










.content-link { width: 100%; height: auto; display: flex; justify-items: center; align-items: center; margin-bottom: 100px;}
.content-link .izq { width: 50%;height: auto; display: flex; justify-content: center; align-items: center; position: relative; }
.content-link .izq img { position: relative; width: 80%;}
.content-link .izq .border { background-color: #A7907E; width: 40%; height: 50%; position: absolute; bottom: -3%;  right: 8.4%;
 z-index: -1;}
.content-link .der {width: 50%}
.content-link .der .lines1 { width: 100%; box-sizing: border-box; height: 22px; border-top: 1px solid #A7907E; border-left: 1px solid #A7907E; margin-bottom: -20px;}
.content-link .der h6 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 900; font-size: 6vw; line-height: 3.5vw; margin-bottom: 60px;}
.content-link .der h6 span { font-family: 'IBM Plex Sans', sans-serif; font-size: 1.4vw; color: #333; font-weight: 300; letter-spacing: 0.3em;}




.content-link2 { width: 100%; height: auto; padding: 50px 0px;  margin-bottom: 70px; position: relative;}
.content-link2 .in { position: relative; width: 95%; left: 5%; height: auto; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; background-color: #2E3A46; padding-top: 260px; padding-bottom: 2.5vw;}
.content-link2 .in h6 {  font-family: 'Playfair Display', serif; color: #FFF; font-weight: 900; font-size: 5.5vw; line-height: 6.1vw; padding-left: 3vw; z-index: 9}
.content-link2 .in button  { padding-left: 3vw;}
.content-link2 .in button p { color: #FFF;}
.content-link2 .in .lines1 { position: absolute; top: 0; right: 3vw; left: 3vw; height: 70px;}
.content-link2 .in .lines1 .box1 { position: absolute; width: 100%; height: 65%; box-sizing: border-box; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; z-index: 9;}
.content-link2 .in .lines1 .box2 { position: absolute; width: 100%; height: 35%; top: 65%; box-sizing: border-box; border-left: 1px solid #FFF;}
.content-link2 .in .pic { position: absolute; right: 0; top: 0; bottom: 0; left: 23vw; overflow: hidden;}
.content-link2 .in .pic img { position: absolute;  top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     width: 100%;}
.content-link2 .background { position: absolute; top: 0; bottom: 0; left: 0; right: 3vw; background-image: url(../img/background-misc-1.jpg); background-size: cover; z-index: -1;}
.content-link2 .in .lines2 {width: 27vw; height: 19px; background-color: #A7907E; position: absolute; bottom: 0px; right: 3vw; z-index: 99;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
     -ms-transform: translateY(50%);
    }









.cont-detalle-producto { width: 100%; height: auto; position: relative; height: 88vh;  margin-bottom: 100px; display: flex}
.cont-detalle-producto .izq { width: 45%; display: flex; align-items: center;}
.cont-detalle-producto .izq .lines { width: 25%; height: 75vh; background-color: #FFF; margin-right: 3%; display: flex; }
.cont-detalle-producto .izq .lines .box1 { width: 80%; position: relative; border-bottom: 1px solid #e0e1e3; border-right: 1px solid #e0e1e3; display: flex; flex-direction: column; justify-content: flex-end}
.cont-detalle-producto .izq .lines .box1 .premios { display: flex; flex-direction: column; margin-bottom: 30px;}
.cont-detalle-producto .izq .lines .box1 .premios img  {  width: 50px; margin: 4px auto;}
.cont-detalle-producto .izq .lines .box1 .btn-more2 { position: absolute; bottom: 0%; left: 50%;
    transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,50%);
     -ms-transform: translate(-50%,50%);
      width: 46px; height: 22px; background-color: #FFF;}
.cont-detalle-producto .izq .lines .box1 .btn-more2 .bot { width: 22px; height: 22px; margin:auto; border: 1px solid #A7907E; text-align: center; display: flex; justify-content: center; align-items: center; color: #A7907E; cursor: pointer;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.cont-detalle-producto .izq .lines .box1 .btn-more2 .bot:hover { background-color: #A7907E; color: #FFF;}


.cont-detalle-producto .izq .lines .box2 { width: 20%; border-top: 1px solid #e0e1e3; position: relative;}
.cont-detalle-producto .izq .lines .box2 .uvas { position: absolute; top: 10%; left: 0; width: 25px;
    transform: translateX(-50%);
    -webkit-transform:  translateX(-50%);
     -ms-transform:  translateX(-50%);
     height: auto; background-color: #FFF; padding: 10px 0px;}

.cont-detalle-producto .izq .info { flex: 1; display: flex; flex-direction: column; }
.cont-detalle-producto .izq .info .logo { width: 55%; opacity: 1 !important /*max-width: 300px; max-height: 50px;*/}
.cont-detalle-producto .izq .info .blend { color: #2E3A46; font-weight: 300; letter-spacing: 2px; text-transform: uppercase;
    font-size: 21px; margin: 0.8vw 0 1.3vw 0}
.cont-detalle-producto .izq .info .variedad { color: #A7907E; font-size: 17px; line-height: 22px; margin-bottom: 1.3vw; text-transform: uppercase}
/* .cont-detalle-producto .izq .info .data { font-size: 16px; line-height: 29px; margin-bottom: 1.8vw} */
.cont-detalle-producto .izq .info .data { display: flex; flex-direction: column; margin-bottom: 1.3vw}
.cont-detalle-producto .izq .info .data .cada-item { display: flex; margin-bottom: 0.2vw;}
.cont-detalle-producto .izq .info .data .cada-item .title { margin-right: 6px; font-weight: bold;}

.cont-detalle-producto .izq .info .line3 { width: 1px; height: 70px; background-color: #A7907E; margin:auto; display: none;}

.cont-detalle-producto .izq .info .flecha-bajar { width: 12px; margin-top: 1.5vw; cursor: pointer;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.cont-detalle-producto .izq .info .flecha-bajar:hover { opacity: 0.6;}

.btn-ficha { text-align: left; cursor: pointer;  display: inline-block; width: fit-content}
.btn-ficha img { width: 18px; display: inline-block; vertical-align: middle; margin-right: 4px;}
.btn-ficha .arrow { width: 18px; display: inline-block; vertical-align: middle; margin-left: 0px; opacity: 0;
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.btn-ficha p { font-size: 14px; font-weight: 600; display: inline-block; vertical-align: middle; color: #A7907E; padding-top: 2px;}
.btn-ficha:hover .arrow { opacity: 1; margin-left: 10px;}


.cont-detalle-producto .der { width: 55%; position: relative;}
.cont-detalle-producto .der .cont-botella {width: 50vh; height: 56vh; position: absolute; bottom: 12vh; left: 5vh; background-image: url(../img/wood-2.jpg); background-size: cover; border: 14px solid #FFF; z-index: 10;}
.cont-detalle-producto .der .cont-botella img { position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform:  translate(-50%,-50%);
     -ms-transform:  translate(-50%,-50%);
     height: 146%; }
.cont-detalle-producto .der .pic1 { position: absolute; left: 0; bottom: 25vh; height: 30vh; width: 5vh; background-image: url(../img/pic1.jpg); background-size: cover;}
.cont-detalle-producto .der .pic2 { position: absolute; top: 0; right: 0; width: 55%; height: 48vh; z-index: 0; background-image: url(../img/pic2.jpg); background-size: cover; border-left: 14px solid #FFF;}
.cont-detalle-producto .der .back { position: absolute; top: 0; right: 55%; width: 25%; height: 25vh; z-index: 0; background-image: url(../img/background-misc-1.jpg); background-size: cover;}
.cont-detalle-producto .der .lines { position: absolute; top: 48vh; right: 20%; width: 30%; height: 15vh; z-index: 0; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E;}




.degustacion { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 100px; position: relative; margin-top: 40px;}
.degustacion .foto { width: 42%; height: auto; margin-left: 3%; margin-right: 5%;}
.degustacion .data { flex: 1; display: flex; flex-direction: column; margin-top: -40px; overflow: hidden;}
.degustacion .data h6 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 5.3vw; line-height: 0.9vw;margin-bottom: 2vw;}
.degustacion .data h6 span { font-size: 1.5vw; font-weight: 300; letter-spacing: 0.7vw; }
.degustacion .data p { font-size: 1.2vw; line-height: 2.3vw; font-weight: 300; color: #666;padding-right: 150px;}
.degustacion .data .line { width: 100%; height: 18px; border-left: 1px solid #A7907E; border-top: 1px solid #A7907E; margin-bottom: 3vw;}
.degustacion .background { width: 65%; top: -50px; right: 0; bottom: 30px; background-image: url(../img/background-misc-1.jpg); background-size: cover; position: absolute; z-index: -1;}





.premios { width: 80%; margin: 100px auto; height: auto; text-align: center;}
.premios h5 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 900; font-size: 4.2vw; line-height: 4.6vw; position: relative;}

.list-premios {  display: block; justify-content: space-between; margin-top: 60px; width: 100%; margin-bottom: 60px;}
.list-premios .item { text-align: center;}
.list-premios .item .premio { height: 12vw; margin:auto;}
.list-premios .item .txt-cont { margin-top: 0.4vw; text-align: center}
.list-premios .item .txt-cont h6 { color: #2E3A46; font-weight: bold; font-size: 1.3vw; line-height: 1.8vw; }
.list-premios .item .txt-cont h6.fix-single { padding-top: 1vw; }
.list-premios .item .txt-cont>p { font-size: 1.1vw; line-height: 1vw; color: #222; padding-top: 0.2vw;}
.list-premios .item .raya { width: 60px; height: 2px; background-color: #A7907E; margin: 0.9vw auto;}






.recomendacion { width: 94%; height: auto; padding: 70px 0px; padding-bottom: 40px; margin:auto; background-image: url(../img/background-misc-1.jpg); background-size: cover; margin-bottom: 100px;}
.recomendacion .title { display: flex; width: 86%; margin:auto; justify-content: center; align-items: baseline;}
.recomendacion .title .izq { height: 18px; flex: 1; border-left: 1px solid #A7907E; border-top: 1px solid #A7907E; }
.recomendacion .title .der {height: 18px; flex: 1; border-right: 1px solid #A7907E; border-top: 1px solid #A7907E; }
.recomendacion .title h5 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 3.3vw; line-height: 4vw; padding: 0px 30px;}




.lista-recomendacion { width: 90%; margin:auto;  margin-top: 60px;  }
.lista-recomendacion .item {flex: none; margin-bottom: 45px;  width: 300px; padding-top: 30px;}
.lista-recomendacion .item .cont-foto {  position: relative;width: 100%; max-width: 300px; height:280px; margin:auto; }
.lista-recomendacion .item .cont-foto .foto { position: absolute; left: 12px; right: 12px; top: 12px; bottom: 12px; z-index: 9; background-image: url(../img/wood-2.jpg); background-size: cover; background-position:  center center; overflow: visible;}
.lista-recomendacion .item .cont-foto .foto .botella { position: absolute; height: 125%; top: 53%;  left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform:  translate(-50%,-50%);
     -ms-transform:  translate(-50%,-50%);
    -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.lista-recomendacion .item .cont-foto .foto:hover img { height: 110%;}
.lista-recomendacion .item .cont-foto .color { position: absolute; bottom: 0; left: 0; width: 100%; background-color: chartreuse; height: 60px; z-index: 1}
.lista-recomendacion .item .cont-logo { width: 100%; height: 65px; display: flex; justify-content: center; align-items: center;}
.lista-recomendacion .item .logo { width: 150px; max-height: 40px;}
.lista-recomendacion .item .btn-more { margin: auto;}
.lista-recomendacion .item .cont-tipo { width: 100%; height: auto; padding: 10px 0px; margin-top: 22px; margin-bottom: 12px; position: relative; text-align: center;}
.lista-recomendacion .item .cont-tipo>p { color: #46525D; font-size: 26px; font-weight: 600;font-family: 'Playfair Display', serif; line-height: 25px;}
.lista-recomendacion .item .cont-tipo>p>span { color: #C5A993; font-size: 15px; font-weight: 500;}
.lista-recomendacion .item .cont-tipo>span { font-family: 'Playfair Display', serif; position: absolute; color: #E9e9e9; font-size: 80px; letter-spacing: 1px; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform:  translate(-50%,-50%);
     -ms-transform:  translate(-50%,-50%);
     z-index: -1;}
.lista-recomendacion .item .cont-foto .color1 { background-color: #C1C1C1}
.lista-recomendacion .item .cont-foto .color2 { background-color: #C5A993}
.lista-recomendacion .item .cont-foto .color3 { background-color: #8B544F}
.lista-recomendacion .item .cont-foto .color4 { background-color: #D59068}
.lista-recomendacion .item .cont-foto .color5 { background-color: #A7907E}
.lista-recomendacion .item .cont-foto .color6 { background-color: #2E3A46}
.lista-recomendacion .item .cont-foto .foto:hover img { height: 130%;}







.destacado4 { width: 100%; display: flex; margin: 120px 0px; align-items: center; position: relative;}
.destacado4 .col1 { width: 46%; position: relative;}
.destacado4 .col1 h5 { font-family: 'Playfair Display', serif; color: #FFF; font-weight: 900; position: absolute; font-size: 6.3vw; line-height: 4.1vw; letter-spacing: -1px; z-index: 99; bottom: 6vw; left: 10vw;}
.destacado4 .col1 h5 span {  font-family: 'IBM Plex Sans', sans-serif; font-weight: 300; font-size: 1.8vw; letter-spacing: 4px;}
.destacado4 .col1 img { width: 100%;}
.destacado4 .col1 .nombre { text-transform: uppercase; letter-spacing: 2px; font-size: 1vw; text-align: right; font-weight: 300; margin-top: 12px;}
.destacado4 .col2 { flex: 1; padding: 0px 9vw}
.destacado4 .col2>p { font-size: 18px;line-height: 31px; font-weight: 300; margin-top: 0%;}
.destacado4 .col2>p b { font-weight: 500;}
.destacado4 .lines2 { position: absolute; top: -15vw; left: 50%; box-sizing: border-box; width: 2vw; height: 35vw; border-right: 1px solid #A7907E; border-bottom: 1px solid #A7907E;
    transform: translateX(-100%);
    -webkit-transform:  translateX(-100%);
    -ms-transform:  translateX(-100%);
}
.destacado4 .lines1 { position: absolute; left: 0; height: 55%; bottom: -37%; width: 9vw; z-index: 999;}
.destacado4 .lines1 .cl1 { position: absolute; left: 0; height: 100%; width: 70%; box-sizing: border-box; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E;}
.destacado4 .lines1 .cl2 { position: absolute; right: 0; height: 100%; width: 30%; box-sizing: border-box; border-top: 1px solid #A7907E;}





.la-bodega { width: 100%; height: auto; position: relative; margin-bottom: 190px;}
.la-bodega .nombre-bodega { width: 96%; height: auto; background-color: #8B97A2; margin-left: auto; padding-bottom: 4vw; padding-top: 10vw; background-image: url(../img/fondo-bodega.jpg); background-size:  cover; background-position:  center center;}
.la-bodega .nombre-bodega h6 { font-family: 'Playfair Display', serif; color: #FFF; font-weight: 900;  font-size: 5.8vw; line-height: 4.1vw; letter-spacing: -1px; z-index: 99; margin-left: 8%;}
.la-bodega .nombre-bodega h6 span {  font-family: 'IBM Plex Sans', sans-serif; font-weight: 300; font-size: 1.8vw; letter-spacing: 4px;}

.la-bodega .contenedor { width: 88%; display: flex; margin-left: auto; justify-content: center; align-items: flex-start; margin-top: 8vw; ;}
.la-bodega .contenedor .izq { flex: 1}
.la-bodega .contenedor .izq p { padding-right: 130px; font-size: 18px; line-height: 32px; margin-top: 40px;}
.la-bodega .contenedor .der { width: 55%; position: relative;  padding-bottom: 0px;}
.la-bodega .contenedor .der img { width: 100%;}
.la-bodega .contenedor .der .colgante { position: absolute; background-color: #FFF; padding: 2.7vw 2.2vw; top: 0%;  z-index: 9;
    transform: translateY(-85%);
    -webkit-transform:  translateY(-85%);
    -ms-transform:  translateY(-85%);
    left: 10%; width: 40%;}
.la-bodega .contenedor .der .colgante p { font-weight: bold; font-size: 1vw}
.la-bodega .contenedor .der .line2 { background-color: #A7907E; width: 60%; height: 20px; position: absolute; right: 0; bottom: 0px;
    transform: translateY(20%);
    -webkit-transform:  translateY(20%);
    -ms-transform:  translateY(20%);
}
.la-bodega .contenedor .der .line { position: absolute; width: 85%; height: 3.5vw;border-top: 1px solid #A7907E; border-left: 1px solid #A7907E;top: -13vw; right: 0; z-index: 10}
.la-bodega .background { position: absolute; top: 5vw; bottom: -5vw; left: 0; right: 3vw; background-image: url(../img/background-misc-1.jpg); background-size: cover; z-index: -1;}







.fincas { width: 100%; height: auto; position: relative; margin-bottom: 120px;}
.fincas .title { width: 34%; text-align: right;}
.fincas .title .line { width: 100%; height: 26px; border-top: 1px solid #A7907E; border-right: 1px solid #A7907E; }
.fincas .title h6 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 900;  font-size: 6.2vw; line-height: 2.6vw; letter-spacing: -1px; z-index: 99; margin-left: 8%; margin-top: -2vw;}
.fincas .title h6 span {  font-family: 'IBM Plex Sans', sans-serif; font-weight: 300; font-size: 1.5vw; letter-spacing: 4px;}
.fincas .title .background {position: absolute;  bottom: 0vw; top: 5.5vw; left: 4vw; right: 0vw; background-image: url(../img/background-misc-1.jpg); background-size: cover; z-index: -1;}
.fincas .lista-fincas { width: 100%; height: auto; margin-top: 60px;}
.fincas .cada-finca {width: 100%; height: auto;  background-color: #2E3A46; position: relative;}
.fincas .cada-finca .nombre { height: auto;  background-color: #2E3A46; width: auto; position: absolute; top: 0px; right: 10vw; z-index: 200; padding: 20px 30px; text-align: right;}
.fincas .cada-finca .nombre  p.tit { color: #A7907E; font-weight: bold; font-size: 0.8em; line-height: 1.4em; margin-bottom: 8px; margin-right: 3px;}
.fincas .cada-finca .nombre  p.desc { color: #FFF; font-size: 1.1em; letter-spacing: 0.3vw; }
.fincas .cada-finca .cont-foto { width: 100%; height: 36vw; overflow: hidden; position: relative; z-index: 1;}
.fincas .cada-finca .cont-foto img { width: 100%; object-fit: initial; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.fincas .cada-finca .datos { width: auto; margin:auto; display: flex; z-index: 100; padding-bottom: 36px; position: relative; justify-content: center;min-height: 175px;}
.fincas .cada-finca .datos .box { margin:0px 5%;}
.fincas .cada-finca .datos .box.box100 { margin:0px 2% !important; width: 24% !important;}
.fincas .cada-finca .datos .box .linea { width: 1px; height: 80px; background-color: #FFF; margin-top: -40px; margin-bottom: 16px;}
.fincas .cada-finca .datos .box p.tit { color: #A7907E; font-weight: bold; font-size: 0.8em; line-height: 1.4em; margin-bottom: 6px;}
.fincas .cada-finca .datos .box p.desc { color: #FFF; font-size: 1.1em }
.fincas .line2 { position: absolute; width: 24%; height: 50px;background-color: #A7907E; bottom: -5px; left: 4vw; z-index: -1;}

.lista-fincas .slick-prev { width: 45px; height: 50px; background-color: #A7907E; left: 0px; top: 40%; background-image: url(../img/izq.svg); background-size: 28px; background-repeat: no-repeat; background-position:  center right;
    -moz-transition-property: all;  -moz-transition-duration: 0.2s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.2s;
    -o-transition-property: all;  -o-transition-duration: 0.2s;
    -ms-transition-property: all;  -ms-transition-duration: 0.2s;}
.lista-fincas .slick-next { width: 45px; height: 50px; background-color: #A7907E; right: 0px; top: 40%; background-image: url(../img/der.svg); background-size: 28px; background-repeat: no-repeat; background-position:  center left;
    -moz-transition-property: all;  -moz-transition-duration: 0.2s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.2s;
    -o-transition-property: all;  -o-transition-duration: 0.2s;
    -ms-transition-property: all;  -ms-transition-duration: 0.2s;}
.lista-fincas .slick-prev:hover { width: 52px;}
.lista-fincas .slick-next:hover { width: 52px;}





.nuestra-gente { width: 100%; height: auto; position: relative; margin-bottom:50px; overflow: hidden;}
.nuestra-gente .title { width: 80%; text-align: left; margin-left: auto;}
.nuestra-gente .title .line { width: 100%; height: 26px; border-top: 1px solid #A7907E; border-left: 1px solid #A7907E; }
.nuestra-gente .title h6 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 900;  font-size: 6.2vw; line-height: 3.5vw; letter-spacing: -1px; z-index: 99; margin-top: -2vw; width: auto; display: inline-block; text-align: right;}
.nuestra-gente .title h6 span {  font-family: 'IBM Plex Sans', sans-serif; font-weight: 300; font-size: 1.5vw; letter-spacing: 4px;}

.gente1 { display: flex; width: 100%; height: auto; justify-content: center; align-items: center; margin: 50px 0px;}
.gente1 .izq { width: 50%; position: relative;}
.gente1 .izq .line1 { width: 35%; height: 10px; background-color: #2E3A46;}
.gente1 .izq .line2 { width: 25%; height: 20vw; position: absolute; border-top: 1px solid #A7907E; border-right: 1px solid #A7907E;  bottom: -18vw; left: 92%; z-index: -1; display: none;}
.gente1 .izq img { width: 92%;}
.gente1 .der { flex: 1; padding-right: 10vw; padding-left: 1vw;}
.gente1 .der span { color: #A7907E; font-size: 1vw; letter-spacing: 3px;}
.gente1 .der .nombre { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 4.5vw; line-height: 3.2vw; margin-top: -0.9vw; }
.gente1 .der .nombre span { font-family: 'Playfair Display', serif; color: #2E3A46;  font-weight: 600; font-size: 2.2vw;}
.gente1 .der .info { font-size: 15px; line-height: 25px; color: #333}
.gente1 .der p { font-size: 15px; line-height: 25px; color: #333}
.gente1 .der .line { background-color: #A7907E; height: 1px; width: 200px;
    transform: translateX(-60%);
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    margin-top: 3vw; margin-bottom: 2vw;}


.gente2 { display: flex; width: 100%; height: auto; justify-content: center; align-items: center; flex-direction: row-reverse; margin: 90px 0px;}
.gente2 .izq { width: 50%; text-align: right}
.gente2 .izq .line1 { width: 35%; height: 10px; background-color: #2E3A46; margin-left: auto;}
.gente2 .izq img { width: 92%;}
.gente2 .der { flex: 1; padding-left: 10vw; text-align: right; padding-right: 4vw; position: relative;}
.gente2 .der span { color: #A7907E; font-size: 1vw; letter-spacing: 3px;}
.gente2 .der .nombre { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 4.5vw; line-height: 3.2vw; margin-top: -0.9vw; }
.gente2 .der .nombre span { font-family: 'Playfair Display', serif; color: #2E3A46;  font-weight: 600; font-size: 2.2vw;}
.gente2 .der .info { font-size: 15px; line-height: 25px; color: #333}
.gente2 .der .line { background-color: #A7907E; height: 1px; width: 300px;
    transform: translateX(60%);
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
     margin-top: 3vw; margin-bottom: 2vw; margin-left: auto;}
.gente2 .der .line3 { width: 8vw; height: 20px; left: 0; bottom: 0; position: absolute; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E;}




.enelmundo { display: flex; width: 100%; height: auto; justify-content: center; align-items: flex-end; margin-bottom: 140px; position: relative; }
.enelmundo .izq { flex: 1; padding-left: 8vw; margin-bottom: 4vw;}
.enelmundo .izq .line { width: 100%; height: 26px;  border-top: 1px solid #A7907E; border-left: 1px solid #A7907E; margin-bottom: 3vw;}
.enelmundo .izq h6 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 5.5vw; line-height: 2.8vw; margin-top: 2.3vw;}
.enelmundo .izq h6 span { font-size: 1.5vw; font-weight: 300; letter-spacing: 0.7vw; display: block; margin-top: 15px;}
.enelmundo .izq p { font-size: 16px; line-height: 30px; margin-top: 2vw;padding-right: 10vw;}
.enelmundo .der { width: 44%; text-align: left;}
.enelmundo .der img { width: 100%;  margin-bottom: 1vw;}
.enelmundo .der span { font-weight: 300; font-size: 0.9vw; letter-spacing: 2px;}
.enelmundo  .background { position: absolute; top: 3vw; bottom: -3vw; left: 0; right: 5vw; background-image: url(../img/background-misc-1.jpg); background-size: cover; z-index: -1;}





.destacado5 { width: 100%; display: flex; margin: 120px 0px; align-items:center; position: relative; margin-bottom: 100px}
.destacado5 .col1 { width: 46%; position: relative;}
.destacado5 .col1 img { width: 100%;}
.destacado5 .col1 .refe { text-transform: uppercase; font-size: 16px; text-align: right;}
.destacado5 .col2 { flex: 1; padding: 0px 8vw}
.destacado5 .col2 h5 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 5.5vw; line-height: 2.7vw; margin-bottom: 4vw;}
.destacado5 .col2 h5 span { font-size: 1.4vw; font-weight: 300; letter-spacing: 0.4vw;}
.destacado5 .col2>p { font-size: 18px; line-height: 33px; font-weight: 300; margin-bottom: 2.4vw;}
.destacado5 .col2>p b { font-weight: 500;}
.destacado5 .col2 .sello { position: absolute; bottom: -90px; right: 0%; width: 200px;}
.destacado5 .lines2 { position: absolute; top: -15vw; left: 50%; box-sizing: border-box; width: 2vw; height: 30vw; border-right: 1px solid #A7907E; border-bottom: 1px solid #A7907E;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
}
.destacado5 .lines1 { position: absolute; left: 0; bottom: -9%; top: -6%; width: 9vw; z-index: -1;}
.destacado5 .lines1 .cl1 { position: absolute; left: 0; height: 100%; width: 70%; box-sizing: border-box; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E;}
.destacado5 .lines1 .cl2 { position: absolute; right: 0; height: 100%; width: 30%; box-sizing: border-box; border-top: 1px solid #A7907E;}





.actividades { width: 100%; height: auto; margin-bottom: 100px; overflow: hidden; padding-top: 50px; padding-bottom: 20px;}
.actividades .title { width: 85%; text-align: left; margin-left: auto; z-index: 100; }
.actividades .title h5 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600;  font-size: 6vw; line-height: 3.5vw; letter-spacing: -1px; width: auto; display: inline-block; text-align: right; margin-bottom: 2vw;}
.actividades .title .line1 { width: 100%; height: 26px; border-bottom: 1px solid #A7907E; border-left: 1px solid #A7907E;
    position: relative; z-index: 100; }

.actividades .cada-actividad { display: flex; flex-direction: row; justify-content: center; align-items: center; background-image: url(../img/background-misc-1.jpg); background-repeat: no-repeat; background-size: cover;margin-bottom: -6px;}
.actividades .cada-actividad.actividad-1 {padding-top: 140px; margin-top: -4vw; z-index: 0;}
.actividades .cada-actividad.reverse { flex-direction: row-reverse}
.actividades .cada-actividad .izq { width: 50%; position: relative;}
.actividades .cada-actividad .izq img { width: 100%;}
.actividades .cada-actividad .izq .line2 { width: 70%; height: 12px; position: absolute; bottom: -5px; z-index: 0;margin-left: 15%; }
.actividades .cada-actividad .der { flex: 1; padding: 0px 6vw;}
.actividades .cada-actividad .der h6 { font-family: 'Playfair Display', serif; color: #2E3A46; font-size: 3vw; line-height: 3.5vw; font-weight: 600; margin-bottom: 2vw;}
.actividades .cada-actividad .der>p { font-size: 16px; line-height: 28px; margin-bottom: 1.8vw;}



.actividades .cada-actividad .izq .line2.color1 { background-color: #C1C1C1}
.actividades .cada-actividad .izq .line2.color2 { background-color: #C5A993}
.actividades .cada-actividad .izq .line2.color3 { background-color: #8B544F}
.actividades .cada-actividad .izq .line2.color4 { background-color: #D59068}
.actividades .cada-actividad .izq .line2.color5 { background-color: #A7907E}
.actividades .cada-actividad .izq .line2.color6 { background-color: #2E3A46}





.contacto-in { width: 100%; height: auto; margin-bottom: 100px; display: flex; justify-content: center;align-items:flex-start;}
.contacto-in .izq { width: 50%; position: relative;margin-top:2vw;}
.contacto-in .izq h5 {  font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600;  font-size: 5vw; line-height: 5vw; margin-left: 5vw;}
.contacto-in .izq>p.bajada { letter-spacing: 0.5vw; margin-left: 7px; margin-top: 0.5vw; font-size: 1.2vw;margin-left: 5.5vw;}
.contacto-in .izq .line1 { width: 65%; height: 18px;border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E; margin-bottom: 3vw; margin-top: 0.8vw;}
.contacto-in .izq>p { margin-left: 5.5vw; margin-bottom: 0.4vw; padding-right: 6vw; display: flex; align-items: center; }
.contacto-in .izq>p a { color: #111}
.contacto-in .izq>p a:hover { text-decoration: underline}
.contacto-in .izq>p b { font-weight: 500; color: #707070}
.contacto-in .izq>p img { width: 15px; margin-right: 5px;}
.contacto-in .izq .background { position: absolute; top: 4vw; bottom: -3.5vw; left: 0; right: 0vw; background-image: url(../img/background-misc-1.jpg); background-size: cover; z-index: -1;}
.contacto-in .der { flex: 1; padding: 0px 6vw; }
.contacto-in .der p { color: #A7907E; font-size: 0.9vw; letter-spacing: 0.2vw; font-weight: 500; margin-bottom: 0.4vw;}
.contacto-in .der select { width: 100%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw;}
.contacto-in .der input { width: 100%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw;}
.contacto-in .der .campos100 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.contacto-in .der .campos100 .campo50 { width: 44%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw;}
.contacto-in .der textarea { width: 100%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw; height: 140px; resize: none;}
.contacto-in .der .cont-captcha { width: 200px; height: 60px; margin-right: auto; background-color: #EFEFEF;}
.contacto-in .der button { background-color: #2E3A46; color: #FFF; letter-spacing: 0.3vw; font-size: 0.9vw; padding: 16px 40px; border: none; margin-left: auto;
    -moz-transition-property: all;  -moz-transition-duration: 0.4s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.4s;
    -o-transition-property: all;  -o-transition-duration: 0.4s;
    -ms-transition-property: all;  -ms-transition-duration: 0.4s;}
.contacto-in .der button:hover { background-color: #1C2126}







.experiencias-in { width: 100%; height: auto; margin-bottom: 100px; overflow: hidden; }
.experiencias-in .title { width: 70%; text-align: left; margin-right: auto; z-index: 100; display: flex; flex-direction: column;align-items: flex-end; }
.experiencias-in .title h5 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600;  font-size: 4.5vw; line-height: 4.5vw; letter-spacing: -1px; display: inline-block; text-align: left; margin-bottom: 1.4vw; margin-right: 10px;}
.experiencias-in .title .line1 { width: 100%; height: 26px; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E;
    position: relative; z-index: 100; }


.experiencias-in .la-experiencia { width: 90vw; height: auto; position: relative; overflow: hidden; text-align: right; margin-top: 4vw;}
.experiencias-in .la-experiencia.mendoza { background-image: url(../img/casa-nieto.jpg); background-size: cover; background-position:  center center;}
.experiencias-in .la-experiencia.bsas { background-image: url(../img/casa-vistalba2.jpg); background-size: cover; background-position:  center center;}
.experiencias-in .la-experiencia .fondo { position: absolute; object-fit: cover; width: 100%; z-index: -1; top: 0; left: 0;}
.experiencias-in .la-experiencia .info { margin-top: 18vw; margin-right: 4vw; margin-bottom: 4vw;}
.experiencias-in .la-experiencia .info h6 { font-family: 'Playfair Display', serif; color: #FFF; font-weight: 600;  font-size: 5.5vw; line-height: 4.5vw; letter-spacing: -1px; }
.experiencias-in .la-experiencia .info h6 span { font-family: 'Playfair Display', serif;  font-size: 4.5vw;}
.experiencias-in .la-experiencia .info>p { color: #FFF; font-size: 1vw; letter-spacing: 0.4vw; text-transform: uppercase; margin-top: 1vw;}
.experiencias-in .la-experiencia .info .btn-more { margin-left: auto;}
.experiencias-in .la-experiencia .info .btn-more p { color: #FFF;}
.experiencias-in .la-experiencia .back-color {  position: absolute; z-index: -1; top: 0; bottom: 0; right: 0; width: 40vw; background-color: #2E3A46; opacity: 0.7;}
.experiencias-in .la-experiencia .lines { height: 90px; position: absolute; left: 4vw; right: 4vw;  top: 0;}
.experiencias-in .la-experiencia .lines .box1 { width: 100%; height: 60%; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF;}
.experiencias-in .la-experiencia .lines .box2 { width: 100%; height: 40%; border-right: 1px solid #FFF;}





.head-actividades { width: 100%; height: auto; display: flex; justify-content: center;align-items: center; margin-bottom: 80px;}
.head-actividades .izq { flex: 1; padding: 0px 5vw; position: relative;}
.head-actividades .izq .btn-volver { position: absolute; width: 34px; height: 40px; background-color: #2E3A46; left: 0; top: 6%; cursor: pointer;
    -moz-transition-property: all;  -moz-transition-duration: 0.4s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.4s;
    -o-transition-property: all;  -o-transition-duration: 0.4s;
    -ms-transition-property: all;  -ms-transition-duration: 0.4s; }
.head-actividades .izq .btn-volver img { width: 30px; position: absolute; right: 0; top: 50%;
    transform: translate(30%,-50%);
    -webkit-transform: translate(30%,-50%);
    -ms-transform: translate(30%,-50%);
    -moz-transition-property: all;  -moz-transition-duration: 0.4s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.4s;
    -o-transition-property: all;  -o-transition-duration: 0.4s;
    -ms-transition-property: all;  -ms-transition-duration: 0.4s;
}
.head-actividades .izq .btn-volver:hover { width: 40px;}
.head-actividades .izq .btn-volver:hover img { right: 10px;;}

.head-actividades .izq p.nombre {  font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600;  font-size: 3.3vw; line-height: 3.6vw; margin-bottom: 1vw;}
.head-actividades .izq p.desc { font-family: 'Playfair Display', serif; color: #2E3A46; font-size: 1.8vw; }
.head-actividades .izq p.info { color: #A7907E; font-size: 0.9vw; margin: 3vw 0px; letter-spacing: 0.2vw; font-weight: 500;}
.head-actividades .izq p.extra { color: #A7907E; font-size: 1.3vw; line-height: 2vw; font-style: italic;}
.head-actividades .izq .btn-gold { margin: 2.5vw 0px;}
.head-actividades .izq .flecha { cursor: pointer;
    -moz-transition-property: all;  -moz-transition-duration: 0.4s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.4s;
    -o-transition-property: all;  -o-transition-duration: 0.4s;
    -ms-transition-property: all;  -ms-transition-duration: 0.4s;}
.head-actividades .izq .flecha:hover { opacity: 0.6;}
.head-actividades .der { width: 54%;}
.head-actividades .der img { width: 100%;}





.parrafo2 { width: 80%; margin:auto; margin-bottom: 30px; position: relative; padding-bottom: 30px;}
.parrafo2 .in { width: 80%; margin:auto;}
.parrafo2 h6 { font-family: 'Playfair Display', serif; color: #2E3A46;font-weight: 900; font-size: 26px;line-height: 36px; }
.parrafo2 p { columns: 2; font-size: 16px; line-height: 31px; column-gap: 6vw;}
.parrafo2 .line { position: absolute; width: 47%; height: 22px; border-bottom: 1px solid #A7907E; border-left: 1px solid #A7907E; right: 0; bottom: 0vw;}




.parrafo2b { width: 80%; margin:auto; margin-bottom: 30px; position: relative; padding-bottom: 30px;}
.parrafo2b .in { width: 80%; margin:auto;}
.parrafo2b h6 { font-family: 'Playfair Display', serif; color: #2E3A46;font-weight: 900; font-size: 32px; margin-bottom: 15px;line-height: 36px; }
.parrafo2b p { font-size: 16px; line-height: 31px; column-gap: 6vw;}
.parrafo2b .line { position: absolute; width: 47%; height: 22px; border-bottom: 1px solid #A7907E; border-left: 1px solid #A7907E; right: 0; bottom: 0vw;}

.fotoNota { width: 80%; margin-left: 10%; margin-bottom: 50px;}




.destacado6 { width: 100%; display: flex; margin: 120px 0px; align-items:flex-start; position: relative; margin-bottom: 100px}
.destacado6 .col1 { width: 46%; position: relative;}
.destacado6 .col1 img { width: 100%;}
.destacado6 .col2 { flex: 1; padding: 0px 8vw}
.destacado6 .col2 h5 { font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: 600; font-size: 5.5vw; line-height: 2.7vw; margin-bottom: 4vw;}
.destacado6 .col2 h5 span { font-size: 1.4vw; font-weight: 300; letter-spacing: 0.4vw;}
.destacado6 .col2>p { font-size: 18px; line-height: 33px; font-weight: 300; margin-bottom: 2.4vw;}
.destacado6 .col2>p b { font-weight: 500;}
.destacado6 .col2 .sello { position: absolute; bottom: -90px; right: 0%; width: 200px;}
.destacado6 .lines2 { position: absolute; top: -10vw; left: 50%; box-sizing: border-box; width: 7vw; height: 30vw; border-left: 1px solid #A7907E; border-bottom: 1px solid #A7907E; z-index: 100; }
.destacado6 .lines1 { position: absolute; left: 0; bottom: 3%; top: 5%; width: 7vw; z-index: -1;}
.destacado6 .lines1 .cl1 { position: absolute; left: 0; height: 100%; width: 70%; box-sizing: border-box; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E;}
.destacado6 .lines1 .cl2 { position: absolute; right: 0; height: 100%; width: 30%; box-sizing: border-box; border-top: 1px solid #A7907E;}








.novedades-all { width: 90%; margin: auto; position: relative; margin-bottom: 70px;}
.novedades-all .line { width: 1px; height: 100px; background-color: #A7907E; position: absolute; top: 0; left: 50%;}
.novedades-all .search { width: 40%; padding-top: 70px; margin-bottom: 50px;}
.novedades-all .search select { width: 42%; margin-right: 30px; display: inline-block; padding: 6px; border: none; border-bottom: 1px solid #A7907E; letter-spacing: 1px; background-color: #FFF;}
.novedades-all .more { width: auto; display: inline-block; text-align: center; margin:auto; cursor: pointer;}
.novedades-all .more p { font-size: 12px; font-weight: 600;color: #2E3A46; letter-spacing: 2px; margin-bottom: 10px;
    -moz-transition-property: all;  -moz-transition-duration: 0.4s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.4s;
    -o-transition-property: all;  -o-transition-duration: 0.4s;
    -ms-transition-property: all;  -ms-transition-duration: 0.4s;}
.novedades-all .more img { width: 12px;
    -moz-transition-property: all;  -moz-transition-duration: 0.4s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.4s;
    -o-transition-property: all;  -o-transition-duration: 0.4s;
    -ms-transition-property: all;  -ms-transition-duration: 0.4s;}
.novedades-all .more:hover p{ opacity: 0.6;}
.novedades-all .more:hover img { opacity: 0.6;}



.list-news2 {  display: flex; justify-content: space-between; margin-top: 60px; width: 100%; margin-bottom: 60px; flex-wrap: wrap;}
.list-news2 .item { width: 47%; margin-bottom: 60px;}
.list-news2 .item .foto { width: 100%;}
.list-news2 .item .txt-cont { margin-top: 20px; border-left: 6px solid #EFEFEF; padding-left: 20px; padding-right: 10px; text-align: left}
.list-news2 .item .txt-cont span { font-size: 12px;  color: #A7907E; letter-spacing: 3px; text-transform: uppercase; }
.list-news2 .item .txt-cont h6 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: bold; font-size: 2.1vw; line-height: 2.6vw; margin-bottom: 1rem; margin-top: 0.5rem; padding-right: 50px; }
.list-news2 .item .txt-cont>p { font-size: 16px; line-height: 28px; color: #222;}
















.galeria { width: 90%; max-width: 1300px; margin: auto; height: auto; padding: 30px 0px; margin-bottom: 80px;}
.galeria .title { width: 90%; position: relative; margin: auto;}
.galeria .title h6 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: bold; font-size: 3.6vw; line-height: 4vw; letter-spacing: -1px;}
.galeria .title .line { position: absolute; bottom: -85px; left: 0px; height: 60px;border-left: 1px solid #A7907E; border-top: 1px solid #A7907E; width: 360px; }
.galeria .fotos { width: 100%; height: auto; margin-top: 60px;}


.galeria .fotos .slick-prev { width: 45px; height: 50px; background-color: #2E3A46; left: -10px; top: 50%;
    background-image: url(../img/izq2.svg); background-size: 28px; background-repeat: no-repeat; background-position:  center right;
    -moz-transition-property: all;  -moz-transition-duration: 0.2s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.2s;
    -o-transition-property: all;  -o-transition-duration: 0.2s;
    -ms-transition-property: all;  -ms-transition-duration: 0.2s;}
.galeria .fotos .slick-next { width: 45px; height: 50px; background-color: #2E3A46; right: -10px; top: 50%;
    background-image: url(../img/der2.svg); background-size: 28px; background-repeat: no-repeat; background-position:  center left;
    -moz-transition-property: all;  -moz-transition-duration: 0.2s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.2s;
    -o-transition-property: all;  -o-transition-duration: 0.2s;
    -ms-transition-property: all;  -ms-transition-duration: 0.2s;}
.galeria .fotos .slick-prev:hover { width: 52px;}
.galeria .fotos .slick-next:hover { width: 52px;}






.contacto-principal { width: 100%; height: auto; padding: 80px 0px; display: flex; position: relative;}
.contacto-principal .izq { width: 50%; padding: 0px 3vw;}
.contacto-principal .izq .foto { width: 100%;}
.contacto-principal .izq .txts { margin-left: 16%; width: 70%;}
.contacto-principal .izq p { margin-top: 1.8vw; margin-bottom: 5vw; font-size: 18px; line-height: 34px;; }
.contacto-principal .izq h4 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: bold; font-size: 3.6vw; line-height: 4vw; letter-spacing: -1px;}
.contacto-principal .line { position: absolute; width: 8%; height: 30vw; z-index: -1;}
.contacto-principal .line .box1 { height: 100%; width: 70%; border-bottom: 1px solid #A7907E; border-right: 1px solid #A7907E; box-sizing: border-box; position: absolute; left: 0;}
.contacto-principal .line .box2 { height: 100%; width: 30%; border-top: 1px solid #A7907E; box-sizing: border-box; position: absolute; right: 0;}



.contacto-principal .der { width: 50%;}
.contacto-principal .der .cont-form { flex: 1; padding-right: 10vw;}
.contacto-principal .der .cont-form p { color: #A7907E; font-size: 0.9vw; letter-spacing: 0.2vw; font-weight: 500; margin-bottom: 0.4vw;}
.contacto-principal .der .cont-form select { width: 100%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw;}
.contacto-principal .der .cont-form input { width: 100%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw;}
.contacto-principal .der .cont-form .campos100 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.contacto-principal .der .cont-form .campos100 .campo50 { width: 43%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw;}
.contacto-principal .der .cont-form textarea { width: 100%; height: auto; border: 1px solid #A7907E;  padding: 12px; margin-bottom: 1.2vw; height: 140px; resize: none;}
.contacto-principal .der .cont-form .cont-captcha { width: 200px; height: 60px; margin-right: auto; background-color: #EFEFEF;}
.contacto-principal .der .cont-form button { background-color: #2E3A46; color: #FFF; letter-spacing: 0.3vw; font-size: 0.9vw; padding: 16px 40px; border: none; margin-left: auto;
    -moz-transition-property: all;  -moz-transition-duration: 0.4s;
    -webkit-transition-property: all;  -webkit-transition-duration: 0.4s;
    -o-transition-property: all;  -o-transition-duration: 0.4s;
    -ms-transition-property: all;  -ms-transition-duration: 0.4s;}
.contacto-principal .der .cont-form button:hover { background-color: #1C2126}

.contacto-principal .der .abajo { margin-top: 10vw; background-image: url(../img/background-misc-1.jpg); box-sizing: border-box; padding: 4vw; position: relative;}
.contacto-principal .der .abajo h6 {font-family: 'Playfair Display', serif; color: #2E3A46; font-weight: bold; font-size: 3.2vw; line-height: 3vw; letter-spacing: -1px; margin-bottom: 3vw;}
.contacto-principal .der .abajo p.lugar { color: #A7907E; font-size: 1.4vw; margin-bottom: 0.2vw;}
.contacto-principal .der .abajo p.info { font-size: 1vw; line-height: 1.6vw; margin-bottom: 1.2vw;}
.contacto-principal .der .line { width: 28%; height: 1px; background-color: #A7907E; position: absolute; top: 40%; left: 0%; z-index: 999; transform: translateX(-80%);}




.fuente { font-size: 12px;  font-weight: 500; color: #666; background-color: #EEE; padding: 8px 12px;}
.fuente a { color: #000}
.fuente a:hover { text-decoration: underline;}














@media screen and (max-width:1350px){
    .lista-vinos.column-3 .item { width: 33.33%;}
    .lista-vinos.column-3b .item { width: 33.33%;}
    .lista-vinos.column-3c .item { width: 33.33%;}
    .lista-vinos.column-2b .item { width: 50%;}


    .destacado4 .col2>p { font-size: 16px;line-height: 26px; }

}





@media screen and (max-width:1200px){
    header { height: 56px;}
    .fix-alto-header {    height: 56px;  }
    header.header-internas .logo { width: 105px;}
    .header-internas nav {   margin-left: 85px;    }
    .menu-scroll .logo {    width: 105px; }
    .menu-scroll nav {  margin-left: 97px; }
    .languaje {   top: 0.55rem;}
    .languaje div {  font-size: 11px; }


    nav {margin-top: 0.3rem;   }
    nav p { font-size: 11px; margin: 0px 0.1em;}

    .languaje { right: 0.4rem;}
    .menu-scroll nav { }
    .menu-scroll nav p { font-size: 11px; margin: 0px;}

    .destacado1 { margin-top: 120px;}

    .destacado2 h5 { font-size: 5.8vw; line-height: 6vw;}
    .destacado2-content .col1 .in { padding: 0px 4vw;}
    .destacado2-content .col1 .in>p { font-size: 17px; line-height: 30px; margin-bottom: 3vw; }
    .destacado2-content .col2 { width: 40%; }
    .destacado2-content .background { bottom: -20px;}

    .destacado3-content { width: 100%;}
    .destacado3-content .foto { width: 46vw; height: 600px; }
    .destacado3-content .lines2 { height: 60px;}

    footer nav p { font-size: 10px;}

    .list-news .item .txt-cont h6 { font-size: 2.8vw; line-height: 3.2vw; }

    .contenedor-vinos h4 {  font-size: 5vw; line-height: 5.3vw; }
    .contenedor-vinos h4>span { font-size: 2.5vw;}

    .premios h5 { font-size: 5.5vw; }
    .list-premios .item .premio { height: 14vw; }
    .list-premios .item .txt-cont h6 { font-size: 1.6vw; line-height: 2.2vw; }
    .list-premios .item .txt-cont>p { font-size: 1.4vw; line-height: 1.3vw; }
    .list-premios .item .raya {  margin: 1.2vw auto;}
    .list-premios .slick-dots { bottom: -50px;}


    .premios { width: 90%;  }

    .recomendacion .title h5 { font-size: 4.3vw; line-height: 5vw; }

    .degustacion .data {  margin-top: 0px; }
    .degustacion .data h6 {  font-size: 5.8vw; }
    .degustacion .data h6 span { font-size: 1.9vw; }
    .degustacion .data p { font-size: 1.4vw; line-height: 2.6vw; padding-right: 50px; }
    .degustacion .background { top: -30px; bottom: -30px;}

    .cont-detalle-producto .izq { width: 55%;}
    .cont-detalle-producto .der { width: 45%;}
    .cont-detalle-producto .der .pic1 {  display: none; }
    .cont-detalle-producto .der .cont-botella { left: 0vh;}
    .cont-detalle-producto .izq .lines { width: 14%; margin-right: 2%;}
    .cont-detalle-producto .izq .lines .box1 { width: 40%;}
    .cont-detalle-producto .izq .lines .box2 { width: 60%;}
    .cont-detalle-producto .izq .lines .box1 .premios { display: none }
    .cont-detalle-producto .izq .lines .box1 .btn-more2 { display: none}
    .cont-detalle-producto .izq .lines .box2 .uvas { width: 18px;}
    .cont-detalle-producto .der .pic2 {  width: 70%; }
    .cont-detalle-producto .der .back { right: initial; left: 14px; width: 30%;}
    .cont-detalle-producto .der .lines { right: 3%; width: 20%; height: 22vh;}


    .destacado4 { margin: 75px 0px; align-items: center;}
    .destacado4 .lines1 { height: 65%; }
    .destacado4 .col1 h5 { font-size: 7.3vw; line-height: 4.9vw; }
    .destacado4 .col1 h5 span { font-size: 2.2vw; }
    .destacado4 .col2 { padding: 0px 6vw; padding-right: 4vw; }
    .destacado4 .col2>p { font-size: 16px; line-height: 28px; }

    .la-bodega .nombre-bodega { padding-bottom: 5vw; padding-top: 12vw; }
    .la-bodega .nombre-bodega h6 { font-size: 7vw; line-height: 5vw; }
    .la-bodega .nombre-bodega h6 span { font-size: 2.2vw; letter-spacing: 4px; }
    .la-bodega .contenedor .der .colgante p { font-size: 1.4vw; }
    .la-bodega .contenedor .der .colgante { width: 60%;}
    .la-bodega .contenedor .der .line { height: 3vw; top: -15vw; }
    .la-bodega .contenedor .izq p { padding-right: 50px; font-size: 16px; line-height: 28px; margin-top: 25px;}
    .fincas .cada-finca .cont-foto { height: 45vw;}

    .nuestra-gente { margin-bottom: 75px;}
    .nuestra-gente .title h6 { font-size: 8.6vw; line-height: 4.2vw; }
    .nuestra-gente .title h6 span { font-size: 2vw;}
    .gente1 .izq .line2 { display: none }
    .gente1 .izq { width: 55%; }
    .gente1 .der { padding-right: 4vw;}
    .gente1 .der span { font-size: 1.5vw; }
    .gente1 .der .nombre { font-size: 5.8vw; line-height: 4.5vw; margin-top: -1.2vw; }
    .gente1 .der .nombre span { font-size: 2.8vw;}
    .gente1 .der .line { margin-top: 2.3vw; margin-bottom: 1.3vw; }

    .gente2 .izq .line2 { display: none }
    .gente2 .izq { width: 55%; }
    .gente2 .der { padding-left: 4vw; padding-right: 1vw;}
    .gente2 .der span { font-size: 1.5vw; }
    .gente2 .der .nombre { font-size: 5.8vw; line-height: 4.5vw; margin-top: -1.2vw; }
    .gente2 .der .nombre span { font-size: 2.8vw;}
    .gente2 .der .line3 { display: none }
    .gente2 .der .line { margin-top: 2.3vw; margin-bottom: 1.3vw; }

    .enelmundo { align-items: flex-start; }
    .enelmundo .izq { padding-left: 4vw; margin-bottom: 2vw; }
    .enelmundo .izq h6 { font-size: 6.2vw; line-height: 3.2vw;}
    .enelmundo .izq h6 span { font-size: 2vw; }
    .enelmundo .der { margin-top: -30px;}
    .enelmundo .der span { font-size: 1.2vw; }
    .enelmundo .background { top: -6vw; bottom: -2vw; }


    .fincas .cada-finca .datos .box {  margin: 0px 4%;}

    .hero-content .txt-container h2.sty2 { font-size: 12vh;  }

    .actividades .cada-actividad.actividad-1 {padding-top: 86px;    }
    .destacado5 { margin: 80px 0px; margin-bottom: 50px;}
    .destacado5 .col2 { padding: 0px 7vw; }
    .destacado5 .col2 h5 {  font-size: 6.2vw; }
    .destacado5 .col2 h5 span { font-size: 1.8vw; }
    .destacado5 .col2 .sello {  width: 150px; }
    .actividades .cada-actividad .der { padding: 0px 3vw;}
    .actividades .cada-actividad .der h6 { font-size: 3.2vw; }
    .actividades .cada-actividad .der>p { font-size: 14px; line-height: 25px; margin-bottom: 1.3vw; }

    .contacto-in { margin-bottom: 70px;}
    .contacto-in .izq h5 { font-size: 6vw;}
    .contacto-in .der p { font-size: 1.3vw;}
    .contacto-in .izq>p.bajada { font-size: 1.7vw; margin-left: 5.5vw; }
    .contacto-in .izq { width: 53%; }
    .contacto-in .der { padding: 0px 4vw;}
    .contacto-in .der .campos100 .campo50 { width: 43%; }
    .contacto-in .der button { letter-spacing: 0.1vw; font-size: 1.4vw; padding: 10px 25px;}

    .experiencias-in { margin-bottom: 70px; }
    .experiencias-in .title h5 { font-size: 5.2vw; line-height: 5.3vw;}
    .experiencias-in .la-experiencia .info {  margin-top: 20vw;}
    .experiencias-in .la-experiencia .info h6 { font-size: 6.5vw; line-height: 5.2vw;}
    .experiencias-in .la-experiencia .info h6 span { font-size: 5.2vw; }
    .experiencias-in .la-experiencia .info>p { font-size: 1.4vw; }
    .experiencias-in .la-experiencia .back-color {  width: 50vw; }


    .head-actividades .izq p.nombre { font-size: 4vw; line-height: 5vw; }
    .head-actividades .izq p.desc { font-size: 2.1vw;}
    .head-actividades .izq p.info { font-size: 1.2vw; margin: 2vw 0px; }
    .head-actividades .izq p.extra { font-size: 1.6vw;  line-height: 2.5vw; }
    .head-actividades .der { width: 50%;}

    .parrafo2 .in { width: 90%; }

    .novedades .title2 h5 { font-size: 4vw; line-height: 4vw; }


    .destacado6 { margin: 80px 0px; margin-bottom: 50px;}
    .destacado6 .col2 { padding: 0px 7vw; }
    .destacado6 .col2 h5 {  font-size: 7.5vw; line-height: 3.2vw;; }
    .destacado6 .col2 h5 span { font-size: 2vw; }

    .list-news2 .item .txt-cont h6 { font-size: 2.9vw; line-height: 3.6vw;}

    .novedades .title3 h5 { font-size: 4.3vw; line-height: 6vw; padding: 0px 30px;}

    .contacto-principal .der .abajo h6 { font-size: 4.2vw; line-height: 4vw; }
    .contacto-principal .der .cont-form button { font-size: 1.5vw;}
    .contacto-principal .der .cont-form {  padding-right: 5vw;}
    .contacto-principal .der .cont-form .campos100 .campo50 { width: 42%;    }
    .contacto-principal .der .abajo p.lugar { font-size: 2vw; margin-bottom: 0.4vw; }
    .contacto-principal .der .abajo p.info { font-size: 1.5vw; line-height: 2.2vw; margin-bottom: 1.9vw; }
    .contacto-principal .der .cont-form p {   font-size: 1.3vw; }



}




@media screen and (max-width:1000px){
    .lista-vinos.column-3 .item { width: 50%;}
    .lista-vinos.column-3b .item { width: 50%;}
    .lista-vinos.column-3c .item { width: 50%;}
    .lista-vinos.column-2b .item { width: 50%;}
}






@media screen and (max-width:960px){

    .fix-alto-header { height: 0px;}

    .hero-content .lines2 img { height: 3vw}

    .overlay-video { background-image: url(../img/backgrounds/fondo-home_mob.jpg); background-position:  center center; background-size: cover;}
    .overlay-video .elvideo { display: none; }
    .overlay-video .black { display: none; }


    header { width: 100px; height: auto; padding: 6px 0px;  right: 5px; left: initial; margin-top: 5px;}
    header .logo { left: -5rem; }
    header.header-internas .logo { display: none;}
    .menu-mobile {display: flex; cursor: pointer;}
    nav { display: none;}
    .languaje { display: none;}
    .hero-content { margin-top: 0px;}
    .menu-scroll { width: 100%; top: 0; right: 0; display: flex; height: 44px; margin-top: 0px}
    .menu-scroll .menu-mobile { width: 100px; margin-left: auto;}
    .menu-scroll .logo { left: 1rem; width: 130px }

    .hero-content { height: 90vh;}
    .hero-content .txt-container { left: 4%; top: 28vh;}
    .hero-content .txt-container p { margin-left: 4vh;}
    .hero-content .txt-container h2 { font-size: 6vw; line-height: 6.7vw;margin-left: 5vw;}
    .hero-content .txt-container h2.sty2 { font-size: 12vw; line-height: 6.7vw; }
    .hero-content .txt-container p.p3 { font-size: 2.4vw; line-height: 3.5vw;margin-left: 5vw;}
    .hero-content .lines1 { width: 3vh;height: 41vh; }
    .hero-content .txt-container p.p1 { font-size: 3.3vw; line-height: 4.4vw; margin-bottom: 2vw; margin-left: 5vw;  margin-top: 4vw;}
    .hero-content .txt-container .btn-slider { margin-left: 7vh; }
    .hero-content .txt-container p.p5 {margin-left: 7vh; font-size: 2.5vw; line-height: 4vw; margin-bottom: 3.2vw; margin-top: 3vw;}

    .hero-content.nuestros-vinos p.p2 { font-size: 8vw; line-height: 8.5vw;}
    .hero-content.nuestros-vinos p.p3 { font-size: 3.4vw; line-height: 4.5vw;}

    .destacado1 { margin-top: 130px; flex-direction: column; }
    .destacado1 .lines2 { display: none;}
    .destacado1 .lines1 { height: 119%; width: 5.7vw; z-index: 0;}
    .destacado1 .lines1 .cl1 { border-bottom: none;}
    .destacado1 .lines1 .cl2 { display: none;}
    .destacado1 .col1 { width: 80%; }
    .destacado1 .col1 h5 { font-size: 6vw; right: initial; left: 3vw; line-height: 7vw;margin-top: -5.9vw;}
    .destacado1 .col1 .nombre { letter-spacing: 1px; font-size: 2vw; text-align: left;}
    .destacado1 .col2 { flex: initial; padding: 0px 0vw; width: 80%; margin-top: 40px;}

    .destacado2 h5 { font-size: 7vw; line-height: 8vw;}
    .destacado2 .title .sello { width: 160px; left: 2vw; }
    .destacado2-content .col1 .in>p {  margin-bottom: 6vw; }

    .destacado2-content { flex-direction: column-reverse; }
    .destacado2-content .col2 { width: 80%;}
    .destacado2-content .col1 { width: 80%; flex: initial; padding-bottom: 20px;}
    .destacado2-content .col1 .in { padding: 0px 0vw; margin-top: 40px; }
    .destacado2-content .col2>.lines1 { display: none}
    .destacado2-content .background { right: 3vw;}

    .destacado3 { margin-top: 0px; margin-bottom: 0px; padding-top: 110px;height: auto;}
    .destacado3 .lines1 { display: none}
    .destacado3-content .lines2 { display: none}
    .destacado3-content .foto { display: none}
    .destacado3-content .info h5 { font-size: 6.5vw; line-height: 8.1vw;}
    .destacado3-content .info>p { margin-bottom: 2rem; font-size: 16px; line-height: 27px; }
    .destacado3-content .info { padding: 50px 8vw; width: 100%; margin-top: 30vw;    padding-top: 2vw;}
    .destacado3-content { background-image: url(../img/foto-fondo-exp2.jpg);background-position: top left;}

    .novedades { width: 92%; }
    .novedades .title h5 { font-size: 6vw;}
    .list-news .item .txt-cont h6 { font-size: 3.6vw; line-height: 3.9vw; }
    .list-news .item { width: 48%;}

    footer .bottom>p { font-size: 9px; margin-left: 10px;}
    footer ul li p { font-size: 10px; padding: 0px 4px;}

    .list-news .slick-slide {padding: 0px 15px; }

    .contenedor-vinos {  margin-bottom: 40px; }
    .contenedor-vinos .background { display: none}
    .contenedor-vinos h4 {  font-size: 6.5vw; line-height: 7.2vw; }
    .contenedor-vinos h4>span { font-size: 3.2vw;}

    .content-link {  margin-bottom: 110px;}
    .content-link .izq img { width: 100%;}
    .content-link .izq .border { right: -2%;}
    .content-link .der .lines1 { margin-bottom: -5px;}
    .content-link .der { width: initial; flex: 1; padding-left: 30px;}
    .content-link .der h6 { font-size: 7vw; line-height: 4.7vw; margin-bottom: 35px;}
    .content-link .der h6 span { font-size: 2vw;}

    .content-link2 .in { padding-top: 200px;}
    .content-link2 .in h6 { font-size: 7.5vw; line-height: 8.1vw;}
    .content-link2 .in .pic img { top: 50%; left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         width: 130%;}

    .premios h5 { font-size: 6.2vw; }
    .list-premios .item .premio { height: 16vw; }
    .list-premios .item .txt-cont h6 { font-size: 2vw; line-height: 2.8vw;}
    .list-premios .item .txt-cont>p { font-size: 1.8vw; line-height: 2.3vw;}

    .recomendacion .title h5 { font-size: 5.7vw; line-height: 5vw; padding: 0px 15px; }

    .degustacion .foto { width: 50%; margin-left: 0%; margin-right: 4%; }
    .degustacion .data h6 { font-size: 6.8vw; line-height: 1.7vw;}
    .degustacion .data h6 span { font-size: 2.3vw;}
    .degustacion .data p { font-size: 1.8vw; line-height: 3vw; padding-right: 30px; }
    .degustacion .background { top: -50px; bottom: -50px; width: 80%; }

    .cont-detalle-producto .izq .lines { display: none;}
    .cont-detalle-producto .der .back { display: none;}
    .cont-detalle-producto .der .lines {display: none;}
    .cont-detalle-producto .der .cont-botella { width: 34vh;}
    .cont-detalle-producto .der .pic2 {  width: 80%;}
    .cont-detalle-producto .izq .info { margin-left: 10%;}

    .destacado4 { flex-direction: column; width: 90%; margin: auto; margin-top: 9vw; margin-bottom: 10vw; }
    .destacado4 .lines1 { display: none; }
    .destacado4 .lines2 { display: none; }
    .destacado4 .col1 { width: 100%; margin-bottom: 5vw; margin-top: 20vw;}
    .destacado4 .col1 h5 { font-size: 12vw; line-height: 8.4vw; left: 6vw; bottom: initial; top: -20.9vw; color: #222;}
    .destacado4 .col1 h5 span { font-size: 4vw; color: #222;}

    .la-bodega { margin-bottom: 14vw;}
    .la-bodega .background { display: none }
    .la-bodega .nombre-bodega { width: 100%; padding-bottom: 32vw; padding-top: 23vw;}
    .la-bodega .nombre-bodega h6 { font-size: 13vw; line-height: 8.5vw;  }
    .la-bodega .nombre-bodega h6 span { font-size: 4vw; }
    .la-bodega .contenedor { width: 100%; margin-left: initial; margin: auto; margin-top: -24vw; flex-direction: column-reverse;}
    .la-bodega .contenedor .der { width: 100%; display: flex; flex-direction: column-reverse}
    .la-bodega .contenedor .der img { display: none;}
    .la-bodega .contenedor .der .line2 { display: none}
    .la-bodega .contenedor .der .colgante { width: 90%; position: relative;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        padding: 0px; background-color: #F4F4F4; left: initial; margin:auto; }
    .la-bodega .contenedor .der .colgante p { font-size: 16px; line-height: 29px; font-weight: 400; padding: 6vw; padding-bottom: 7vw; }
    .la-bodega .contenedor .der .line { position: relative; width: 90%; height: 40px; top: initial; right: initial; left: 0; margin-top: -20px; border-bottom: 1px solid #A7907E; border-top: none; border-left: none; border-right: 1px solid #A7907E;}
    .la-bodega .contenedor .izq p { padding-right: 0px; margin-top: 45px; padding: 0px 50px;}

    .fincas .title h6 { font-size: 12.6vw; line-height: 6.6vw;}
    .fincas .title h6 span { font-size: 3.5vw;}
    .fincas .title { width: 55vw; }




    .nuestra-gente .title h6 { font-size: 13.6vw; line-height: 8.2vw; margin-top: -5vw; margin-bottom: 7vw;}
    .nuestra-gente .title h6 span { font-size: 3.4vw; }

    .gente1 { flex-direction: column; position: relative;}
    .gente1 .izq { width: 100%;}
    .gente1 .izq img { width: 100%;}
    .gente1 .der { padding-right: 0vw; padding-left: 0vw; padding: 0vw 8vw; z-index: 100;}
    .gente1 .der .datos {background-color: #FFF; padding: 20px; margin-top: -10vw; width: auto; display: inline-block;padding-right: 7vw; padding-bottom: 7vw;}
    .gente1 .der .nombre { font-size: 9.5vw; line-height: 7.4vw; margin-top: -2vw;}
    .gente1 .der .nombre span { font-size: 5vw;}
    .gente1 .der span {font-size: 2.3vw;}
    .gente1 .der .line { margin-top: 0vw; margin-bottom: 5vw;}
    .gente1 .der .info { font-size: 16px; line-height: 29px; width: 90%; margin: auto; }
    .gente1 .background { position: absolute; width: 88vw; top: -5vw; bottom: 53vw; background-image: url(../img/background-misc-1.jpg); background-size: cover; right: 0; z-index: -1;}

    .gente2 { flex-direction: column; position: relative;}
    .gente2 .izq { width: 100%;}
    .gente2 .izq img { width: 100%;}
    .gente2 .der { padding-right: 0vw; padding-left: 0vw; padding: 0vw 8vw; z-index: 100;}
    .gente2 .der .datos {background-color: #FFF; padding: 20px; margin-top: -10vw; width: auto; display: inline-block;padding-right: 7vw; padding-bottom: 7vw; text-align: left}
    .gente2 .der .nombre { font-size: 9.5vw; line-height: 7.4vw; margin-top: -2vw; }
    .gente2 .der .nombre span { font-size: 5vw;}
    .gente2 .der span {font-size: 2.3vw; }
    .gente2 .der .line { margin-top: 5vw; margin-bottom: 8vw;}
    .gente2 .der .info { font-size: 16px; line-height: 29px; width: 90%; margin: auto; text-align: left; }
    .gente2 .background { position: absolute; width: 90vw; top: 5vw; bottom: 40vw; background-image: url(../img/background-misc-1.jpg); background-size: cover; right: 0; z-index: -1;}

    .enelmundo { flex-direction: column; }
    .enelmundo .izq { padding-left: 7vw; margin-bottom: 9vw;}
    .enelmundo .izq h6 { font-size: 9vw; line-height: 5.4vw; }
    .enelmundo .izq h6 span {font-size: 3.3vw;}
    .enelmundo .izq .line { width: 99%; }
    .enelmundo .der { width: 100%; margin-top: 0px; margin: auto; display: flex; flex-direction: column-reverse; }
    .enelmundo .der span {font-size: 2.4vw; width: 40vw; margin-left: 12%; }
    .enelmundo .der img { width: 80%; margin:auto;margin-bottom: 0vw; margin-top: 3vw;  }
    .enelmundo .der .line { width: 88%; height: 40px; margin-left: auto; margin-bottom: -35px; margin-top: 2vw;
        border-left: 1px solid #A7907E;border-top: 1px solid #A7907E;}
    .enelmundo .background { bottom: 105vw; top: -7vw; }


    .fincas .cada-finca .datos .box {  margin: 0px 3%;}
    .fincas .cada-finca .cont-foto { height: 55vw; }
    .fincas .cada-finca .cont-foto img { width: auto; height: 100%;}

    .hero-content .txt-container p.p1 {   margin-bottom: 0.5vw; margin-top: 1vw;}
    .hero-content .txt-container h2.sty2 {font-size: 10vw; line-height: 8vw; }
    .hero-content .txt-container h2.sty2 span {font-size: 9vw; line-height: 4vw; }
    .hero-content .txt-container p.p5 { margin-top: 2vw; margin-left: 5vw;}
    .hero-content .txt-container .btn-slider {margin-left: 5vw;}

    .destacado5 .lines1 { bottom: 0%; top: 0%; }
    .destacado5 .col2 h5 { font-size: 6.8vw; line-height: 4vw;}
    .destacado5 .col2 h5 span { font-size: 2.2vw; }
    .destacado5 .col2>p { font-size: 16px; line-height: 26px; }

    .actividades .title h5 { font-size: 7.8vw; margin-bottom: 4vw;}
    .actividades .cada-actividad.actividad-1 { padding-top: 80px; flex-direction: column; }
    .actividades .cada-actividad.reverse { flex-direction: column; }
    .actividades .cada-actividad { flex-direction: column; }
    .actividades .cada-actividad .izq { width: 70%; }
    .actividades .cada-actividad .der { padding: initial; width: 70%; margin-top: 35px; margin-bottom: 70px; }
    .actividades .cada-actividad .der h6 { font-size: 4.6vw; }

    .contacto-in { flex-direction: column }
    .contacto-in .izq { width: 90%; }
    .contacto-in .izq h5 { font-size: 7.5vw; line-height: 7.5vw }
    .contacto-in .izq>p.bajada { font-size: 2vw}
    .contacto-in .der { padding: initial; width: 75%; margin-left: 5%; margin-top: 7vw; }
    .contacto-in .izq .background { bottom: -28.5vw;}
    .contacto-in .der p {font-size: 1.8vw;}
    .contacto-in .der button { font-size: 16px; }

    .experiencias-in .title h5 { font-size: 5.8vw; line-height: 6vw;}
    .experiencias-in .title {  width: 80%; }
    .experiencias-in .la-experiencia .info h6 { font-size: 7.5vw; line-height: 6.2vw; }
    .experiencias-in .la-experiencia .info h6 span { font-size: 6vw;}
    .experiencias-in .la-experiencia .info { margin-top: 24vw;}
    .experiencias-in .la-experiencia .info>p { font-size: 1.8vw; }


    .head-actividades { flex-direction: column-reverse;}
    .head-actividades .der { width: 100%; }
    .head-actividades .izq { padding: 0px 10vw; margin-top: 30px;; }
    .head-actividades .izq p.nombre { font-size: 5vw; line-height: 6.5vw; }
    .head-actividades .izq p.desc { font-size: 3.1vw }
    .head-actividades .izq p.info { font-size: 2vw; margin: 4vw 0px;}
    .head-actividades .izq p.extra { font-size: 2.8vw; line-height: 4vw; }

    .parrafo2 { margin-bottom: 50px;}
    .parrafo2 p { columns: 1}
    .parrafo2 .line { width: 95%; }

    .novedades .title2 h5 { font-size: 6vw;  }

    .hero-content .lines2 img {  display: none;}
    .hero-content .lines2 { display: none; }
    .hero-content .lines1 { height: 62vh; }

    .destacado6 .lines1 { bottom: 0%; top: 0%; }
    .destacado6 .col2 h5 { font-size: 6.8vw; line-height: 4vw;}
    .destacado6 .col2 h5 span { font-size: 2.2vw; }
    .destacado6 .col2>p { font-size: 15px; line-height: 24px; }


    .hero-content .txt-container p.seccion { font-size: 3vw; line-height: 4vw; margin-top: 2vw; margin-bottom: 1vw; }
    .hero-content .txt-container p.p6 { font-size: 7.5vw; line-height: 8vw; font-weight: 900; margin-top: 1vw; margin-bottom: 1vw; }


    .novedades-all .line { display: none; }
    .novedades-all .search {  width: auto; }
    .novedades-all .search select { width: 32%; }
    .list-news2 .item {  width: 48%; }
    .list-news2 {   margin-top: 0px; }

    .list-news2 .item .txt-cont h6 { font-size: 3.4vw; line-height: 4.2vw; padding-right: 20px;}


    .novedades .title3 h5 { font-size: 5.3vw; line-height: 9vw; }
    .parrafo2 {   margin-bottom: 20px;  }


    .galeria .title h6 { font-size: 4.8vw; line-height: 5vw; }


    .galeria .fotos .slick-prev { width: 35px; height: 40px; background-color: #2E3A46; left: 0px;}
    .galeria .fotos .slick-next { width: 35px; height: 40px; background-color: #2E3A46; right: 0px;}


    .contacto-principal .izq h4 { font-size: 5.6vw; line-height: 6vw; }
    .contacto-principal .der .cont-form p { font-size: 12px; }
    .contacto-principal .der .cont-form {  padding-right: 4vw; }
    .contacto-principal .der .cont-form .campos100 .campo50 { width: 100%;}
    .contacto-principal .der .cont-form .cont-captcha { width: 100%; margin-bottom: 20px; }
    .contacto-principal .der .cont-form button {  margin: auto;  font-size: 15px; }
    .contacto-principal .der .abajo h6 { font-size: 5vw;  line-height: 5vw; margin-bottom: 30px;  }
    .contacto-principal .der .abajo p.lugar { font-size: 2.6vw; margin-bottom: 0.8vw; }
    .contacto-principal .der .abajo p.info { font-size: 1.9vw;  line-height: 2.6vw; margin-bottom: 2.2vw; }
    .contacto-principal .der .line { display: none }


}




@media screen and (max-width:720px){

    .content-menu-mobile nav p { font-size: 16px; margin: 0.1em 0em;    }

    .hero-content .txt-container h2{ font-size: 8vw; line-height: 9.3vw; margin-left: 6vw;}
    .hero-content .txt-container p.p3 { font-size: 3.2vw; line-height: 4.4vw; margin-left: 6.3vw;   }
    .hero-content .txt-container p.p1 { font-size: 4.3vw; line-height: 5.4vw; margin-bottom: 2vw; margin-left: 6vw; }

    .hero-content.nuestros-vinos p.p2 { font-size: 10vw; line-height: 11.3vw;    }
    .hero-content.nuestros-vinos p.p3 { font-size: 4.2vw; line-height: 5.4vw;   }

    footer .bottom { padding: 0px 0px;}
    footer .logo { display: none}
    footer ul {display: none}
    footer .bottom>p {display: none}
    footer .bottom { background-color: #222;}
    footer .foot-mobile { display: flex; flex-direction: column; width: 100%;}
    footer .foot-mobile li { margin: 0.2vw auto;}
    footer .foot-mobile li p { color: #FFF; font-weight: 300; font-size: 2vw; letter-spacing: 1px; opacity: 0.6;}
    footer .foot-mobile li p a { color: #FFF; text-decoration: underline;}

    .novedades { width: 84%;}
    .list-news .item .txt-cont h6 { font-size: 5vw; line-height: 5.6vw;}
    .novedades .btn-blue { margin-top: 120px;}
    .list-news .slick-dots { bottom: -50px; }

    .fixed-option  { display: none !important;}

    .contenedor-vinos h4 {  font-size: 8vw;        line-height: 8.6vw;}
    .contenedor-vinos h4>span {font-size: 4.2vw; }


    .content-link { flex-direction: column;}
    .content-link .izq { width: 80%; }
    .content-link .der { width: initial; flex: none; padding-left: 0px; width: 100%; margin-top: 47px; display: flex; flex-direction: column; align-items: flex-end;}
    .content-link .der .lines1 { width: 90%;}
    .content-link .der a { width: auto; margin-right: auto; margin-left: 10%; }
    .content-link .der h6 { width: 90%; font-size: 10vw; line-height: 6.7vw;}
    .content-link .der h6 span { font-size: 2.8vw;}
    
    .content-link .der .btn-more {margin-right: 30px}

    .content-link2 .in { width: 100%;left: 0%;}
    .content-link2 .in h6 { font-size: 9.5vw; line-height: 10.1vw;padding-left: 5vw;}
    .content-link2 .in button { padding-left: 5vw;}
    .content-link2 .in .pic { left: 36vw; }
    .content-link2 .in .pic img { top: 50%; left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        width: auto; height: 100%;}
    .content-link2 .in .lines1 { right: 5vw; left: 5vw; height: 54px;}
    .content-link2 .background { right: 5vw;}

    .premios h5 { font-size: 8.2vw; }
    .list-premios .item .premio { height: 20vw; }
    .list-premios .item .raya { margin: 2.2vw auto;}
    .list-premios .item .txt-cont h6 { font-size: 3vw; line-height: 3.8vw; }
    .list-premios .item .txt-cont>p { font-size: 2.5vw; line-height: 3.3vw;}


    .recomendacion .title .izq { display: none    }
    .recomendacion .title .der { display: none    }
    .recomendacion .title h5 { font-size: 7.7vw; line-height: 8vw; padding: 0px 0px; text-align: center; }

    .degustacion .foto { display: none }
    .degustacion .data .line {  width: 90%;  margin-left: 10%;  margin-bottom: 40px; }
    .degustacion .data h6 { font-size: 60px; line-height: 10px; margin-left: 10%; margin-bottom: 30px; }
    .degustacion .data h6 span { font-size: 18px; }
    .degustacion .data p { font-size: 1em; line-height: 1.6em; padding-right: 30px; margin-left: 10%; }
    .degustacion .background { top: 72px; bottom: -40px; width: 100%; }


    .cont-detalle-producto {flex-direction: column-reverse;justify-content: flex-end;   height: auto; text-align: center; }
    .cont-detalle-producto .izq { width: 100%; margin-top: 37vh; }
    .cont-detalle-producto .izq .info {  margin-left: 0%;}
    .cont-detalle-producto .izq .info .logo { margin: auto; margin-bottom: 5px; }
    .cont-detalle-producto .izq .info .blend { margin-bottom: 35px; }
    .cont-detalle-producto .izq .info .variedad {margin-bottom: 35px; }
    .cont-detalle-producto .der { width: 100%; }
    .cont-detalle-producto .der .pic2 { width: 100%; height: 38vh; position: relative; border: none; top: 0; left: 0;}
    .cont-detalle-producto .der .cont-botella { width: 40vh; height: 40vh; bottom: initial; left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        top: 20vh; }
    .cont-detalle-producto .izq .info .flecha-bajar { display: none; }

    .cont-detalle-producto .izq .info .data {  margin-bottom: 1.8vw;    margin-top: 2.5vw;}
    .cont-detalle-producto .izq .info .data .cada-item { flex-direction: column; width: 100%;  box-sizing: border-box; margin-bottom: 0px; padding: 5px 0px;}
    .cont-detalle-producto .izq .info .data .cada-item.item-big { width: 100%;}
    .cont-detalle-producto .izq .info .line3 { display: block;}

    .btn-ficha { margin: auto; margin-top: 40px; background-color: #2E3A46; padding: 12px 14px; }

    .destacado4 .col1 h5 { font-size: 14vw; line-height: 10.4vw; top: -23.9vw;}
    .destacado4 .col1 h5 span { font-size: 5vw; }

    .la-bodega .nombre-bodega { width: 100%; padding-bottom: 36vw; padding-top: 30vw; }
    .la-bodega .nombre-bodega h6 { font-size: 18vw; line-height: 11.5vw;}
    .la-bodega .nombre-bodega h6 span { font-size: 5vw; }
    .la-bodega .contenedor .izq p { padding: 0px 35px;}

    .fincas .title {width: 80vw;}
    .fincas .title h6 { font-size: 18vw; line-height: 9vw;}
    .fincas .title h6 span { font-size: 4.5vw; }

    .nuestra-gente .title { width: 90%; }
    .nuestra-gente .title h6 { font-size: 18vw; line-height: 10vw; }
    .nuestra-gente .title h6 span {font-size: 4.5vw; }

    .gente1 .der span { font-size: 3.5vw;}
    .gente1 .der .nombre { font-size: 12.5vw; line-height: 10.4vw; }
    .gente1 .der .nombre span { font-size: 7vw; }
    .gente1 .der .info { width: 100%;}
    .gente1 .background { bottom: 75vw;}

    .gente2 .der span { font-size: 3.5vw;}
    .gente2 .der .nombre { font-size: 12.5vw; line-height: 10.4vw; }
    .gente2 .der .nombre span { font-size: 7vw; }
    .gente2 .der .info { width: 100%;}
    .gente2 .background { bottom: 75vw;}

    .enelmundo .izq h6 { font-size: 11vw; line-height: 7.4vw; }
    .enelmundo .izq h6 span {font-size: 4.6vw;}
    .enelmundo .izq p { margin-top: 6vw; padding-right: 15vw;}
    .enelmundo .der img {width: 90%; }
    .enelmundo .der span { font-size: 3.4vw; width: 60vw; }
    .enelmundo .background { bottom: 145vw; }

    .fincas .cada-finca .cont-foto { height: 65vw; }
    .fincas .cada-finca .datos .box { margin: 0px 2%;}
    .fincas .cada-finca .datos .box p.desc { color: #FFF; font-size: 0.9em; line-height: 1.5em; }
    .fincas .cada-finca .nombre { right: 4vw; padding: 15px 20px; }
    .fincas .cada-finca .nombre p.tit { margin-bottom: 2px;}
    .fincas .cada-finca .nombre p.desc { font-size: 0.9em;}


    .destacado5 { flex-direction: column-reverse; margin-top: 60px;}
    .destacado5 .lines1 { display: none }
    .destacado5 .lines2 { display: none }
    .destacado5 .col1 { width: 90%; }
    .destacado5 .col2 { margin-bottom: 8vw;}
    .destacado5 .col2 h5 { font-size: 9.5vw; line-height: 6vw; }
    .destacado5 .col2 h5 span { font-size: 3vw;}
    .destacado5 .col2 .sello { bottom: initial; top: 35%; right: 5%; z-index: -1;}

    .actividades .title h5 { font-size: 8.2vw; }
    .actividades .cada-actividad .der>p {     margin-bottom: 18px;}
    .actividades .cada-actividad .der h6 { font-size: 5vw; line-height: 5.5vw; margin-bottom: 25px; }

    .contacto-in .izq h5 { font-size: 9vw; line-height: 9vw; }
    .contacto-in .izq>p.bajada { font-size: 2.6vw; }
    .contacto-in .der p { font-size: 14px; }
    .contacto-in .der {  width: 80%; }
    .contacto-in .der .campos100 .campo50 { width: 43%;}

    .experiencias-in .title h5 { font-size: 6.8vw; line-height: 7vw; }
    .experiencias-in .title .line1 { height: 16px;}
    .experiencias-in .la-experiencia .lines { display: none}
    .experiencias-in .la-experiencia .info { margin-top: 24vw; text-align: left; margin-left: 5vw; margin-bottom: 5vw;}
    .experiencias-in .la-experiencia .info h6 { font-size: 8.5vw; line-height: 8vw; }
    .experiencias-in .la-experiencia .info h6 span { font-size: 7vw;}
    .experiencias-in .la-experiencia .info>p { font-size: 2.1vw;}
    .experiencias-in .la-experiencia .info .btn-more { margin-left: initial;}
    .experiencias-in .la-experiencia .info .btn-more>p {font-size: 12px;}
    .experiencias-in .la-experiencia .back-color { right: initial; left: 0; width: 65vw}
    .experiencias-in .la-experiencia .back-color .fr1 { left: initial;right: 0; }
    .experiencias-in .la-experiencia .back-color .fr2 { left: 0;right: initial; }


    .lista-vinos.column-3 .item { width: 100%;}
    .lista-vinos.column-3b .item { width: 100%;}
    .lista-vinos.column-3c .item { width: 100%;}
    .lista-vinos.column-2 .item {width: 100%;}
    .lista-vinos.column-2b .item {width: 100%;}


    .head-actividades .izq p.nombre { font-size: 6.5vw; line-height: 8.5vw;}
    .head-actividades .izq p.desc { font-size: 4vw; }
    .head-actividades .izq p.info { font-size: 2.6vw; }
    .head-actividades .izq p.extra { font-size: 3.3vw; line-height: 4.5vw; margin-bottom: 4vw; }
    .head-actividades .izq .flecha { display: none    }
    .novedades .title2 h5 { font-size: 6vw; }


    .head-actividades .izq .btn-volver {  width: 22px; }
    .head-actividades .izq .btn-volver img { width: 25px; right: -3px;}


    .destacado6 { flex-direction: column-reverse; margin-top: 60px;}
    .destacado6 .lines1 { display: none }
    .destacado6 .lines2 { display: none }
    .destacado6 .col1 { width: 100%; }
    .destacado6 .col2 { margin-bottom: 8vw;}
    .destacado6 .col2 h5 { font-size: 12.5vw; line-height: 7vw; margin-bottom: 9vw;; }
    .destacado6 .col2 h5 span { font-size: 4vw;}
    .destacado6 .col2>p {   margin-bottom: 8vw;  }


    .hero-content .txt-container p.seccion { font-size: 4vw; line-height: 4vw;  margin-top: 6vw;}
    .hero-content .txt-container p.p6 { font-size: 9vw; line-height: 10vw; }

    .novedades-all .search { width: 90%; margin: auto; margin-bottom: 30px; }
    .novedades-all .search select {  width: 38%;}
    .list-news2 {  width: 90%; margin-bottom: 30px; margin: auto; }
    .list-news2 .item {  width: 100%; }
    .list-news2 .item .txt-cont span { font-size: 14px;  }
    .list-news2 .item .txt-cont h6 { font-size: 28px; line-height: 35px; }

    .parrafo2 {
        margin-bottom: 20px;
        padding-bottom: 20px; width: 90%;
    }
    .parrafo2b {
        margin-bottom: 20px;
        padding-bottom: 20px; width: 90%;
    }

    .parrafo2 h6 {   font-size: 26px;   line-height: 30px; }
    .parrafo2b h6 {   font-size: 26px;   line-height: 30px; }

    .parrafo2 p {    font-size: 14px;     line-height: 25px; }
    .parrafo2b p {    font-size: 14px;     line-height: 25px; }

    .novedades .title3 h5 { font-size: 6.3vw; line-height: 11vw;  }

    .fotoNota {
        width: 100%;
        margin-left: 0%;
    }


    .galeria .title h6 { font-size: 6vw; line-height: 7vw; }
    .galeria .title .line {bottom: -62px; left: 0px; height: 40px; border-right: 1px solid #A7907E; border-top: 1px solid #A7907E; border-left: none; width: 90%; }


    .contacto-principal {    flex-direction: column;  }
    .contacto-principal .izq { width: 100%; padding: 0px 0vw; }
    .contacto-principal .izq h4 { font-size: 7vw; line-height: 8vw;  }
    .contacto-principal .der { width: 100%; padding: 0px 0vw; margin:auto; margin-top: 50px; }
    .contacto-principal .der .abajo { text-align: center; padding: 50px 30px; };
    .contacto-principal .der .abajo h6 { font-size: 6vw; line-height: 6vw;}
    .contacto-principal .der .abajo p.lugar { font-size: 18px; margin-bottom: 5px; }
    .contacto-principal .der .abajo p.info { font-size: 15px; line-height: 22px; margin-bottom: 20px;}
    .contacto-principal .der .cont-form { padding-right: 0vw; width: 80%; margin: auto;    }


    .novedades-all .search {  text-align: center;}
    .novedades-all .search select { width: 38%; margin: 0px 20px; }

    .destacado5 .col1 .refe { font-size: 13px;}



    .filtro .logo { width: 240px; margin-bottom: 6vh;}
    .filtro .bloque {  width: 360px; padding: 40px 10px; padding-bottom: 50px;}
    .filtro .bloque .titulo {      font-size: 19px;    }

    
    
    
    .fincas .cada-finca .datos { padding-bottom: 6px; min-height: 230px; }






}





@media screen and (max-width:560px){
    .content-menu-mobile .logo img { width: 220px; }
    .content-menu-mobile .logo { padding: 15px 0px; }
    .content-menu-mobile .languaje-mob { padding-bottom: 30px;}
    .content-menu-mobile nav p { font-size: 15px; margin: 0.05em 0em; }

    .hero-content .txt-container { left: 4%;}
    .hero-content .logo { max-width: 200px;}
    .hero-content .txt-container h2 { font-size: 9vw; line-height: 10.4vw;margin-left: 5vw; margin-top: 4vw;}
    .hero-content .txt-container p.p3 { font-size: 4.2vw; line-height: 5.4vw; margin-left: 5.2vw;}
    .hero-content .lines2 img { height: 5vw }
    .hero-content .lines2 { height: 8vh;}
    .hero-content .txt-container p.p1 { font-size: 5.3vw; line-height: 7.4vw; margin-bottom: 3vw; margin-left: 5vw; }

    .hero-content.hero-content.nuestros-vinos p.p2 { font-size: 13vw; line-height: 14.4vw; margin-left: 5vw; margin-top: 4vw; }
    .hero-content.hero-content.nuestros-vinos p.p3 { font-size: 6.2vw; line-height: 8.4vw; margin-left: 5vw;}

    .hero-content .txt-container h2.sty2 { font-size: 14vw; line-height: 14vw;}
    .hero-content .txt-container p.p5 { margin-top: 7vw; margin-left: 7vw; font-size: 4.2vw; letter-spacing: 0px; margin-bottom: 5vw;}
    .hero-content .txt-container .btn-slider .btn-white {width: 70%; margin-right: 0px; margin-bottom: 10px;}

    footer .foot-mobile li p {  font-size: 2.3vw; }

    .btn-gold { width: 100%;margin-bottom: 16px;}
    .btn-white {width: 100%; margin-bottom: 16px;}
    .btn-blue {width: 100%; margin-bottom: 16px;}

    .destacado1 { margin-top: 80px;}
    .destacado1 .col1 h5 { font-size: 7.5vw; line-height: 10vw; margin-top: -8vw; }
    .destacado1 .col1 .nombre { letter-spacing: 0px; font-size: 3vw; margin-top: 0px;}
    .destacado1 .col2>p { font-size: 16px; line-height: 27px;}

    .destacado2 { margin-top: 0px;}
    .destacado2 .title { flex-direction: row-reverse;}
    .destacado2 .lines1 { top: -14px; height: 20px; width: 87vw;}
    .destacado2 .lines2 { display: none }
    .destacado2 h5 { font-size: 8vw; line-height: 9vw; text-align: left; right: initial; left: 8vw;}
    .destacado2 .title .sello { width: 30%; left: initial; right: 1vw;}
    .destacado2-content { margin-top: 20px;}
    .destacado2-content .col2 { width: 100%;}
    .destacado2-content .col1 { width: 80%;    }
    .destacado2-content .col1 .in>p {font-size: 16px; line-height: 27px;}
    .destacado2-content .background { right: 0vw; left: 3vw; top: -44vw; height: 250px;}

    .destacado3-content .info {  margin-top: 40vw; }
    .destacado3 {  background-position: center left; padding-top: 50px}
    .destacado3-content .info>p {font-size: 16px; line-height: 27px;}
    .destacado3-content .info h5 { font-size: 8.5vw; line-height: 11.1vw;}

    .novedades .title h5 { font-size: 9.5vw; }
    .list-news .item .txt-cont h6 { font-size: 6vw; line-height: 6.8vw; }
    .list-news .item .txt-cont>p {font-size: 16px; line-height: 27px; }


    .contenedor-vinos h4 {  font-size: 9.3vw;   line-height: 10.3vw;}
    .contenedor-vinos h4>span {font-size: 3.5vw;}
    .contenedor-vinos>p {   font-size: 16px;        line-height: 26px;   width: 100%;  }

    .content-link .izq { width: 100%; }
    .content-link .izq .border { right: 0%; bottom: initial; top: -3%;}
    .content-link .der .lines1 {  height: 15px; margin-bottom: -10px;}
    .content-link .der h6 { font-size: 13vw; line-height: 9.7vw; margin-bottom: 15px; }
    .content-link .der h6 span { font-size: 4vw;}

    .content-link2 .in .pic {left: 0vw;}
    .content-link2 .in a { z-index: 10}
    .content-link2 .in { padding-top: 150px; padding-bottom: 30px;    }
    .content-link2 .in h6 { font-size: 13vw; line-height: 15vw; padding-left: 5vw; }
    .content-link2 .in .lines1 { left: 0vw;}
    .content-link2 .in .lines1 .box2 { display: none }


    .list-premios .item .premio { height: 210px; max-width: 80%; margin-bottom: 10px; }
    .list-premios .item .txt-cont h6 { font-size: 22px; line-height: 30px; }
    .list-premios .item .txt-cont>p { font-size: 17px; line-height: 23px; }


    .recomendacion .title h5 { font-size: 9vw; line-height: 10.4vw; }
    .lista-recomendacion {        margin-top: 30px;    }


    .cont-detalle-producto .izq .info .data .cada-item p { font-size: 15px; padding: 0px 10px; line-height: 20px; }


    .fincas .cada-finca .nombre { background-color: #A7907E; top: 58vw; right: initial; left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        width: 60%; }
    .fincas .cada-finca .nombre p { color: #FFF; text-align: left; letter-spacing: 0px;}
    .fincas .cada-finca .nombre p.tit  { color: #FFF; letter-spacing: 0px; font-size: 0.8em;}
    .fincas .cada-finca .nombre p.desc { color: #FFF; letter-spacing: 0px; font-size: 1.2em;}

    
    .fincas .cada-finca .datos { flex-wrap: wrap; width: 70%; margin: auto; margin-top: 14vw; }
    .fincas .cada-finca .datos .box { margin: 0px 0%; width: 50%; margin-bottom: 1vw; order: 1}
    .fincas .cada-finca .datos .box .linea { display: none }
    .fincas .cada-finca .datos .box100 { width: 100%; order: 5}
    .fincas .cada-finca .datos .box.box100 { width: 100%; order: 5}
    .fincas .line2 { display: none }
    .lista-fincas .slick-prev { top: 22%; height: 35px; width: 35px; background-size: 22px; }
    .lista-fincas .slick-prev:hover { width: 35px;}
    .lista-fincas .slick-next { top: 22%; height: 35px; width: 35px; background-size: 22px; }
    .lista-fincas .slick-next:hover { width: 35px;}
    
        .fincas .cada-finca .datos {  min-height: 260px; }

    .destacado5 .col2 h5 { font-size: 12.5vw; line-height: 8vw; margin-bottom: 30px; }
    .destacado5 .col2 h5 span { font-size: 4vw;}
    .destacado5 .col2 .sello { display: none }

    .actividades { padding-top: 12px; margin-bottom: 40px;}
    .actividades .title h5 { font-size: 11vw;}
    .actividades .title .line1 { height: 15px; margin-top: 7px; }
    .actividades .cada-actividad.actividad-1 {  padding-top: 50px; }
    .actividades .cada-actividad .izq {width: 100%;}
    .actividades .cada-actividad .der h6 { font-size: 26px; line-height: 34px; margin-bottom: 20px;}
    .actividades .cada-actividad .der { padding: initial; width: 80%; margin-top: 35px; margin-bottom: 50px;}

    .contacto-in .izq h5 { font-size: 12.5vw; line-height: 12vw; margin-left: 10%;}
    .contacto-in .izq .line1 { height: 12px; margin-bottom: 8vw;}
    .contacto-in .izq>p.bajada {font-size: 3.4vw; margin-left: 10%;}
    .contacto-in .izq { width: 100%;}
    .contacto-in .izq>p { padding-right: 5vw;margin-left: 10%;}
    .contacto-in .der {margin-left: 10%; }
    .contacto-in .der .campos100 .campo50 { width: 100%;}
    .contacto-in .der .cont-captcha { width: 100%; margin-bottom: 15px;}
    .contacto-in .der button { font-size: 16px; margin: auto; padding: 12px 50px; }

    .experiencias-in .title h5 { font-size: 7.8vw; line-height: 8vw;}
    .experiencias-in .la-experiencia .info h6 { font-size: 10vw; line-height: 9.5vw;}
    .experiencias-in .la-experiencia .info h6 span { font-size: 8.5vw;}
    .experiencias-in .la-experiencia .info>p { font-size: 3.1vw;}

    .head-actividades { margin-bottom: 30px; }
    .head-actividades .izq { padding: 0px 12vw; }
    .head-actividades .izq p.nombre { font-size: 32px; line-height: 37px; }
    .head-actividades .izq p.desc { font-size: 20px; line-height: 28px;}
    .head-actividades .izq p.info { font-size: 14px; }
    .head-actividades .izq p.extra { font-size: 15px; line-height: 20px }

    .parrafo2 .in { width: 80%; }
    .parrafo2 p { font-size: 15px; line-height: 27px; }
    .novedades .title2 .izq { display: none;}
    .novedades .title2 .der { display: none;}

    .novedades .title2 h5 { font-size: 32px; padding: 0px; line-height: 32px;}

    .destacado6 .col2 h5 { font-size: 14.5vw; line-height: 10vw; margin-bottom: 30px; }
    .destacado6 .col2 h5 span { font-size: 5vw;}


    .hero-content .txt-container p.seccion { font-size: 5vw; line-height: 4vw;  margin-top: 6vw; margin-bottom: 3vw;}
    .hero-content .txt-container p.p6 { font-size: 10vw; line-height: 10.6vw; }

    .list-news2 .item .txt-cont>p { font-size: 15px; line-height: 24px;}


    .novedades .title3 .line {  display: none;  }
    .novedades .title3 h5 { padding: 0px; padding-left: 10px; font-size: 8vw; line-height: 12vw; }

    .galeria .title h6 { font-size: 8vw; line-height: 10vw; }


    .contacto-principal .izq h4 { font-size: 40px; line-height: 44px; }
    .contacto-principal .izq p { margin-top: 1.8vw; margin-bottom: 5vw; font-size: 16px; line-height: 29px; }
    .contacto-principal .der .abajo h6 {font-size: 35px; line-height: 39px;}

    .novedades-all .search {  text-align: center;}
    .novedades-all .search select {  width: 80%; margin-bottom: 30px; }

    .experiencias-in .la-experiencia .back-color {   width: 100vw; }

}





@media screen and (max-width:400px){
    .content-menu-mobile .logo img { width: 200px; }
    .content-menu-mobile .logo { padding: 12px 0px; }
    .content-menu-mobile nav p { font-size: 14px;  }
    .content-menu-mobile .languaje-mob { padding-bottom: 20px;}

    .hero-content .txt-container h2 { font-size: 9.5vw; line-height: 11vw;}
    .hero-content .txt-container p.p3 { font-size: 5.2vw; line-height: 6.4vw; margin-left: 5vw; }
    .hero-content .txt-container p.p1 { font-size: 5.8vw; line-height: 8vw;}

    footer .foot-mobile li p {  font-size: 2.8vw; }

    .contenedor-vinos h4 {  font-size: 10vw;  line-height: 11.5vw;}


    .content-link2 .in h6 { font-size: 15vw; line-height: 17vw; }

    .cont-detalle-producto .izq .info .data .cada-item p { font-size: 14px; }

    .cont-detalle-producto .izq .info .logo { width: 80%; max-width: 260px; max-height: 50px; }

    .fincas .cada-finca .datos { margin-top: 25vw; }
    .fincas .cada-finca .nombre p.tit  {  font-size: 0.6em;}
    .fincas .cada-finca .nombre p.desc { font-size: 1em;}
    .fincas .cada-finca .nombre { width: 70%;}

    .hero-content .txt-container .btn-slider .btn-white {width: 85%;}

    .galeria .title h6 { font-size: 10vw; line-height: 11vw; }


    .filtro .logo { width: 210px; margin-bottom: 5vh;}
    .filtro .bloque {  width: 260px; padding: 30px 10px; padding-bottom: 50px;}
    .filtro .bloque .idiomas { flex-direction: column; width: 120px; margin-bottom: 10px;}
    .filtro .bloque .idiomas p {  margin-bottom: 8px; padding: 4px 10px}
    .filtro .bloque .titulo {        font-size: 18px;        line-height: 25px; margin-bottom: 16px;    }
    .filtro .bloque>p {    color: #FFF;    font-size: 11px;    line-height: 16px;    font-weight: 300;    width: 85%;    margin: auto;}
    
    .fincas .cada-finca .datos {  min-height: 320px; }
}

section.iframe-in {
    margin-top: 120px;
    margin-bottom: 120px;
}
section.iframe-in div.content {
    width: 100%;
    max-width: 850px;
    float: none;
    margin: 0 auto;
}
.iframe-in h5.title-medium {
    font-family: 'Playfair Display', serif;
    color: #2E3A46;
    font-weight: 600;
    font-size: 2.5vw;
    line-height: 2.7vw;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:500px){
    section.iframe-in {
        margin-top: 70px;
        margin-bottom: 50px;
    }
}