* { box-sizing: border-box;  margin: 0; padding: 0; list-style: none }
html, body { width: 100%; height: auto; margin: 0; overflow-x: hidden !important; overflow-x: hidden !important; letter-spacing: 0.1rem; font-family: 'Coolvetica' !important; font-size: 18px; line-height: 22px; color:rgb(19, 69, 117); }
/* html { scroll-behavior: smooth; } */
body { animation: fadein 2s;  -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */ background: #f6f6f6;  }
@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%; position: absolute;  height: 10rem;  z-index: 9 !important; padding-top: 0; top:0; text-align: left; }
footer { width: 100%; height:auto;  position: absolute; color:#fff; font-size: 15px; font-weight: 400 !important; padding: 115px 0; margin-top: 75px; background: url(img/foo.jpg) no-repeat top center; background-size:cover; text-align: left; }
footer b { display: block; margin: 0 0 0 0; font-weight: 600; font-size: 16px; margin-top:9px; font-weight: 600 !important; }
footer a { color: #fff; font-size: 15px; line-height: 18px !important; font-weight: 400 !important; display: block; margin-bottom:5px;  }
footer a:hover { color: #a7a7a7; text-decoration: none; }
footer ul { padding:0; margin:0 0 38px 0; }
footer .img-fluid { width: 75%;  }
footer img { margin-bottom:50px;  }
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: 0.1rem; font-family: 'Coolvetica'; }
footer ul li a:hover { font-weight: 300 !important; color: #fff; text-decoration: none; }
a, button { cursor: pointer; outline: none; }
h1, h2, h3 ,h4 ,h5 { letter-spacing: .5px; font-family: 'curiosa_testblack'; }
img, p { transition:all 200ms ease;  }
a { transition:all 200ms ease; margin:25px 2; }
b { font-family: 'curiosa_testbold'; letter-spacing:1px; }
mnu-bar{
    min-width:100%;
}
}
nav{
    background-color: rgb(240, 248, 255);
    color: #fff;
    width: 100%;
    height: 75px;
   /* box-shadow: 1px 1px 1px 5px rgba(0, 0, 0, 0.3);*/
    box-shadow: 1px 1px 1em .5em  rgba(0, 0, 0, 0.3);
}
a.logoo{
    /*font-size: 35px;*/
    line-height: 80px;
    padding: 0 0 0 15%;
    font-weight: bold;
    background-color: transparent;
}

.logoo .img-logo{
    margin-top: -14px;
    height: 80px !important;
    background-color: transparent;
}

nav ul{
    float: right;
    margin-right: 20px;
}

nav ul li{
    display: inline-block;
    line-height: 72px;
    margin: 0;
    padding: 0 12px;
    height: 75px;
    background-color: transparent;
}
nav ul li:hover{
    background-color: rgba(188, 222, 255, 0.3);
}

nav ul li a{
    color:rgb(19, 69, 117);
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Coolvetica';
    text-decoration: none;
}
#meny {
    display: none;       
}
#movil {
     bottom:50px; right: 35px; width:40px;  position: fixed;  z-index:99999999999999999999999999999999999999999999 !important;
}
#burger {
    display: none;
}
#menyAvPaa {
    display: none !important;
}

@media screen and (max-device-width: 1104px){
    nav ul{
        margin: 0;
    }  
    nav ul li{
        line-height: 72px;
    }
    label.logoo{
        padding: 0 1px!important;
    }
}

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

    nav ul li a{
        font-size: 11px;
    }    
    nav ul li{
        line-height: 73px;
    }
    label.logoo{
        padding: 0 1px 0 0!important;
    }
}

@media screen and (max-device-width: 1390px){
    nav ul li a{
        font-size: 13px;
    }    
    nav ul li{
        line-height: 72px;
        margin: 0;
        padding: 0 3px;
    }
    label.logoo{
        padding: 0 0 0 30px;
    }
}

@media screen and (max-device-width: 1000px){
    #mnuOptions{
        display: none;
    }
    #meny {
        display: flex;       
    }
    
.burger-wrapper { cursor: pointer; }
.flag { position: absolute; right:70px; top:17px; background: #f6f6f6; }
.flag a { color:rgb(19, 69, 117); display:inline-block; padding:10px; border-radius:15px; text-decoration:none; font-family: 'curiosa_testblack'; }
.flag a:hover { color:rgba(227,28,121,0.75); }
.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:rgb(19, 69, 117); font-size:1em; line-height: 1.3em; font-family: 'Coolvetica'; text-decoration:none;  font-weight: 600;}
#meny ul { padding:70px 5%; text-align: right; }
#meny ul li { border-bottom:#3e96d2 solid 2px; list-style:none; padding:0 15px 0 20px !important; }
#meny ul li a .burger-mnu { color:rgb(19, 69, 117); font-size:0.5em; line-height: 1.3em; font-family: 'Coolvetica'; text-decoration:none; }
#meny a img.rs { padding:5px !important; display:inline-block;}

#meny {
    background: rgba(255, 255, 255, .8); width: 320px; 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: 1rem;
    display: flex; justify-content: space-between; flex-direction: column;  z-index:99999999999999999999999999999999999999999999 !important;
}

#movil {
     bottom:50px; right: 35px; width:40px;  position: fixed;  z-index:99999999999999999999999999999999999999999999 !important;
}
#burger { background-color: transparent; }
#burger > div { height: 10px; background: none; transition: 0.5s; z-index: 999; position: relative; }
#burger > div > .box1 { width: 100%; height: 10px; background: #ef488d; position:absolute; color: transparent; float:left; border-radius:18%; }
#burger > div > .box2 { width: 10px; height: 10px; background: #505050; position:relative; color: transparent; margin:0 auto;  }
#burger > div > .box3 { width: 10px; height: 10px; background: #505050; position:absolute; color: transparent; top:0; right:0; }

#menyAvPaa:checked ~ #burger > div {  background-color: #3e96d2; }
#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); }

}




.firmas { padding-top:165px; }
.logo { position:fixed; z-index:20; top:50px; width:350px;  }
.carousel { width:90%; height:88vh; margin:0rem auto; border-radius:45px; overflow: hidden;  border-radius:45px; }
.carousel-cell {  width: 100%;  height: 100%; position: relative; text-align: right; padding: 75px;  /* center images in cells with flexbox  display: flex;  
	              align-items: center;  justify-content: center; */ }
.carousel-cell h2 { font-size:60px; text-transform:uppercase; margin:0; color:#fff; -webkit-text-stroke: 1.3px rgb(0, 48, 135); }
.carousel-cell p  { color:#fff; }
.carousel.is-fullscreen .carousel-cell {  height: 100%; }
.carousel-cell-image { display: block;  max-height: 100%; }
.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; }

.peli1 { background: url(img/peli1.jpg) no-repeat center; background-size:cover; height:100% !important; }
.peli2 { background: url(img/peli2.jpg) no-repeat center; background-size:cover; height:100% !important; }
.peli3 { background: url(img/peli3.jpg) no-repeat center; background-size:cover; height:100% !important; }

.cdn1 { background: url(img/cdn1.jpg) no-repeat center; background-size:cover; height:100% !important; }
.cdn2 { background: url(img/cdn2.jpg) no-repeat center; background-size:cover; height:100% !important; }
.cdn3 { background: url(img/cdn3.jpg) no-repeat center; background-size:cover; height:100% !important; }

.cu1 { background: url(img/cu1.jpg) no-repeat center; background-size:cover; height:100% !important; }
.cu2 { background: url(img/cu2.jpg) no-repeat center; background-size:cover; height:100% !important; }
.cu3 { background: url(img/cu3.jpg) no-repeat center; background-size:cover; height:100% !important; }
.cu4 { background: url(img/cu4.jpg) no-repeat center; background-size:cover; height:100% !important; }

.gdi1 { background: url(img/gdi1.jpg) no-repeat center; background-size:cover; height:100% !important; }
.gdi2 { background: url(img/gdi2.jpg) no-repeat center; background-size:cover; height:100% !important; }
.gdi3 { background: url(img/gdi3.jpg) no-repeat center; background-size:cover; height:100% !important; }

.conoce-p .carousel .carousel-cell h2 { font-size:60px; margin: 45px 0; position: relative; text-transform:uppercase; color:#fff; }
.conoce-p .carousel .carousel-cell p  { color:#fff; margin: 45px 0; }
.conoce-p .carousel .carousel-cell  { padding: 15% 70px 75px 0; }

.collapse .container { margin-bottom:25px; }
.collapse .container img { margin-bottom:25px; }

.carousel-cell { border-radius: 45px; }
.container { position:relative; z-index:2; }
.movil { position: fixed; z-index: 9 !important; bottom:50px; right: 75px; width:50px; display:none; }

/*.tt-sec { font-family: 'Coolvetica' !important;  font-size:55px; color:#bebaba; }*/
.tt-sec { font-family: 'Coolvetica' !important;  font-size:55px; color:rgba(227,28,121,0.85); }
.tt-sec span { color:rgba(0,48,135, 0.85); font-family: 'Montserrat'; font-weight: 800; font-size:90px; }

.tt-sec-j { font-family: 'Coolvetica' !important;  font-size:45px; color:rgba(227,28,121,0.85); }
.tt-sec-j span { color:rgba(0,48,135, 0.85); font-family: 'Montserrat'; font-weight: 800; font-size:90px; }

span.acento { width:10px; height: 19px;  background: url(img/acento.png) no-repeat center top; margin-left: -18px; margin-top: -1px !important; color:transparent !important; }

.tt-dis { font-family: 'Coolvetica' !important;  font-size:25px; color:#bebaba; position: relative; text-align: left !important; text-transform:uppercase; }
.tt-dis figure { position:relative; width: 10px; }
.btn-dir { border:none; background:none; }

.rounded_ { border-radius:45px; }
video { border-radius: 45px; overflow: hidden; }

.text-intro { font-size:35px; line-height:50px; }
span.linea1 { opacity:.80; display: block; }
span.linea2 { opacity:.60; display: block; }
span.linea3 { opacity:.40; display: block; }
span.linea4 { opacity:.20; display: block; }

.text-intro2 .bienvenida { height: auto; padding:190px 0; max-width:1280px; margin:0 auto;   }
.bienvenida_ { height: auto; padding:190px 3%;   }
.arteyemp { height: auto; padding:10px 3% 10px 3%;   }
.bienvenida_ p { padding-left: 75px; }
.arteyemp p { padding-left: 10%px; }
.pattern { background: url(img/pattern.png) no-repeat; max-width:1280px; height:100px; margin:  auto; background-position: center top;  position: relative; }
.mapa { background: url(img/mapa.jpg) no-repeat; background-position: center right; height: auto; padding:290px 0; max-width:1280px; margin:0 auto;  }

.text-intro2 { font-size:2.2em; line-height:45px; letter-spacing:0.1em; /*color: transparent; -webkit-text-stroke-width: 1px; 
            -webkit-text-stroke-color: #ee478d;*/ color:rgb(0,163,255); text-transform: uppercase; font-family: 'Coolvetica' !important;  }
.text-intro2  span { color:rgb(175,35,28); font-family: 'Montserrat'; font-weight: 800; font-size:1em; }

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

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

/* VIÑEDOS */
.vinedo { background:#ffe9f3; }
.slide-v1 .carousel-cel { height:900px; }
.slide-v1 .carousel-cell { height:900px; }
.slide-v1 .carousel-cell h2 { font-size:60px; text-transform:uppercase; width:100% !important;  margin:0; color:#fff; -webkit-text-stroke: 1.3px rgb(0, 48, 135); }
.slide-v1 .carousel-cell h3 { font-size:45px; text-transform:uppercase; width:100% !important;  margin:0; color:#fff; -webkit-text-stroke: 1.3px rgb(0, 48, 135); }
.slide-v1 .carousel-cell p  { color:#fff; width:100%; font-size:18px; }
.slide-v { background: url(img/vinedo-slide.jpg) no-repeat center; background-size:cover; }

.bullet { width:100px; }
.principal { margin: -190px 0 0 -170px;  }
.se { float:right; margin-top:-270px; }

#pleca-dir { width:80%; height:auto; text-align:  center; margin: 0px auto; clear: both; padding:25px 3%; }
#pleca-dir div { display:inline-block; margin: 15px; cursor:pointer; padding:5px 25px; color:#fff; background:rgba(0,48,135, 0.85); border-radius:25px; }
#pleca-dir div:hover { color:rgb(227,28,121); background:rgba(0,163,255,0.8); }

.eco { background: url(eco/yuca/yuca7_.jpg) no-repeat center; overflow: hidden !important;background-size:cover; border-radius:45px; width:90%; padding:75px; margin:0 auto; }
.eco h3 { font-size:60px; text-transform:uppercase; width:100% !important;  margin:0; color:#fff; -webkit-text-stroke: 1.3px rgb(0, 163, 255); }
.eco p  { color:#fff; width:100%; font-size:18px; }

.slide-r { background: url(img/res-slide.jpg) no-repeat center; background-size:cover; border-radius:45px; width:90%; padding:75px; margin:0 auto;  }
.slide-r h3 { font-size:60px; text-transform:uppercase; width:100% !important;  margin:0; color:#fff; -webkit-text-stroke: 1.3px rgb(227, 28, 121); }
.slide-r p  { color:#fff; width:100%; font-size:18px; }

.panel-info { background:rgb(19, 69, 117); color:#fff; width:80%; height:500px; transition: all 0.5s; left: 10%; top: 87%; position:absolute; z-index:11; border-radius:35px; padding:20px; }
.panel-info h2 { text-transform:uppercase; float: left; }
.panel-info div { margin-bottom:15px; }
.slides-v .carousel { width: 100%; height:600px; position:relative; z-index:10; }
.slides-v { width: 100% }

.slides-e .carousel { width: 100%; height:600px; position:relative; z-index:10; }
.slides-e { width: 100% }

.slides-r .carousel { width: 100%; height:390px !important; position:relative; z-index:10;   }
.slides-r .carousel h2 { color:#fff; font-size:32px; position:absolute; z-index:10; bottom:45px; left:25px; text-transform:uppercase;  text-shadow: 2px 2px 10px rgba(0, 0, 0, .7) !important; -webkit-text-stroke: 1.3px rgb(227, 28, 121); }
.slides-r .carousel .carousel-cell { height:350px !important; border-radius:50px; margin-right:10px; }
.slides-r .col-sm-4 { margin-bottom:50px; }
.slides-r  .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.slides-r .flickity-page-dots .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    background: rgba(0,163,255, 0.75);
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}
.slides-r .flickity-page-dots .dot.is-selected {
    opacity: 1 !important;
}

.collapse p { font-size:14px; }
.collapse a { font-size:14px; color:#5ac9a4; display: block; text-decoration: none; margin-bottom:5px; }

address { padding:15px 25px 5px 25px; background:#fff; border-radius:15px; margin-top:25px; }
address a { color:rgb(19, 69, 117); text-decoration:none; font-family: 'curiosa_testblack'; margin-top:5px; display:block; }
address a:hover { color:rgba(227,28,121,0.75); }

.amen { padding-left:25px; }
.si { background: url(img/si.png) no-repeat center left; background-size:auto 20px; }
.no { background: url(img/no.png) no-repeat center left; background-size:auto 20px; }

.scroll_ { height: 350px; overflow-x: auto; }

/*ECOTURISMO Y HOSPEDAJE*/
.verde-bg { background:#3e96d2;  }
.verde-bg address a { color:rgba(0,48,135,0.9); text-decoration:none; font-family: 'curiosa_testblack'; }
.verde-bg address a:hover {  color:rgbA(246,190,0,0.85);  }


.pleca-dir { width:100%; height:auto; padding:5%; text-align:center; background:none; }
.pleca-dir div { display:inline-block; width:250px; }

.vin1a { background: url(realdeplata/realdeplata1.jpg) no-repeat center; background-size:cover; }
.vin1b { background: url(realdeplata/realdeplata2.jpg) no-repeat center; background-size:cover; }
.vin1c { background: url(realdeplata/realdeplata3.jpg) no-repeat center; background-size:cover; }
.vin1d { background: url(realdeplata/realdeplata4.jpg) no-repeat center; background-size:cover; }

.vin2a { background: url(haciendaletras/letras1.jpg) no-repeat center; background-size:cover; }
.vin2b { background: url(haciendaletras/letras2.jpg) no-repeat center; background-size:cover; }
.vin2c { background: url(haciendaletras/letras3.jpg) no-repeat center; background-size:cover; }
.vin2d { background: url(haciendaletras/letras4.jpg) no-repeat center; background-size:cover; }
.vin2e { background: url(haciendaletras/letras5.jpg) no-repeat center; background-size:cover; }
.vin2f { background: url(haciendaletras/letras6.jpg) no-repeat center; background-size:cover; }
.vin2g { background: url(haciendaletras/letras7.jpg) no-repeat center; background-size:cover; }

.vin3a { background: url(origen/origen1.png) no-repeat center; background-size:cover; }
.vin3b { background: url(origen/origen2.jpg) no-repeat center; background-size:cover; }
.vin3c { background: url(origen/origen3.jpg) no-repeat center; background-size:cover; }
.vin3d { background: url(origen/origen4.jpg) no-repeat center; background-size:cover; }
.vin3e { background: url(origen/origen5.jpg) no-repeat center; background-size:cover; }
.vin3f { background: url(origen/origen6.jpg) no-repeat center; background-size:cover; }
.vin3g { background: url(origen/origen7.jpg) no-repeat center; background-size:cover; }

.vin4a { background: url(santaelena/elena1.jpg) no-repeat center; background-size:cover; }
.vin4b { background: url(santaelena/elena2.jpg) no-repeat center; background-size:cover; }
.vin4c { background: url(santaelena/elena3.jpg) no-repeat center; background-size:cover; }
.vin4d { background: url(santaelena/elena4.png) no-repeat center; background-size:cover; }
.vin4e { background: url(santaelena/elena5.jpg) no-repeat center; background-size:cover; }

.vin5a { background: url(aguaje/aguaje1.jpg) no-repeat center; background-size:cover; }
.vin5b { background: url(aguaje/aguaje2.jpg) no-repeat center; background-size:cover; }
.vin5c { background: url(aguaje/aguaje3.jpg) no-repeat center; background-size:cover; }
.vin5d { background: url(aguaje/aguaje4.jpg) no-repeat center; background-size:cover; }
.vin5e { background: url(aguaje/aguaje5.jpg) no-repeat center; background-size:cover; }

.cruz1 { background: url(lascruces/cruces1.jpg) no-repeat center; background-size:cover; }
.cruz2 { background: url(lascruces/cruces2.png) no-repeat center; background-size:cover; }
.cruz3 { background: url(lascruces/cruces3.jpg) no-repeat center; background-size:cover; }
.cruz4 { background: url(lascruces/cruces4.jpg) no-repeat center; background-size:cover; }
.cruz5 { background: url(lascruces/cruces5.jpg) no-repeat center; background-size:cover; }
.cruz6 { background: url(lascruces/cruces6.jpg) no-repeat center; background-size:cover; }
.cruz7 { background: url(lascruces/cruces7.jpg) no-repeat center; background-size:cover; }
.cruz8 { background: url(lascruces/cruces8.jpg) no-repeat center; background-size:cover; }

.vin7a { background: url(img/vinedo-s7a.jpg) no-repeat center; background-size:cover; }
.vin7b { background: url(img/vinedo-s7b.jpg) no-repeat center; background-size:cover; }
.vin7c { background: url(img/vinedo-s7c.jpg) no-repeat center; background-size:cover; }

.vin8a { background: url(img/vinedo-s8a.jpg) no-repeat center; background-size:cover; }
.vin8b { background: url(img/vinedo-s8b.jpg) no-repeat center; background-size:cover; }
.vin8c { background: url(img/vinedo-s8c.jpg) no-repeat center; background-size:cover; }


.vita1 { background: url(eco/vitaspa/vita1.png) no-repeat center; background-size:cover; }
.vita2 { background: url(eco/vitaspa/vita2.jpg) no-repeat center; background-size:cover; }
.vita3 { background: url(eco/vitaspa/vita3.jpg) no-repeat center; background-size:cover; }
.vita4 { background: url(eco/vitaspa/vita4.jpg) no-repeat center; background-size:cover; }
.vita5 { background: url(eco/vitaspa/vita5.jpg) no-repeat center; background-size:cover; }
.vita6 { background: url(eco/vitaspa/vita6.jpg) no-repeat center; background-size:cover; }
.vita7 { background: url(eco/vitaspa/vita7.jpg) no-repeat center; background-size:cover; }
.vita8 { background: url(eco/vitaspa/vita8.jpg) no-repeat center; background-size:cover; }
.vita9 { background: url(eco/vitaspa/vita9.jpg) no-repeat center; background-size:cover; }
.vita10 { background: url(eco/vitaspa/vita10.jpg) no-repeat center; background-size:cover; }
.vita11 { background: url(eco/vitaspa/vita11.jpg) no-repeat center; background-size:cover; }

.yuca1 { background: url(eco/yuca/yuca1.jpg) no-repeat center; background-size:cover; }
.yuca2 { background: url(eco/yuca/yuca2.jpg) no-repeat center; background-size:cover; }
.yuca3 { background: url(eco/yuca/yuca3.jpg) no-repeat center; background-size:cover; }
.yuca4 { background: url(eco/yuca/yuca4.jpg) no-repeat center; background-size:cover; }
.yuca5 { background: url(eco/yuca/yuca5.jpg) no-repeat center; background-size:cover; }
.yuca6 { background: url(eco/yuca/yuca6.jpg) no-repeat center; background-size:cover; }
.yuca7 { background: url(eco/yuca/yuca7.jpg) no-repeat center; background-size:cover; }

.luna1 { background: url(img/luna1.jpg) no-repeat center; background-size:cover; }
.luna2 { background: url(img/luna2.jpg) no-repeat center; background-size:cover; }
.luna3 { background: url(img/luna3.jpg) no-repeat center; background-size:cover; }

.rid0 { background: url(eco/ridvan/rid0.jpg) no-repeat center; background-size:cover; }
.rid1 { background: url(eco/ridvan/rid1.jpg) no-repeat center; background-size:cover; }
.rid2 { background: url(eco/ridvan/rid2.jpg) no-repeat center; background-size:cover; }
.rid3 { background: url(eco/ridvan/rid3.jpg) no-repeat center; background-size:cover; }
.rid4 { background: url(eco/ridvan/rid4.jpg) no-repeat center; background-size:cover; }
.rid5 { background: url(eco/ridvan/rid5.jpg) no-repeat center; background-size:cover; }
.rid6 { background: url(eco/ridvan/rid6.jpg) no-repeat center; background-size:cover; }

.gara1 { background: url(eco/garabato/gara1.jpg) no-repeat center; background-size:cover; }
.gara2 { background: url(eco/garabato/gara2.jpg) no-repeat center; background-size:cover; }
.gara3 { background: url(eco/garabato/gara3.jpg) no-repeat center; background-size:cover; }
.gara4 { background: url(eco/garabato/gara4.jpg) no-repeat center; background-size:cover; }

.ubu1 { background: url(eco/ubuntu/ubu1.jpg) no-repeat center; background-size:cover; }
.ubu2 { background: url(eco/ubuntu/ubu2.jpg) no-repeat center; background-size:cover; }
.ubu3 { background: url(eco/ubuntu/ubu3.jpg) no-repeat center; background-size:cover; }
.ubu4 { background: url(eco/ubuntu/ubu4.jpg) no-repeat center; background-size:cover; }

.carm1 { background: url(eco/hotelcarmen/hdc1.jpg) no-repeat center; background-size:cover; }
.carm2 { background: url(eco/hotelcarmen/hdc2.jpg) no-repeat center; background-size:cover; }
.carm3 { background: url(eco/hotelcarmen/hdc3.jpg) no-repeat center; background-size:cover; }
.carm4 { background: url(eco/hotelcarmen/hdc4.jpg) no-repeat center; background-size:cover; }
.carm5 { background: url(eco/hotelcarmen/hdc5.jpg) no-repeat center; background-size:cover; }
.carm6 { background: url(eco/hotelcarmen/hdc6.jpg) no-repeat center; background-size:cover; }

.bam1 { background: url(eco/casabambu/cb1.jpg) no-repeat center; background-size:cover; }
.bam2 { background: url(eco/casabambu/cb2.jpg) no-repeat center; background-size:cover; }
.bam3 { background: url(eco/casabambu/cb3.jpg) no-repeat center; background-size:cover; }
.bam4 { background: url(eco/casabambu/cb4.jpg) no-repeat center; background-size:cover; }
.bam5 { background: url(eco/casabambu/cb5.jpg) no-repeat center; background-size:cover; }

.car1 { background: url(img/car1.png) no-repeat center; background-size:cover; }
.car2 { background: url(img/car2.png) no-repeat center; background-size:cover; }
.car3 { background: url(img/car3.png) no-repeat center; background-size:cover; }

.camp1 { background: url(img/camp1.jpg) no-repeat center; background-size:cover; }
.camp2 { background: url(img/camp2.png) no-repeat center; background-size:cover; }
.camp3 { background: url(img/camp3.png) no-repeat center; background-size:cover; }


.arte1 { background: url(img/arte1.jpg) no-repeat center; background-size:cover; }
.arte2 { background: url(img/arte2.jpg) no-repeat center; background-size:cover; }
.arte3 { background: url(img/arte3.jpg) no-repeat center; background-size:cover; }
.arte4 { background: url(img/arte4.jpg) no-repeat center; background-size:cover; }
.arte5 { background: url(img/arte5.jpg) no-repeat center; background-size:cover; }
.arte6 { background: url(img/arte6.jpg) no-repeat center; background-size:cover; }
.arte7 { background: url(img/arte7.jpg) no-repeat center; background-size:cover; }
.arte8 { background: url(img/arte8.jpg) no-repeat center; background-size:cover; }
.arte9 { background: url(img/arte9.jpg) no-repeat center; background-size:cover; }

.arte_  { display: none !important; }
.img-pr { max-width:344px; height:190px; background-size: cover; background-position:center; overflow:hidden; margin-bottom:25px; display: flex;
  align-items: center;
  justify-content: center; }


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

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

#artesanos .carousel-cell h3 {
  padding: 10px;
  background: #f6f6f6;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* cell number */
#artesanos .carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}


#emprendedores .carousel {
  background: #EEE;
  height: 500px
}

#emprendedores .carousel-cell {
  width: 66%;
  height: 100%;
  margin-right: 10px;
  background: #5ac9a4;
  border-radius: 5px;
}

#emprendedores .carousel-cell h3 {
  padding: 10px;
  background: #f6f6f6;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* cell number */
#emprendedores .carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}




.buton_ {  background:url(img/boton_.png) no-repeat center; background-size:cover; width:40px; height:40px; display: inline-block; position:relative; }
.buton_ > img { position: absolute !important; top:0 !important; left:0px; margin-top:0px; }
.img { transform: rotate(90deg); }

.panel-info1 { top: 20%;  }
.info-res { background:rgba(0,163,255,0.5); color: #fff; border-radius:35px; padding:25px 50px; margin-top:10px; box-sizing:border-box; }
.info-res a { color: #fff; text-decoration:  none; }
.info-res a:hover { letter-spacing:.5px; }
/* RESTAURANTES 

.res-s1aa { background: url(img/res-s1aa.jpg) no-repeat center; background-size:cover; }
.res-s2a { background: url(img/res-s1b.jpg) no-repeat center; background-size:cover; }
.res-s3a { background: url(img/res-s1c.jpg) no-repeat center; background-size:cover; }


.res-s1b { background: url(img/res-s2a.jpg) no-repeat center; background-size:cover; }
.res-s2b { background: url(img/res-s2b.jpg) no-repeat center; background-size:cover; }
.res-s3b { background: url(img/res-s2c.jpg) no-repeat center; background-size:cover; }


.res-s1c { background: url(img/res-s3a.jpg) no-repeat center; background-size:cover; }
.res-s2c { background: url(img/res-s3b.jpg) no-repeat center; background-size:cover; }
.res-s3c { background: url(img/res-s3c.jpg) no-repeat center; background-size:cover; }


.res-s1d { background: url(img/res-s4a.jpg) no-repeat center; background-size:cover; }
.res-s2d { background: url(img/res-s4b.jpg) no-repeat center; background-size:cover; }
.res-s3d { background: url(img/res-s4c.jpg) no-repeat center; background-size:cover; }


.res-s1e { background: url(img/res-s5a.jpg) no-repeat center; background-size:cover; }
.res-s2e { background: url(img/res-s5b.jpg) no-repeat center; background-size:cover; }
.res-s3e { background: url(img/res-s5c.jpg) no-repeat center; background-size:cover; }*/

/* RUTA DE LA GARNACHA */

.gymi-1 { background: url(img/gymi-1.jpg) no-repeat center; background-size:cover; }
.gymi-2 { background: url(img/gymi-2.jpg) no-repeat center; background-size:cover; }
.gymi-3 { background: url(img/gymi-3.jpg) no-repeat center; background-size:cover; }
.gymi-4 { background: url(img/gymi-4.jpg) no-repeat center; background-size:cover; }


.gt-1 { background: url(img/gt-1.jpg) no-repeat center; background-size:cover; }
.gt-2 { background: url(img/gt-2.jpg) no-repeat center; background-size:cover; }
.gt-3 { background: url(img/gt-3.jpg) no-repeat center; background-size:cover; }


.ls-1 { background: url(img/ls-1.jpg) no-repeat center; background-size:cover; }
.ls-2 { background: url(img/ls-2.jpg) no-repeat center; background-size:cover; }
.ls-3 { background: url(img/ls-3.jpg) no-repeat center; background-size:cover; }
.ls-4 { background: url(img/ls-4.jpg) no-repeat center; background-size:cover; }


.mc-1 { background: url(img/mc-1.jpg) no-repeat center; background-size:cover; }
.mc-2 { background: url(img/mc-2.jpg) no-repeat center; background-size:cover; }
.mc-3 { background: url(img/mc-3.jpg) no-repeat center; background-size:cover; }
.mc-4 { background: url(img/mc-4.jpg) no-repeat center; background-size:cover; }


.rgga-1 { background: url(img/ga-1.jpg) no-repeat center; background-size:cover; }
.rgga-2 { background: url(img/ga-2.jpg) no-repeat center; background-size:cover; }
.rgga-3 { background: url(img/ga-3.jpg) no-repeat center; background-size:cover; }
.rgga-4 { background: url(img/ga-4.jpg) no-repeat center; background-size:cover; }

.rgac-1 { background: url(img/rgac-1.jpg) no-repeat center; background-size:cover; }
.rgac-2 { background: url(img/rgac-2.jpg) no-repeat center; background-size:cover; }
.rgac-3 { background: url(img/rgac-3.jpg) no-repeat center; background-size:cover; }

.rg-cl-1 { background: url(img/rgcl-1.jpg) no-repeat center; background-size:cover; }
.rg-cl-2 { background: url(img/rgcl-2.jpg) no-repeat center; background-size:cover; }
.rg-cl-3 { background: url(img/rgcl-3.jpg) no-repeat center; background-size:cover; }
.rg-cl-4 { background: url(img/rgcl-4.jpg) no-repeat center; background-size:cover; }

.rg-gh-1 { background: url(img/rg-gh-1.jpg) no-repeat center; background-size:cover; }
.rg-gh-2 { background: url(img/rg-gh-2.jpg) no-repeat center; background-size:cover; }
.rg-gh-3 { background: url(img/rg-gh-3.jpg) no-repeat center; background-size:cover; }
.rg-gh-4 { background: url(img/rg-gh-4.jpg) no-repeat center; background-size:cover; }

.rg-gm-1 { background: url(img/rg-gm-1.jpg) no-repeat center; background-size:cover; }
.rg-gm-2 { background: url(img/rg-gm-2.jpg) no-repeat center; background-size:cover; }
.rg-gm-3 { background: url(img/rg-gm-3.jpg) no-repeat center; background-size:cover; }
.rg-gm-4 { background: url(img/rg-gm-4.jpg) no-repeat center; background-size:cover; }

.rg-ty-1 { background: url(img/rg-ty-1.jpg) no-repeat center; background-size:cover; }


.mapa_ { display: none !important; }


@media only screen and (max-width: 890px) {
  .carousel { height: 900px !important;  }
  .carousel-cell { height: 350px;  }
  .panel-info { background:rgb(19, 69, 117); 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;
}


#emprendedores .carousel {
    background: #EEE;
    height: 5000px !important;
}

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

.container, .container-sm {
    max-width: 100%;
}

}


@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:rgb(19, 69, 117); 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:#3e96d2 !important;  }

   .verde-bg address a { color:#5ec2a2; text-decoration:none; font-family: 'curiosa_testblack'; }
   .verde-bg address a:hover {  color:rgb(19, 69, 117);  }

  .buton_ { display:none; }
  .logo { position:fixed; z-index:20; top:10px; width:220px;  }

    .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: 'Coolvetica' !important; ;
        font-size: 34px;
        color: #bebaba;
    }
     .tt-sec-j {
        font-family: 'Coolvetica' !important; ;
        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;
    -webkit-text-stroke: 1.3px rgb(0, 48, 135);
}

.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: 590px) {
.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 { border-bottom:#3e96d2 solid 2px; list-style:none; padding:20px 0; }
#meny ul li a { color:rgb(19, 69, 117); font-size:.7em; line-height: 1.3em ; font-family: 'jt_marniemedium'; 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; -webkit-text-stroke: 1.3px rgb(0, 48, 135); }
.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-family: 'Coolvetica' !important;  font-size: 24px; color: #bebaba;  }
.tt-sec-j { font-family: 'Coolvetica' !important;  font-size: 20px; color: #bebaba;  }
section {    width: 100%;    height: auto;    position: relative;    padding: 35px 0;    z-index: 1; }

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

.arteyemp {
    height: auto;
    padding: 5% 3%;
}

.text-intro {
    font-size: 22px;
    line-height: 28px;
}
.conoce-p { margin-top:10px !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: 500px !important;
    margin:10px auto;
    border-radius: 45px;
    overflow: hidden;
    
}

.flickity-prev-next-button {
    top: 65%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.bienvenida_ p { padding-left: 0px; }

}

.arteyemp p { padding-left: 0px; }

}

@media (min-width: 596px)
.col-sm-6 {
    flex: 0 0 auto;
    width: 100%;
}


@media only screen and (max-width: 440px) {
 .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:rgb(19, 69, 117); 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: 600px;
    margin-right: 10px;
    background: #5ac9a4;
    border-radius: 5px;
}

#emprendedores .carousel {
    background: #EEE;
    height: 500px !important;
}


#emprendedores .carousel-cell h3 { font-size:18px; }
#emprendedores .carousel-cell {
    width: 90%;
    height: 500px;
    margin-right: 10px;
    background: #5ac9a4;
    border-radius: 5px;
}
  
}




@media only screen and (max-width: 340px) {
    body{
        width:100%;
    }
 .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:rgba(0,48,135); 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; }
  
}


/*
a.phone { display: inline-block; }
.remate { font-size: 23px; font-weight: 400; }
.remate_ { font-size: 15px; font-weight: 400; }
.main { width: 100%; height: 100vh; padding:0; height: auto; position: absolute; top: 200%; left:0% !important; margin-right: 108%; background:#000; transition:all 400ms ease; z-index: 99; }
.burger {cursor: pointer; position: absolute; top: 14px; right: 15px; z-index: 999999999999999; width: 40px; height: 40px; display: none; }
.burger:hover {  }
.des { display: inline !important; }
.mov { display: none !important; }
footer .col-sm-7 { padding-top: 15px; }
.btn { font-size: 13.5px; color: #fff; letter-spacing:.5px; text-align: left; display: block; padding:0;  }
object { width: 100%; height: 500px; }
embed { width: 100%; height: 500px; }
ul.menuu { width: 100%; height: 70px !important;  line-height: 60px !important; padding:0; position: absolute; text-align: right; padding-right: 100px; top: 0; left:0; background:none; transition:all 400ms ease; z-index: 999999999999; }
ul.menuu li { padding:0 0 0 10px; margin:0; list-style: none; font-size: 18px;  display: inline-block; height: 50px;  }
ul.menuu li a { width: 100%; height: auto; transition: all 0.3s; margin:5px 0 0 0; display: block; color: #8d8d8d; border-bottom:rgba(255,255,255,0) solid 1px; font-size: 14px; font-weight: 600 !important; letter-spacing: .5px;  height: 50px;  }
ul.menuu li a:hover { color:#1d1d1b; text-decoration: none; border-bottom:#989898 solid 1px; }

ol { margin-top: 45px; margin-bottom: 45px; }
ol li { color:#000; list-style-type: circle; }*/