* { box-sizing: border-box;  margin: 0; }

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}


html, body { width: 100%; height: auto; margin: 0; overflow-x: hidden !important; overflow-x: hidden !important; font-family: "Lato", sans-serif; font-weight: 300; font-size: 16px !important; line-height: 22px; color: #6e6e6e; scroll-behavior: smooth; }
/* html { scroll-behavior: smooth; } */
body { background:#fefefe url(img/top-body.jpg) no-repeat top; background-size: 100% 100px; animation: fadein 2s;  -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */   }
@keyframes fadein { from { opacity:0; } to { opacity: 1;} } 
@-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity: 1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity: 1;} }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1;} }
section { width: 100%; height: auto; position: relative; padding: 75px 0; z-index:1; } 
header { width: 100%; height: 100px; position: fixed; background: none;  z-index: 9 !important; background: rgba(0, 0, 0, .2); padding-top: 10px; top:0px; text-align: left; }
footer { width: 100%; height: auto; overflow: hidden; position: relative; color:#6e6e6e; font-size: 15px; font-weight: 400 !important; padding: 75px 0;  text-align: left; }
footer .container .row hr.hr { background: #6e6e6e !important ; height:1px !important; margin:50px 0 !important: position:relative; }
footer h4 { display: block; margin: 0 0 20px 0; font-size: 13px; font-weight: 800 !important; color:#000; }
footer a { color: #6e6e6e !important; font-size: 13px; line-height: 16px !important; font-weight: 400 !important; display: block; margin-bottom:5px;  }
footer a:hover { color: #000; text-decoration: none; }
footer ul { padding:0; margin:0 0 38px 0; }
footer p { color:#6e6e6e; font-size:14px; }
footer .img-fluid { width: 75%;  }
footer .col-sm-4 img { margin:50px 0; width:250px;  }
footer ul li { list-style: none; font-size: 18px; margin:0 0 15px 0; padding:0;   }
footer ul li a { list-style: none; font-size: 15px; line-height: 19px; text-decoration: none; margin:0 0 25px 0; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-family: 'jt_marnie_boldbold'; }
footer ul li a:hover { font-weight: 300 !important; color: #fff; text-decoration: none; }
a, button { cursor: pointer; outline: none; text-decoration: none; }
h2, h3 ,h4 ,h5 { letter-spacing: .5px;  font-weight:700; margin-bottom:45px; font-weight: 700; }
h1 { letter-spacing: .5px;  color:#fff; font-size:5vw; line-height:4.2vw; }
img, p { transition:all 200ms ease;   }
a { transition:all 200ms ease; margin:25px 2; }
b {  letter-spacing:1px; }

/* img { mix-blend-mode: multiply !important; } */
footer img { mix-blend-mode: normal !important; }

input { width:40%; display:inline-block; vertical-align:middle; background:rgba(0, 0, 0, .7); border:none; margin:5px; padding:10px; color:#fff; }
textarea { width:80%; display:inline-block; vertical-align:middle; background:rgba(0, 0, 0, .7); border:none; margin:5px; padding:10px; }
input[type=submit] {color: #fff; border: #d5981d solid 1px; background: #d5981d; font-weight: 600; padding: 15px 10px; margin: 20px 0; width: 220px;}
video.intro { margin-top:100px !important; margin-bottom:50px; }
.blanco { color:#fff; }

a.esp_ { letter-spacing: .5px;  font-weight:700; color:#edb74a; font-size:20px; display: block; margin:0 0 0 8%; text-align:left;  }
.rs_ { position:fixed; z-index:20; top:10px; width:130px; right:0px; text-align: right; padding-right:20px; }
.logo { position:fixed; z-index:20; top:25px; left: 25px; width:25%;  }
.logo_ { position:fixed; z-index:20; top:35px !important; left: 25px; width:120px !important;  }
.burger-wrapper { cursor: pointer; }
.flag { position: absolute; right:70px; top:17px; background: #f6f6f6; }
.flag a { color:#e91276; display:inline-block; padding:10px; border-radius:15px; text-decoration:none;  }
.flag a:hover { color:#5ec2a2; }
.gradient { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:1; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.77) 100%); }
.carousel-cell .container { position: relative; z-index:5; }
.eco .container .row { position: relative; z-index:5; }
.buton_ { cursor:pointer; }
#meny a { color:#e1af49; font-size:1em; line-height: 1.3em;  text-decoration:none; }
#meny ul { padding:100px 10%; text-align: right; }
#meny ul li { padding:5px 0; list-style:none; font-size:18px; }
#meny ul li a { color:#fff !important;  text-decoration:none; }
#meny ul li.sub { /*border-top:rgba(255, 255, 255, .3) solid .5px !important;*/ border-bottom:rgba(255, 255, 255, .3) solid .5px !important; margin-bottom:5px; margin-right:20px;  }
#meny ul li.sub a { padding-right:20px; color:#fff !important; }
#meny ul li.sub a:hover { opacity:.5; }
#meny a img.rs { padding:5px !important; display:inline-block;}
#meny {
    background: rgba(0, 0, 0, .8); width: 490px; height: 100vh;
    position: fixed; right: 0; transition-timing-function: cubic-bezier(10,2,3,1);
    transform: translateX(50rem); top: 0; z-index: 100000 !important; transition: 0.5s;
}
#menyAvPaa { display: none; }
#menyAvPaa:checked ~ #meny { transform: translateX(0rem); }
#burger {
    position: absolute; cursor: pointer; width: 40px; height: 40px; right: 1rem; top: 20px !important;
    display: flex; justify-content: space-between; flex-direction: column; top: 50px; z-index:99999999999999999999999999999999999999999999 !important; }
#movil {     bottom:50px; right: 35px; width:40px;  position: fixed;  z-index:99999999999999999999999999999999999999999999 !important; }
.mainn { background:#000; transition:all 200ms ease;  }
.mainn_ { margin-top:-100px; background:#000 !important; }

.contacto_btn { background:#000; color:#000 !important; padding:10px; border-radius:15px; }

#burger > div { height: 10px; background: none; transition: 0.5s; z-index: 999; position: relative; }
#burger > div > .box1 { width: 10px; height: 10px; background: #fff; position:relative; color: transparent; float:left;}
#burger > div > .box2 { width: 10px; height: 10px; background: #fff; position:relative; color: transparent; margin:0 auto;  }
#burger > div > .box3 { width: 10px; height: 10px; background: #fff; position:absolute; color: transparent; top:0; right:0; }


#doctor { margin-bottom:75px; height:auto; background:#000; padding:170px 0; margin:-100px 0 ; }
#doctor a.btn { display:block; background:#fff; color:#000; font-weight:bold; width:200px; margin: 50px 0; text-align:center; border-radius:50px; }
#doctor span { font-weight:300; }
#doctor h4 { font-weight:300; }

#menyAvPaa:checked ~ #burger > div {  background-color: #fff; }
#menyAvPaa:checked ~ #burger > div > .box1 {  background: none; }
#menyAvPaa:checked ~ #burger > div > .box2 {  background: none; }
#menyAvPaa:checked ~ #burger > div > .box3 {  background: none; }
#menyAvPaa:checked ~ #burger > div:nth-child(1) { transform: translateY(15px) rotate(45deg); }
#menyAvPaa:checked ~ #burger > div:nth-child(2) { opacity: 0;}
#menyAvPaa:checked ~ #burger > div:nth-child(3) { transform: translateY(-15px) rotate(-45deg); }

#certificaciones .carousel { width:100%; height: 450px; margin:40px auto; overflow: hidden; padding: 90px 0; }
#certificaciones .carousel-cell {  width: 100%;  height: 450px; position: relative;  padding: 0;  }
#certificaciones h2 { font-size:45px; text-transform:uppercase; margin:0; color:#000; }
#certificaciones img  {  }
#certificaciones p  { color:#434750; font-size:12px; }
#certificaciones b  { font-weight: 900; font-size:10px; text-transform: capitalize !important; }
#certificaciones .carousel-cell p span { color:#edb74a; font-weight:700;  }
#certificaciones .carousel-cell a  { color:#434750; font-size:12px; }
.col-sm_ { width:50%; display:inline-block; }

#operaciones .carousel { width:100%; height: 650px; margin:10px auto; overflow: hidden;  }
#operaciones .carousel-cell {  width: 33.3%; height: 650px; position: relative;  padding: 20px; position:relative; /*background:#908d8d !important;*/ }
#operaciones .carousel-cell h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    position: absolute;
    top: 29%;
    right: -30%;
    padding: 15px;
    width: 100%;
    transform: rotate(-90deg);
}
#operaciones .carousel-cell h2 span { font-weight:400;  }
#operaciones .carousel-cell a { font-weight:600; background:#fff; color:#00ac9f; padding:15px 10px; display:inline-block; margin-top:15px; border-radius:35px !important; }

#operaciones .corp1 { background: url(img/corp1.jpg) no-repeat center; background-size:cover; }
#operaciones .corp2 { background: url(img/corp2.jpg) no-repeat center; background-size:cover; }
#operaciones .corp3 { background: url(img/corp3.jpg) no-repeat center; background-size:cover; }
#operaciones .corp4 { background: url(img/corp4.jpg) no-repeat center; background-size:cover; }
#operaciones .corp5 { background: url(img/corp5.jpg) no-repeat center; background-size:cover; }
#operaciones .corp6 { background: url(img/corp6.jpg) no-repeat center; background-size:cover; }
#operaciones .corp7 { background: url(img/corp7.jpg) no-repeat center; background-size:cover; }
#operaciones .corp8 { background: url(img/corp8.jpg) no-repeat center; background-size:cover; }
#operaciones .corp9 { background: url(img/corp9.jpg) no-repeat center; background-size:cover; }

#operaciones .fa1 { background: url(img/fa1.jpg) no-repeat center; background-size:cover; }
#operaciones .fa2 { background: url(img/fa2.jpg) no-repeat center; background-size:cover; }
#operaciones .fa3 { background: url(img/fa3.jpg) no-repeat center; background-size:cover; }
#operaciones .fa4 { background: url(img/fa4.jpg) no-repeat center; background-size:cover; }
#operaciones .fa5 { background: url(img/fa5.jpg) no-repeat center; background-size:cover; }
#operaciones .fa6 { background: url(img/fa6.jpg) no-repeat center; background-size:cover; }
#operaciones .fa7 { background: url(img/fa7.jpg) no-repeat center; background-size:cover; }
#operaciones .fa8 { background: url(img/fa8.jpg) no-repeat center; background-size:cover; }
#operaciones .fa9 { background: url(img/fa9.jpg) no-repeat center; background-size:cover; }


.slide1 { background: url(img/slide-1.jpg) no-repeat center; background-size:cover; height:100% !important; }
.slide2 { background: url(img/slide-2.jpg) no-repeat center; background-size:cover; height:100% !important; }
.slide3 { background: url(img/slide-3.jpg) no-repeat center; background-size:cover; height:100% !important; }
.slide4 { background: url(img/slide-4.jpg) no-repeat center; background-size:cover; height:100% !important; }
.slide5 { background: url(img/slide-5.jpg) no-repeat center; background-size:cover; height:100% !important; }


.rec1 { background: url(img/rec1.jpg) no-repeat center; background-size:cover; height:100% !important; }
.rec2 { background: url(img/rec2.jpg) no-repeat center; background-size:cover; height:100% !important; }
.rec3 { background: url(img/rec3.jpg) no-repeat center; background-size:cover; height:100% !important; }
.rec4 { background: url(img/rec4.jpg) no-repeat center; background-size:cover; height:100% !important; }
.rec5 { background: url(img/rec5.jpg) no-repeat center; background-size:cover; height:100% !important; }
.carousel-cell h2 { text-shadow:1px 1px 10px rgba(0, 0, 0, .7); }

#contacto {  }
#contacto h4 { font-size:18px; margin-bottom:10px; max-width:450px;  }
#contacto h4 span { color: #4a4949;  display:block; }
.direccion h3 { font-size:24px; margin-bottom:10px; max-width:450px; margin:50px 0 15px;  }
.direccion { font-size:15px; font-weight:500; }
.direccion a { color: #d5981d; text-transform:uppercase; }

.titulo-qui { display: block; letter-spacing: .5px;  color:#fff; border:none; padding-bottom:15px; width: 100%; border-bottom:#fff solid 1px; text-align:  left; font-size:2.3vw; line-height:1vw; margin:25px 0;  }

.gall { width:15%; display:inline-block; vertical-align:top; margin:10px; mix-blend-mode: normal !important; }

.m-auto {
    margin: auto!important;
    mix-blend-mode: normal !important;
}

.flickity-button {
    position: absolute;
    background: none;
    border: #fff solid 4px !important;
    border: none;
    color: #fff; width: 30px; height: 30px;
}

.flickity-button:hover {
    position: absolute;
    background: none;
    border: #fff solid 4px !important;
    border: none;
    color: #fff;
}

h1.modal-title {  font-weight:700; color:#8a6315; text-transform: uppercase; font-size:2em !important; }
#deleon { width:100%; height:100vh; }
.licencia { color:#b68522; font-weight:800; font-size:18px; display:inline-block; margin:20px 0; }
.licencia span{ font-weight:400; display: block; }
.centrar { display: flex; justify-content: center; align-items: center;  }
.fulgor { position: absolute; z-index:1; top:0; left:-30%; height:100%; }
.container { position: relative; z-index:10;  }
#faq_ b {  display: block; margin:50px 0 20px 0; color:#d5981d; }
.numero { font-weight:600; font-size:32px; color:#00ac9f; }
.margin-top-175 { margin-top:175px; }
ul.botox li { list-style: none; margin:25px 0; color: #fff; padding: 15px; background:#00ac9f; }
.modal-content { background:url(img/bg-modal.jpg) no-repeat center; background-size:cover;  }
.modal-content h3 { color:#d5981d; }
.modal-header { border: none !important; }
#certificaciones {  height:auto; }
#certificaciones b { font-size:16px; line-height:18px; min-height:80px; display:block; margin-bottom:10px; }
#certificaciones a { font-weight:700; color:#00ac9f; font-size:14px; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff; font-weight: 200 !important; font-size: 16px; 
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff; font-weight: 200 !important; font-size: 16px; 
}
:-ms-input-placeholder { /* IE 10+ */
   color: #fff; font-weight: 200 !important; font-size: 16px; 
}
:-moz-placeholder { /* Firefox 18- */
    color: #fff; font-weight: 200 !important; font-size: 16px; 
}

#video-intro { width:100%; height:100vh; background:#000; margin-bottom:0px; }
#video-intro .container { position:relative; z-index:10; }
#video-intro .grid { position:absolute; z-index:6; top: 0px !important; left: 0; width:100%; height:100vh; background:url(img/pattern.png) repeat; }
#video-intro video.intro { position:absolute; z-index:1; width:100%; height:100vh; top: 130px !important; left: 0; opacity: .6; border:red solid 2px !important; }

.video-section {
    position: relative;
    height: 100vh; /* Esto asegura que la sección cubra toda la altura de la ventana de visualización */
    width: 100%; /* Esto asegura que la sección cubra toda la anchura de la ventana de visualización */
    overflow: hidden; /* Esto esconde cualquier cosa que se desborde del contenedor */
    background: #000;
    }
.video-section .container { position:relative; z-index:10; padding-top:150px; }
.video-section  .grid { position:absolute; z-index:6; top: 0px !important; left: 0; width:100%; height:100vh; background:url(img/pattern.png) repeat; background-size:4px; }

    .video-section video {
      position: absolute; opacity: .5;
      top: 0px; 
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* Esto asegura que el video cubra todo el contenedor */
    }
.size-18 { font-size:18px; max-width:400px; margin:25px auto; }

 .video-section .headerr {
  position: absolute; opacity: .5;
    height: 100vh; /* Esto asegura que la sección cubra toda la altura de la ventana de visualización */
    width: 100%; /* Esto asegura que la sección cubra toda la anchura de la ventana de visualización */
    overflow: hidden; /* Esto esconde cualquier cosa que se desborde del contenedor */
    background: #000; top: 0px  !important; left: 0;
}

/* header animado  */

.headerr {
  position: relative;
    height: 100vh; /* Esto asegura que la sección cubra toda la altura de la ventana de visualización */
    width: 100%; /* Esto asegura que la sección cubra toda la anchura de la ventana de visualización */
    overflow: hidden; /* Esto esconde cualquier cosa que se desborde del contenedor */
    background: #000;
}
.header__list {
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.header__list--item {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: blue;
  background-size: cover;
}
.header__list--item:first-child {
  animation: animationFade2 20s infinite linear;
}
.header__list--item:nth-child(2) {
  animation: animationFade 20s infinite linear;
}
.header__list--item-1 {
  background-image: url("https://images.unsplash.com/photo-1515859005217-8a1f08870f59?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1299&q=80");
}
.header__list--item-2 {
  background-image: url("https://images.unsplash.com/photo-1561049436-1b60d57d575f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80");
}

@keyframes animationFade {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.05);
  }
  20% {
    transform: scale(1.1);
  }
  30% {
    transform: scale(1.15);
  }
  40% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1.2);
    opacity: 0;
  }
  90% {
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes animationFade2 {
  40% {
    opacity: 1;
    transform: scale(1.2);
  }
  50% {
    transform: scale(1.2);
  }
  60% {
    transform: scale(1.15);
  }
  70% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

/* header animado  */


.info-doc { margin:20px auto; max-width:960px; }
.info-doc a { font-weight:700; color:#00a79b; }
.box-info {
    min-height: 210px;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
}
.box-info img { height:80%;  float:left; mix-blend-mode:none; width:30%; }
.box-info_ { padding:25px; float:left; width:60%;  }
.box-info h2 { font-size:22px; }

.banner_ { height: 400px; overflow:hidden; position:relative; margin-bottom:-80px; margin-top:-50px; }
.banner_ .banner {  width:100%; height: 400px; object-fit:cover; margin-top: -5%; position:relative;  }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #000;
    border-color: #fff;
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    background: #00ac9f; color: #000; margin-left: 2px;
}

img.carousel-cell-image {  width:100%; object-fit:cover;  }


@media only screen and (max-width: 890px) {
  .carousel { height: 900px !important;  }
  .carousel-cell { height: 350px;  }
  .panel-info { background:#ee478d; color:#fff; width:90%; height:auto; transition: all 0.5s; left: 5%; top: 400px; position:absolute; z-index:11; border-radius:35px; padding:20px; }
  .mapa {
    background: None;
    background-position: center bottom;
    height: auto;
    padding: 0 0 50px 0;
    max-width: 1280px;
    margin: 0 auto;
    background-size: 100% auto;
    }
    .mapa_ { display: inline !important; }
    .conoce-p .carousel-cell h2 { font-size:40px; text-transform:uppercase; margin:0; color:#fff; }
    .conoce-p .carousel-cell p  { color:#fff; }
    .conoce-p .carousel { height: 550px !important; }
    #artesanos .carousel { background: #EEE; height: 450px !important; }
    #artesanos .carousel-cell { width: 90%; height: 450px; margin-right: 10px; background: #5ac9a4; border-radius: 5px; }
    .container, .container-sm { max-width: 100%;}

}


@media only screen and (max-width: 790px) {
        #operaciones .carousel-cell {  width: 50%;  }
}

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

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { width:100% !important; }
.slides-v .carousel { height: 900px !important;  }
.slides-v .carousel-cell { height: 350px;  }
  .panel-info { background:#ee478d; color:#fff; width:90%; height:auto; transition: all 0.5s; left: 5%; top: 400px; position:absolute; z-index:11; border-radius:35px; padding:20px; }
  .panel-info div { width:100%; margin-bottom:5px; }

  .verde-bg { background:#5ec1a3 !important;  }

   .verde-bg address a { color:#5ec2a2; text-decoration:none;  }
   .verde-bg address a:hover {  color:#e91276;  }

  .buton_ { display:none; }
 .logo {
    position: fixed;
    z-index: 20;
    top: 30px;
    width: 250px;
}
    .slide-v1 .carousel-cel { height:auto; }
    .slide-v1 .carousel-cell { height:auto; }
    .text-intro2 br { display:none; }
    .text-intro2 {
        font-size: 25px;
        line-height: 29px;
        text-transform: uppercase; text-align:  left !important;
    }
    span.acento { width:10px !important; padding: 0 3px; height: 20px;  background: url(img/acento.png) no-repeat; background-position: 0 5px; background-size: contain; margin-left: -20px; margin-top: 0px !important; color:transparent !important; }


    .tt-sec {
        font-family: 'stretch_proregular';
        font-size: 34px;
        color: #bebaba;
    }
    .slide-v1 .carousel .carousel-cell  .col-sm-6 { width:100%; }

    .slide-v1 .carousel-cell h3 {
    font-size: 6.5vw;
    text-transform: uppercase;
    width: 100% !important;
    margin: 0 0 30px 0;
    color: #fff;
    text-align:  left !important;
}

.slide-v1 .carousel-cell p { text-align:  left !important; }


.slide-ve .carousel .carousel-cell  .col-sm-6 { width:100%; }
.slide-ve .carousel-cell h3 {    font-size: 6.5vw;    text-transform: uppercase;  width: 100% !important;
    margin: 0 0 30px 0;    color: #fff;    text-align:  left !important; }

.slide-ve .carousel-cell p { text-align:  left !important; }

.vin-img { width:45% !important; margin:10px auto; }
.principal { margin:10px;  }
.se { float:none; margin:10px; }

}


@media only screen and (max-width: 790px) {
        #operaciones .carousel-cell {  width: 50%;  }
}
@media only screen and (max-width: 490px) {
        #operaciones .carousel-cell {  width: 100%;  }
}



@media only screen and (max-width: 890px) {
  .carousel { height: 900px !important;  }
  .carousel-cell { height: 350px;  }
  .panel-info { background:#ee478d; color:#fff; width:90%; height:auto; transition: all 0.5s; left: 5%; top: 400px; position:absolute; z-index:11; border-radius:35px; padding:20px; }
  .mapa {
    background: None;
    background-position: center bottom;
    height: auto;
    padding: 0 0 50px 0;
    max-width: 1280px;
    margin: 0 auto;
    background-size: 100% auto;
}
.mapa_ { display: inline !important; }
.conoce-p .carousel-cell h2 { font-size:40px; text-transform:uppercase; margin:0; color:#fff; }
.conoce-p .carousel-cell p  { color:#fff; }
.conoce-p .carousel { height: 550px !important; }

#artesanos .carousel {
    background: #EEE;
    height: 450px !important;
}

#artesanos .carousel-cell {
    width: 90%;
    height: 450px;
    margin-right: 10px;
    background: #5ac9a4;
    border-radius: 5px;
}

.container, .container-sm { max-width: 100%; position: relative; z-index: 1; }

}



@media (min-width: 596px) {
    .col-sm-6 { flex: 0 0 auto; width: 100%; }
     
    .bullet { width:70px; margin:25px; }
    .flag { position: absolute; right:0px; top:62px; background: #f6f6f6; }
    .flag a { display:none; }
    .flag b { padding:0px 10px; border:5px solid #f6f6f6;  }
    .arte_  { display: inline-block !important; width:100%; margin-bottom:20px; }
    #meny ul li {  list-style:none; padding:10px 0; }
    #meny ul li a { color:#e91276; font-size:.7em; line-height: 1.3em ;  text-decoration:none; }
    .eco {  border-radius:45px; width:90%; padding:3%; margin:0 auto;  }
    .eco h3 { font-size:27px; text-transform:uppercase; width:100% !important;  margin:0 0 20px 0; color:#fff; }
    .eco p  { color:#fff; width:100%; font-size:18px; }

    #movil {
         bottom:20px; right: 35px; width:40px;  position: fixed;  z-index:99999999999999999999999999999999999999999999 !important;
    }

    .slide-r { background: url(img/res-slide.jpg) no-repeat center; background-size:cover; border-radius:45px; width:90%; padding:3%; margin:0 auto;  }
    .slide-r h3 { font-size:27px; text-transform:uppercase; width:100% !important;  margin:0 0 20px 0; color:#fff; }
    .slide-r p  { color:#fff; width:100%; font-size:18px; }

    span.linea1 { opacity:.80; display: inline-block; }
    span.linea2 { opacity:.60; display: inline-block; }
    span.linea3 { opacity:.40; display: inline-block; }
    span.linea4 { opacity:.20; display: inline-block; }
    .tt-sec {  font-size: 24px; color: #bebaba; }
    section {    width: 100%;    height: auto;    position: relative;    padding: 35px 0;    z-index: 1; }

    .bienvenida_ {
        height: auto;
        padding: 35px 3%;
    }

    .text-intro {
        font-size: 22px;
        line-height: 28px;
    }
    .conoce-p { margin-top:70px !important; }
    .conoce-p .carousel .carousel-cell h2 {
        font-size: 28px;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        color: #fff;
    }

    .conoce-p .carousel .carousel-cell {
        width: 100%;
        height: 100%;
        position: relative;
        text-align: right;
        padding: 50px 3%;
    }

    .conoce-p  .carousel {
        width: 90%;
        height: 450px !important;
        margin: 10px auto;
        border-radius: 45px;
        overflow: hidden;
        border-radius: 45px;
    }
/*
    .flickity-prev-next-button {
        top: 65%;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        transform: translateY(-50%);
    }*/

    .bienvenida_ p { padding-left: 0px; }
    ul.botox { margin:0; padding:0; }
    ul.botox li { list-style: none; margin:25px 0; color: #fff; padding: 15px; background:#00ac9f; }

}

@media only screen and (max-width: 550px) {
       .col-sm_ { background: rgba(255, 255, 255, .7); }
}

@media only screen and (max-width: 490px) {
        #operaciones .carousel-cell {  width: 100%;  }
        .col-sm_ { width:100%; display:inline-block; }

        .video-section {
    position: relative;
    height: 450px;
    width: 100%;
    overflow: hidden;
    background: #000;
}

.video-section .headerr {
    position: absolute;
    opacity: .5;
    height: 450px;
    width: 100%;
    overflow: hidden;
    background: #000;
    top: 0px !important;
    left: 0;
}

.video-section .container {
    position: relative;
    z-index: 10;
    padding-top: 0px;
}

.header__list--item { background-position: center !important; }
}



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

    #certificaciones h2 {
    font-size: 32px;
    text-transform: uppercase;
    margin: 0;
    color: #000;
}


    img.gall {
    width: 42%;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    mix-blend-mode: normal !important;
}
    .box-info img { height:80%;  float:left; mix-blend-mode:normal; width:100%; }
    .box-info_ { padding:25px; float:left; width:100%; }
    #certificaciones .container-fluid { background:rgba(255, 255, 255, .7); }
    #meny {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0;
    transition-timing-function: cubic-bezier(10,2,3,1);
    transform: translateX(50rem);
    top: 0;
    z-index: 100000 !important;
    transition: 0.5s;
}

  .slide-v1 .carousel-cell { height: auto; padding:5% !important; }
  .slide-v .carousel { height: 2150px !important; background: yellow !important; }
  .slide-v .carousel-cell { height: 350px; padding:5% !important; }
  .panel-info { background:#ee478d; color:#fff; width:90%; height:auto; transition: all 0.5s; left: 5%; top: 400px; position:absolute; z-index:11; border-radius:35px; padding:20px; }
  .panel-info div { width:100%; }
  .buton_ { display:none; }

  .principal { margin: 0px;  }
  .se { float:none; margin-top:0px; }
  .txt-intro2 img { margin:15px 0; }
   #artesanos .carousel { background: #EEE;    height: 350px !important; }
   #artesanos .carousel-cell h3 { font-size:18px; }
   #artesanos .carousel-cell { width: 90%; height: 350px; margin-right: 10px; background: #5ac9a4; border-radius: 5px; }
   .licencia { color:#b68522; font-weight:800; font-size:18px; display: block; margin:20px 0; }
   .col-sm_ { width: 50%; display: inline-block; }
   #certificaciones .carousel-cell { width: 100%; height: 650px !important;    position: relative;    padding: 0; }
   #certificaciones .carousel {
    width: 100%;
    height: 650px !important;
    position: relative;
    padding: 0;
}

h1 {
    padding-top: 75px;
    letter-spacing: .5px;
    
    color: #fff;
    font-size: 12vw;
    line-height: 12vw;
}

#deleon {    width: 100%;    height: auto; }
#certificaciones  { height: auto; overflow: hidden;  }
#certificaciones .carousel { width:100%; height: auto; margin:10px auto; overflow: hidden;  }
#operaciones .carousel-cell { height:450px; }
#operaciones .carousel-cell h2 { font-size: 35px; text-transform: uppercase; margin: 0;
    color: #fff;    position: absolute;    bottom: 30%;    right: -90px;
    padding: 15px;    width: 100%;    transform: rotate(-90deg); }
#operaciones .carousel {
    width: 100%;
    height: 450px !important;
    margin: 10px auto;
    overflow: hidden;
}
.fulgor { transform: rotate(90deg);
    left: 30% !important;
    top: -46%; }
footer img {
    mix-blend-mode: normal !important; width: 65%; margin: -15px 0 45px 0;
}


}



@media only screen and (max-width: 340px) {
 .slides-v .carousel { height: 1650px !important;  }
 .slide-v1 .carousel-cell { height: auto; padding:5% !important; }
 .slide-v .carousel { height: 2150px !important; background: yellow !important; }
 .slide-v .carousel-cell { height: 350px; padding:5% !important; }
 .panel-info { background:#ee478d; color:#fff; width:90%; height:auto; transition: all 0.5s; left: 5%; top: 400px; position:absolute; z-index:11; border-radius:35px; padding:20px; }
 .panel-info div { width:100%; margin-bottom:35px; }
 .buton_ { display:none; }
 .logo { width:150px !important; }
}