@font-face {

    font-family: 'SS Nickson One';

    src: url(../fonts/SSNicksonOne.woff2) format('woff2'),

        url(../fonts/SSNicksonOne.woff) format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Proxima Nova Rg';

    src: url(../fonts/ProximaNova-Regular.woff2) format('woff2'),

        url(../fonts/ProximaNova-Regular.woff) format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}





html {

    color: #222;

    font-size: 1em;

    line-height: 1.4;

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



audio,

canvas,

iframe,

img,

svg,

video {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



.browserupgrade {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

h1,h2,h3,h4,h5,h6, p{ margin: 0; padding: 0; }





/* ==========================================================================

   ESTILOS GENERALES

   ========================================================================== */

.preload {

    width: 100%;

    height: 100vh;

    position: absolute;

    background-color: #000;

    z-index: 999;

}  

.center-preload {

    width: 200px;

    height: 140px;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    /* top: -50%; */

    margin-top: -70px;

    top: 50%;

}

.marca-preload{ width: 100%; }

.loader-1 {

    width: 48px;

    height: 48px;

    border: 5px solid #FFF;

    border-bottom-color: #e2ba9d;

    border-radius: 50%;

    display: inline-block;

    -webkit-animation: rotation 1s linear infinite;

    animation: rotation 1s linear infinite;

    left: 0;

    right: 0;

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    margin-top: 25px;

}

/* keyFrames */

@-webkit-keyframes rotation {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes rotation {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.wrapper-home{

    width: 100%;

    height: auto;

    background-image: url(../img/bg-home.jpg);

    background-size: cover; 

    background-position: center;

    display: none;

}

.bg-process{

    background-image: url(../img/bg-process.jpg)!important;

    background-position: top;

}

.bg-wines{

    background-color: #060000;

    background-image: none!important;

}

.bg-video{

    /*agregar estilos*/

    background-image: url(../img/bg-video.jpg)!important;

    background-position: top;

}



.bg-findus{

    background-image: url(../img/bg-findus.jpg)!important;

    background-position: top;

}



.bg-idioma{

    background-image: url(../img/bg-idioma.jpg)!important;

    background-position: top;

    height: 100vh;

}





.center-content {

    width: 1200px;

    min-height: 1000px;

    /*background-color: red;*/

    margin: auto;

    padding-bottom: 60px;

    overflow: auto;

    padding-bottom: 100px;

}

.header{

    width: 1200px;

    height: auto;

    /*background-color: blue;*/

    float: left;

}

.menu-header {

    width: 827px;

    height: auto;

    /* background-color: red; */

    margin: auto;

    margin-top: 130px;

}



.menu-header ul{

    list-style: none;

    margin: 0;

    padding: 0;

}



.menu-header li{

    position: relative;

    display: inline-block;

}



.menu-header li a{

    display: block;

    color: #a7a7a7;

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 19px;

    padding-right: 45px;

    transition: all .3s;

}



.menu-header a:hover{

    color: #fff!important;

}

.marca{

    width: 305px;

    height: auto;

}

.marca img {

    margin-top: -36px;

}

.uno{

    margin-left: 40px;

}

.uno::after {

    content: '·';

    width: 5px;

    height: 5px;

    position: absolute;

    margin-left: 19px;

}

.tres::after {

    content: '·';

    width: 5px;

    height: 5px;

    position: absolute;

    margin-left: 19px;

}

.home-seccion1{

    width: 100%;

    height: 1070px;

    /*background-color: green;*/

    float: left;

    margin-top: 80px;

    position: relative;

}

.botella{

    width: 280px;

    height: auto;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    display: none;

}

.unleas {

    width: 720px;

    height: auto;

    position: absolute;

    margin-top: 55px;

    margin-left: 233px;

    display: none;

}

.text-1 {

    width: 230px;

    height: 160px;

    /* background-color: red; */

    position: absolute;

    margin-top: 265px;

    margin-left: 245px;

    display: none;

}

.text-1 p {

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 15px;

    color: #a7a7a7;

    text-align: left;

}



.home-seccion2{

    width: 100%;

    height: 920px;

    /*background-color: blue;*/

    float: left;

    position: relative;

}

.favours {

    width: 65%;

    height: auto;

    position: absolute;

    margin-top: -165px;

    z-index: 9;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

}

.content-favours {

    width: 1000px;

    height: 865px;

    position: absolute;

    /*background-color: red;*/

    position: absolute;

    margin-top: 54px;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

}

.big-pic{

    width: 400px;

    float: left;

}

.text-big-pic {

    width: 560px;

    height: 200px;

    float: left;

    margin-left: 40px;

    margin-top: 80px;

}

.text-big-pic p{

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 19px;

    color: #a7a7a7;

    text-align: left;

}

.roots {

    width: 700px;

    height: auto;

    position: absolute;

    z-index: 9;

    bottom: 24px;

    margin-left: 287px;

}

.text-roots {

    width: 620px;

    height: 115px;

    position: absolute;

    bottom: 20px;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

}

.text-roots p{

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 15px;

    color: #a7a7a7;

    text-align: center;

}

.home-seccion3{

    width: 100%;

    height: 955px;

    /*background-color: green;*/

    float: left;

    position: relative;

    margin-bottom: 100px;

}

.stories{

    width:900px;

    height: auto;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

}

.box-calltoaction {

    width: 350px;

    height: 295px;

    /* background-color: red; */

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    bottom: 0;

}

.text-call{

    width: 100%;

    height: 80px;

}

.text-call p{

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 15px;

    color: #a7a7a7;

    text-align: center;

}

.theiron{

    width: 300px;

    margin: auto;

}

button {

    font-family: 'SS Nickson One';

    font-size: 25px;

    letter-spacing: 2px;

    padding: 18px 36px;

    text-transform: uppercase;

    /* background: #fff; */

    border: 2px solid #fff;

    /* position: relative; */

    z-index: 1;

    overflow: hidden;

    margin: auto;

    width: 216px;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    margin-top: 20px;

    background: none;

    color: #fff;

}

button::after {

  content: '';

  background: #e2ba9d;

  position: absolute;

  width:100%;

  height:100%;

  z-index: -1;

  transition: all 0.4s ease-in-out;

}

button a{ color: #fff; text-decoration: none; }

/* hover-left */

.button-left:after {

  top:0;

  left:-100%;

}

.button-left:hover:after {

  left:0;

}



.fuego {

    width: 400px;

    height: auto;

    position: absolute;

    bottom: -22px;

    right: 100px;

}

.footer{

    width: 100%;

    height: 200px;

    float: left;

    position: relative;

    border-top-style: solid;

    border-top-width: 2px;

    border-top-color: #646464;

    background-color: #000;

}

.center-footer{

    width: 1100px;

    height: 100px;

    /*background-color: green;*/

    margin: auto;

    padding-top: 70px;

}

.copy{

    width: 300px;

    height: 60px;

    float: left;

}

.text-footer{

    width: 480px;

    height: 60px;

    float: left;

    margin-left: 90px;

}

.follow{

    width: 200px;

    height: 60px;

    float: right;

}

.copy p,.text-footer p,.follow p{

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 15px;

    color: #fbfbfb;

}

.text-footer p,.follow p{ color: #6a6a6a; }



.process-seccion1{

    width: 100%;

    height: 1800px;

    /*background-color: green;*/

    float: left;

    margin-top: 80px;

    position: relative;

}

.parra{

    width: 900px;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    z-index: 3;

}

.hoja1 {

    width: 90px;

    position: absolute;

    margin-left: 699px;

    margin-top: -38px;

}

.hoja2 {

    width: 90px;

    position: absolute;

    margin-left: 869px;

    margin-top: 97px;

    z-index: 9;

}

.hoja3 {

    width: 90px;

    position: absolute;

    margin-left: 344px;

    margin-top: 108px;

    z-index: 9;

}

.hoja4 {

    width: 90px;

    position: absolute;

    margin-left: 404px;

    margin-top: 151px;

    z-index: 2;

}



.uva1 {

    width: 110px;

    position: absolute;

    margin-left: 388px;

    margin-top: 160px;

    z-index: 1;

}

.uva2 {

    width: 175px;

    position: absolute;

    margin-left: 597px;

    margin-top: 226px;

    z-index: 1;

}

.text-process-1 {

    width: 180px;

    height: 200px;

    /*background-color: red;*/

    position: absolute;

    margin-top: 240px;

    margin-left: 204px;

}

.text-process-2 {

    width: 226px;

    height: 200px;

    /* background-color: red; */

    position: absolute;

    margin-top: 342px;

    right: 220px;

}

.text-process-3 {

    width: 285px;

    height: 80px;

    /* background-color: red; */

    position: absolute;

    margin-top: 671px;

    right: 188px;

}

.text-process-4 {

    width: 220px;

    height: 80px;

    /* background-color: red; */

    position: absolute;

    margin-top: 925px;

    left: 215px;

    z-index: 9;

}

.text-process-5 {

    width: 300px;

    height: 460px;

    /*background-color: red;*/

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    margin-top: 1335px;

}

.text-process-5 span{ color: #fff; }

.text-process-1 p,.text-process-2 p,.text-process-3 p,.text-process-4 p,.text-process-5 p{

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 15px;

    color: #a7a7a7;

    text-align: left;

}

.text-process-1 h1, .text-process-2 h1, .text-process-3 h1, .text-process-4 h1, .text-process-5 h1{ 

        font-size: 20px; font-family: font-family: 'SS Nickson One'; color: #a7a7a7;}

.text-process-5 p{ text-align: center; }



.wines-seccion1{

    width: 100%;

    height: 1115px;

    /*background-color: green;*/

    float: left;

    margin-top: 80px;

    position: relative;

}

.wines-seccion2{

    width: 100%;

    height: 1115px;

    /*background-color: green;*/

    float: left;

    margin-top: 30px;

    position: relative;

}

.wines-seccion3{

    width: 100%;

    height: 960px;

    /*background-color: green;*/

    float: left;

    margin-top: 30px;

    position: relative;

}

.bg-wines1{

    width: 890px;

    height: auto;

    position: absolute;

}

.bg-wines2{

    width: 1100px;

    height: auto;

    position: absolute;

    right: 0;

}

.bg-wines3{

    width: 900px;

    height: auto;

    position: absolute;

    right: 0;

    left: 0;

    margin-left: auto;

    margin-right: auto;

}

.primitivas{

    width: 860px;

    height: auto;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    z-index: 9;

}

.plataforma-botella1{

    width: 650px;

    height: auto;

    position: absolute;

    /*left: 310px;*/

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    z-index: 9;

    margin-top: 310px;

}

.plataforma-botella2{

    width: 650px;

    height: auto;

    position: absolute;

    /*left: 310px;*/

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    z-index: 9;

    margin-top: 310px;

}

.box-detalle-bot {

    width: 350px;

    height: 530px;

    /*background-color: red;*/

    position: absolute;

    z-index: 9;

    right: 100px;

    margin-top: 360px;

}

.bot-left{

    right: auto;

    left: 120px;

}

.text-fin {

    right: 120px!important;

    margin-top: 120px;

}

.title-1{

    width: 80px;

    height: auto;

    float: left;

    margin-bottom: 20px;

}

.title-3{

    width: 250px;

    height: auto;

    float: left;

    margin-bottom: 20px;

}

.clear{ clear: both; }

.box-detalle-bot p{

    font-family: 'Proxima Nova Rg';

    font-weight: 500;

    text-decoration: none;

    font-size: 16px;

    color: #a7a7a7;

    text-align: left;

}

.mar-left{right: auto!important;}

.botella3 {

    width: 180px;

    height: auto;

    position: absolute;

    left: -55px;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    z-index: 9;

    margin-top: 30px;

}



.intro-video{

    width: 1200px;

    height: auto;

    margin: auto;

}

.video-detalle{

    width: 100%;

    height: auto;

    background-color: red;

}

    .video-detalle iframe{

        width: 100%;

        min-height: 500px;

    }

video{ width: 100%; }

.video-detalle-info{

    width: 100%;

    height: 170px;

    background-color: #1a1a1a;

}

.box-video-detalle-info-title {

    width: 350px;

    height: 85px;

    /* background-color: green; */

    float: left;

    border-right-style: solid;

    border-right-width: 1px;

    border-right-color: #5a5a5a;

    padding-top: 20px;

    margin-top: 33px;

    margin-left: 40px;

}

.box-video-detalle-info-detalle {

    width: 600px;

    height: 82px;

    float: left;

    /* background-color: green; */

    margin-top: 15px;

    margin-left: 70px;

    padding-top: 23px;

}



.box-video-detalle-info-title h1{

    font-family: 'SS Nickson One';

    font-size: 33px;

    color: #fff;

    font-weight: normal;

}

.box-video-detalle-info-title p,.box-video-detalle-info-detalle p {

    font-family: 'Proxima Nova Rg';

    font-size: 18px;

    color: #b0b0b0;

}

.box-video-detalle-info-detalle p{

    color: #7f7f7f!important;

    font-size: 17px;

}

.chapter{

    cursor: pointer;

    width: 100%;

    height: 300px;

    background-color: #1a1a1a;

    margin-top: 20px;

    margin-bottom: 20px;

}

.box-miniatura-vid {

    width: 350px;

    height: 220px;

    /*background-color: green;*/

    float: left;

    border-right-style: solid;

    border-right-width: 1px;

    border-right-color: #5a5a5a;

    margin-left: 40px;

    margin-top: 40px;

}

.vid-mini {

    width: 310px;

    height: 220px;

    background-color: #b0b0b0;

}

.box-detalle-vid-chap {

    width: 500px;

    height: 220px;

    /*background-color: green;*/

    float: left;

    margin-left: 60px;

    margin-top: 40px;

}

.box-detalle-vid-chap h1{

    font-family: 'SS Nickson One';

    font-size: 33px;

    color: #fff;

    font-weight: normal;

}

.box-detalle-vid-chap h2{

    font-family: 'Proxima Nova Rg';

    font-size: 18px;

    color: #b0b0b0;

    margin-top: -10px;

    margin-bottom: 40px;

}

.box-detalle-vid-chap p{

    font-family: 'Proxima Nova Rg';

    color: #7f7f7f;

    font-size: 17px;

}



.home-findus{

    width: 100%;

    height: auto;

    /*background-color: green;*/

    float: left;

    margin-top: 80px;

    position: relative;

}

.usa{

    width: 630px;

    height: auto;

    margin: auto;

}

.buscador-mapa{

    width: 1000px;

    height: 575px;

    /*background-color: red;*/

    margin: auto;

    margin-top: 100px;

}

.barra-busca{

    width: 1000px;

    height: 70px;

    border-style: solid;

    border-width: 1px;

    border-color: #fff;

    margin-bottom: 30px;

}

.text-title { float: left; }

.text-title h1 {

    font-family: 'SS Nickson One';

    font-size: 50px;

    color: #c2c2c2;

    margin-left: 40px;

    margin-top: 3px;

}

.form{ float: left; margin-left: 50px; }



.form input {

    font-family: 'Proxima Nova Rg';

    width: 420px;

    height: 40px;

    margin-top: 13px;

    background-color: rgb(255 255 255 / 0%);

    border: none;

    color: #fff;

    font-size: 25px;

    float: left;

}

.form input:focus-visible {

  background-color: rgb(255 255 255 / 0%);

  border: none;

    outline: 0;

}

.btn-buscar {

    width: 35px;

    height: auto;

    float: left;

    margin-left: 40px;

    margin-top: 18px;

}

.map{

    width: 615px;

    height: 465px;

    float: left;

}

.listado {

    width: 355px;

    height: 465px;

    float: left;

    /*background-color: red;*/

    margin-left: 30px;

    overflow: auto;

}

.list {

    border-bottom-style: solid;

    border-bottom-width: 2px;

    border-bottom-color: #b9b8b8;

    padding-bottom: 20px; 

    margin-bottom: 15px;

    cursor: pointer;

 }

.list h1{

    font-family: 'SS Nickson One';

    font-size: 30px;

    color: #c2c2c2;

}

.list p{

    font-family: 'Proxima Nova Rg';

    font-size: 15px;

    color: #c2c2c2;

}

.logo-fot {

    width: 455px;

    height: auto;

    margin: auto;

    margin-top: 140px;

}

	.logo-fot {

		display: flex;

    	flex-direction: column;

	}

		.logo-fot-img{

			display: flex;

            flex-direction: row;

            flex-wrap: nowrap;

            justify-content: space-between;

            align-items: center;

			margin: 25px 0;

		}

			.logo-fot-img:last-child a{

				max-width: 40%;

				opacity: 0.9;

				transition: all 500ms;

			}

				.logo-fot-img:last-child a:hover{

					transform: scale(1.1);

				}

				.logo-fot-img:last-child a img{

                    height: auto;

                    padding: 25px 0;

                }

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

  .logo-fot{

      width: 100%;

  }

  .logo-fot-img{

      flex-direction: column;

  }

  .logo-fot-img:last-child a{

    width: 50%;

    opacity: 1;

  }

}

.home-idioma{

    width: 100%;

    min-height: 600px;

    background-color: green;

    float: left;

    margin-top: 80px;

    position: relative;

}

.center-idioma{

    width: 950px;

    height: 490px;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    top: 50%;

    margin-top: -160px;

}

.weolcome{

    width: 700px;

    height: auto;

    margin: auto;

}

.box-seleccion{

    width: 470px;

    height: 75px;

    margin: auto;

    margin-top: 30px;

}

.box-text-legal{

    width: 470px;

    height: 75px;

    margin: auto;

    margin-top: 30px;

}

.box-text-legal h1{

    font-family: 'Proxima Nova Rg';

    font-size: 20px;

    color: #d3d3d4;

    text-align: center;

}

.box-text-legal p{

    font-family: 'Proxima Nova Rg';

    font-size: 11px;

    color: #727274;

    text-align: center;

    margin-top: 10px;

}





.btn-lefttt{ float: left; }

.btn-righttt{ float: right; }



.btn-lefttt button,.btn-righttt button {

    font-family: 'SS Nickson One';

    font-size: 25px;

    letter-spacing: 2px;

    padding: 18px 36px;

    text-transform: uppercase;

    /* background: #fff; */

    border: 2px solid #fff;

    /* position: relative; */

    z-index: 1;

    overflow: hidden;

    margin: auto;

    width: 216px;

    margin: auto;

    position: relative;

    margin-top: 0px;

    background: none;

    color: #fff;

}

button::after {

  content: '';

  background: #e2ba9d;

  position: absolute;

  width:100%;

  height:100%;

  z-index: -1;

  transition: all 0.4s ease-in-out;

}

button a{ color: #fff; text-decoration: none; }

/* hover-left */

.button-left:after {

  top:0;

  left:-100%;

}

.button-left:hover:after {

  left:0;

}



.hamburger{

    display: block;

    width: 28px;

    height: 18px;

    padding: 11px;

    margin: 5px;

    position: absolute;

    top: 10px;

    left: 0;

}

.hamburger:before, .hamburger:after {

    content: '';

    display: block;

    background: #7482bf;

    height: 2px;

}

.hamburger span {

    background: #7482bf;

    display: block;

    height: 2px;

    margin: 6px 0;

}

#menu{ display: none; }

.hamburger{ display: none; }

.ocultadisplaymob{ display: block }

.ocultadisplaymob2{ display: none!important }





 /* ==========================================================================

   ESTILOS CELULARES

   ========================================================================== */

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

    .center-idioma{ width: 290px; height: 360px; }

    .weolcome{ width: 290px; }

    .box-seleccion{ width: 290px; }

    .btn-lefttt button, .btn-righttt button{ width: 135px; font-size: 19px; }

    .box-text-legal{ width: 290px; }

    .box-text-legal h1{ font-size: 15px; }

    .box-text-legal p{ font-size: 10px; }



    .center-content{ width: 290px; }

    .header{ width: 290px; display: none;}

    .menu-header{ width: 290px; }

    .unleas {

        width: 290px;

        height: auto;

        position: absolute;

        margin-top: 55px;

        margin-left: 0;

        display: none;

    }

    .text-1 {

        width: 90px;

        height: 160px;

        /* background-color: red; */

        position: absolute;

        margin-top: 144px;

        margin-left: 0;

        display: none;

    }

    .text-1 p{ font-size: 11px; }

    .home-seccion1{ height: 460px; }

    .botella{ width: 120px; }

   .fuego {

        width: 140px;

        height: auto;

        position: absolute;

        bottom: -22px;

        left: 130px;

    }

    .favours {

        width: 85%;

        margin-top: -36px;

    }

    .content-favours{ width: 290px; height: 365px; }

    .big-pic {

        width: 150px;

        float: left;

        margin-top: -15px;

    }

    .text-big-pic {

        width: 110px;

        height: 200px;

        float: left;

        margin-left: 20px;

        margin-top: 20px;

    }

    .text-big-pic p{ font-size: 10px; }

    .roots {

        width: 210px;

        height: auto;

        position: absolute;

        z-index: 9;

        bottom: 24px;

        margin-left: 0;

    }

    .home-seccion2 {

        height: 394px;

    }

    .text-roots {

        width: 290px;

        height: 115px;

        position: absolute;

        bottom: -60px;

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

    }

    .text-roots p {

        font-family: 'Proxima Nova Rg';

        font-weight: 500;

        text-decoration: none;

        font-size: 11px;

        color: #a7a7a7;

        text-align: center;

    }

    .stories {

        width: 290px;

        margin-top: 40px;

    }

    .home-seccion3{ height: 540px; margin-bottom: 0; }

    .box-calltoaction{ width: 290px; }

    .theiron{ width: 290px; }

    .footer {

        height: 180px;

    }

    .center-footer {

        width: 290px;

        height: 100px;

        margin: auto;

        padding-top: 40px;

    }

    .copy {

        width: 300px;

        height: 30px;

        float: left;

    }

    .text-footer {

        width: 290px;

        height: 55px;

        float: left;

        margin-left: 0;

    }

    .follow {

        width: 140px;

        height: 30px;

        float: left;

    }



    .hamburger{ right: 0; left: auto; }

    .hamburger span{ background: #fff; }

    .hamburger:before, .hamburger:after{

        background: #fff;

    }

    .mm-spn li:after{ margin-left: auto; }

    .hamburger{ display: block; }

    #menu {

        display: block;

    }



    .usa{ width: 290px; }

    .buscador-mapa{ width: 290px; margin-top: 30px; }

    .barra-busca{ width: 287px; }

    .text-title h1 {

        font-family: 'SS Nickson One';

        font-size: 30px;

        color: #c2c2c2;

        margin-left: 20px;

        margin-top: 3px;

    }

    .form {

        float: left;

        margin-left: 15px;

    }

    .form input {

        font-family: 'Proxima Nova Rg';

        width: 220px;

        height: 25px;

        margin-top: -8px;

        background-color: rgb(255 255 255 / 0%);

        border: none;

        color: #fff;

        font-size: 17px;

        float: left;

    }

    .btn-buscar {

        width: 20px;

        height: auto;

        float: left;

        margin-top: -5px;

        margin-left: 0px;

    }

    .map {

        width: 290px;

        height: auto;

        float: left;

    }

    .listado {

        width: 290px;

        height: 615px;

        float: left;

        /* background-color: red; */

        margin-left: 0px;

        overflow: auto;

        margin-top: 10px;

    }

    .list h1 {

    font-family: 'SS Nickson One';

    font-size: 28px;

    color: #c2c2c2;

    }

    .list {

        border-bottom-style: solid;

        border-bottom-width: 2px;

        border-bottom-color: #b9b8b8;

        padding-bottom: 20px;

        width: 270PX;

        padding-top: 15px;

    }

    .logo-fot{ width: 290px; }

    .buscador-mapa{ height: 990px; }

    .parra{ width: 290px; }



    .hoja1 {

        width: 30px;

        position: absolute;

        margin-left: 177px;

        margin-top: -18px;

    }

    .hoja2 {

        width: 35px;

        position: absolute;

        margin-left: 219px;

        margin-top: 23px;

        z-index: 9;

    }

    .hoja3 {

        width: 35px;

        position: absolute;

        margin-left: 54px;

        margin-top: 28px;

        z-index: 9;

    }

    .hoja4 {

        width: 33px;

        position: absolute;

        margin-left: 170px;

        margin-top: 80px;

        z-index: 2;

    }

    .uva1 {

        width: 40px;

        position: absolute;

        margin-left: 158px;

        margin-top: 80px;

        z-index: 1;

    }

    .uva2 {

        width: 56px;

        position: absolute;

        margin-left: 50px;

        margin-top: 36px;

        z-index: 1;

    }

    .text-process-1 {

        width: 120px;

        height: 200px;

        /* background-color: red; */

        position: absolute;

        margin-top: 107px;

        margin-left: 4px;

    }

    .text-process-2 {

        width: 90px;

        height: 80px;

        /* background-color: red; */

        position: absolute;

        margin-top: 115px;

        right: 0;

    }

    .text-process-1 p, .text-process-2 p, .text-process-3 p, .text-process-4 p, .text-process-5 p{ font-size: 10px; }

    .text-process-1 h1, .text-process-2 h1, .text-process-3 h1, .text-process-4 h1, .text-process-5 h1{ 

        font-size: 10px; font-family: font-family: 'SS Nickson One'; color: #a7a7a7;}

    

    .text-process-4 {

        width: 110px;

        height: 80px;

        /* background-color: red; */

        position: absolute;

        margin-top: 280px;

        left: 0;

        z-index: 9;

    }

    .text-process-3{ display: none; }

    .text-process-5 {

        width: 290px;

        height: 330px;

        /* background-color: red; */

        position: absolute;

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

        margin-top: 475px;

    }

    .process-seccion1{ height: 830px; }

    .fix-content {

        min-height: 890px;

        padding-bottom: 30px;

    }

    .intro-video{ width: 290px; }

    .video-detalle-info {

        width: 100%;

        height: 160px;

        background-color: #1a1a1a;

    }

    .box-video-detalle-info-title {

        width: 100px;

        height: 85px;

        /* background-color: green; */

        float: left;

        border-right-style: solid;

        border-right-width: 1px;

        border-right-color: #5a5a5a;

        padding-top: 10px;

        margin-top: 33px;

        margin-left: 30px;

    }

    .box-video-detalle-info-title h1 {

        font-family: 'SS Nickson One';

        font-size: 16px;

        color: #fff;

        font-weight: normal;

    }

    .box-video-detalle-info-title p, .box-video-detalle-info-detalle p {

        font-family: 'Proxima Nova Rg';

        font-size: 15px;

        color: #b0b0b0;

    }

    .box-video-detalle-info-detalle {

        width: 120px;

        height: 82px;

        float: left;

        /* background-color: green; */

        margin-top: 33px;

        margin-left: 20px;

        padding-top: 13px;

    }

    .box-video-detalle-info-detalle p {

        color: #7f7f7f!important;

        font-size: 10px;

    }

    .box-miniatura-vid {

        width: 100px;

        height: 90px;

        /* background-color: green; */

        float: left;

        border-right-style: solid;

        border-right-width: 1px;

        border-right-color: #5a5a5a;

        margin-left: 20px;

        margin-top: 40px;

    }

    .vid-mini {

        width: 100%;

        height: 90px;

        background-color: #b0b0b0;

    }

    .chapter {

        width: 100%;

        height: 190px;

        background-color: #1a1a1a;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .box-detalle-vid-chap {

        width: 130px;

        height: 125px;

        /* background-color: green; */

        float: left;

        margin-left: 20px;

        margin-top: 40px;

    }

    .box-detalle-vid-chap h1 {

        font-family: 'SS Nickson One';

        font-size: 22px;

        color: #fff;

        font-weight: normal;

    }

    .box-detalle-vid-chap h2 {

        font-family: 'Proxima Nova Rg';

        font-size: 14px;

        color: #b0b0b0;

        margin-top: -10px;

        margin-bottom: 10px;

    }

    .box-detalle-vid-chap p {

        font-family: 'Proxima Nova Rg';

        color: #7f7f7f;

        font-size: 11px;

    }

    .primitivas{ width: 290px; }

    .bg-wines1 {

        width: 240px;

        height: auto;

        position: absolute;

        margin-top: 41px;

    }

    .box-detalle-bot {

        width: 290px;

        height: 450px;

        /* background-color: red; */

        position: absolute;

        z-index: 9;

        right: 0px;

        margin-top: 490px;

    }

    .plataforma-botella1 {

        width: 290px;

        height: auto;

        position: absolute;

        /* left: 310px; */

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

        z-index: 9;

        margin-top: 110px;

    }

    .box-detalle-bot p {

        font-family: 'Proxima Nova Rg';

        font-weight: 500;

        text-decoration: none;

        font-size: 14px;

        color: #a7a7a7;

        text-align: left;

    }

    .wines-seccion1{ height: 955px; }

    .bg-wines2 {

        width: 290px;

        height: auto;

        position: absolute;

        right: 0;

    }

    .plataforma-botella2 {

        width: 290px;

        height: auto;

        position: absolute;

        /* left: 310px; */

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

        z-index: 9;

        margin-top: 0;

    }

    .bot-left {

        right: auto;

        left: 0;

        margin-top: 380px!important;

    }

    .wines-seccion2{ height: 815px; }

    .bg-wines3 {

        width: 290px;

        height: auto;

        position: absolute;

        right: 0;

        left: 0;

        margin-left: auto;

        margin-right: auto;

    }

    .botella3{ width: 90px; }

    .text-fin {

        right: 0!important;

        margin-top: 400px!important;

    }

    .wines-seccion3{ height: 850px; }







  }





/* autocomplete */

.autocomplete {

    width:100%;

    float:left;

    position:relative;

}

.autocomplete-items {

    position: absolute;

    border: 1px solid #d4d4d4;

    border-bottom: none;

    border-top: none;

    z-index: 99;

    top:100%;

    left:0;

    right:0;

}

.autocomplete-items div {

    padding:10px;

    cursor:pointer;

    background-color:#fff;

    border-bottom:1px solid #d4d4d4;

}

.autocomplete-items div, .autocomplete-items div * {

    font-family:'Myriad Pro';

    font-size:2vh;

    line-height:2.2vh;

}

.autocomplete-items div:hover { background-color:#e9e9e9; } 

.autocomplete-active {

    background-color: DodgerBlue !important;

    color:#fff;

}

/* FIN autocomplete */

.box-seleccion{
    display: flex;
    width: 100%;
    justify-content: center;
}
    .box-seleccion div{
        margin: 0 25px;
    }

@media screen and (max-width: 767px) {
	.box-seleccion{
		flex-direction: column;
        align-items: center;
        height: auto;
	}
		.box-seleccion div{
			margin: 10px 0;
			width: 80%;
		}
			.box-seleccion div button{
				width: 100%;
			}
}