/*---------------- reset  ------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,fieldset, legend,caption,.filters ul li p, figure{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent; line-height:normal; font-weight:normal;}
body{background:#000}
.interiores{padding-top:100px;}
.interiores header{background:#333}
html{overflow-x:hidden; height:100%; }
ol,ul,li{list-style:none;font-weight:lighter}
p{font-weight:200; font-size:14px; line-height:24px}
.headerNone{display:block}
.dnone{display: none}
.sticky + .content{padding-top: 150px;}
.bck-line{position: absolute;  top:480px; left: 0px; width: 8px; height: 200px;	}
body{font-family: 'Montserrat', sans-serif;  letter-spacing:.2px;}
.bck{ background: url("../images/bck.png") right top; background-repeat: no-repeat;}
.background{background: url("../images/background.png") center 120px; background-repeat: no-repeat; }
#headAcerca{padding:50px 0 125px 0; display: block;  text-align: right;}
#headAcerca strong{font-size: 1.4em; font-weight: 400;}
#headAcerca p{text-transform: uppercase; font-size: .8em; letter-spacing: 4px;}
#acercademi{border-bottom: 2px solid #878787; padding: 30px 0 40px; margin-bottom: 60px;}
#acercademi h1{font-weight: 600;}
#acercademi p{font-weight:400;}
.sixty{float:left; width:60%;}
.forty{float:left; width:40%}
.forty img{width:100%}
.wrapper{float:left; width:100%; margin:20px 0}
#quienessomos p{ color: #d2d2d2; display: block; padding-bottom:10px;}
#quienessomos img{width:100%}
#quienessomos em{display: block;  padding: 10px 0 5px; font-size: .8em; text-transform:uppercase; color:#b68137; font-weight:500}
#quienessomos strong{color: #fff; margin-top:20px; display: block}
#quiensoy{margin-top:30px;}
#quiensoy li{float: left; width: 47%; padding-right: 10%; text-align:center; height:190px;}
#quiensoy li img{margin:0 auto 10px; width:80px;}
#quiensoy li strong{display: block; font-size:.9em; text-align: center;}
#quiensoy li p{display: block; font-size:.7em;     text-transform: uppercase; text-align: center;  font-weight:400}
.seventeen{float: left; width: 70%; padding-right: 4%;}
#resultado{color: #c30; font-weight: 600; letter-spacing: -.3px; text-align: left; padding: 6px 0 0 2px; display: none}
table{border-collapse: collapse; border-spacing: 0; text-align: left;  font-size: .6em; loat: left; width: 100%; text-transform: uppercase; font-weight:600}
table tr{border-bottom:1px solid #141418}
table td{padding:2px 4px}
table tbody tr:nth-child(even) {background-color: #b5b5b529; }
table tbody tr:nth-child(odd) {background-color: #39302a;  }
.center{text-align:center}

#inicio{background:#0e0e0e; }
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
em{font-style:normal}
a{text-decoration:none;cursor:pointer; color:#e7e4e4; font-weight:400; transition: background-color 0.3s, color 0.3s;  text-align: left; background: none; border:none }
button{font-size:.9em}
#trendMenu{color:#fff!important}
.clear{clear: both}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
button{text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.blur{opacity:0}
strong{font-weight:600;}
.padleft40{padding-left:40px;}
.padright40{padding-right:40px;}
.tleft{text-align:left;}
p{font-family: 'Raleway', sans-serif;}
.hide{display: none}
H1, H2, H3{font-family: 'Raleway', sans-serif;}
#videoTwo{padding: 0 20px;}
#mainTit h1{font-family: 'Montserrat'; font-weight: 600; font-size: 2.6em;}
#videoseccion {width: 640px; display: block; margin: 20px auto;}
#videoseccion img{border:1px solid #d7cabc; padding:2px;}
#videoseccion p{text-align:center; color:#fff; margin-top:20px}
#titulosseccion{text-align:center; float:left; width:100%; padding:0 40px}
#titulosseccion h1{ color:#fff; margin: 0px auto 0; font-weight: 100; font-size: 1.8em;  line-height: 42px; letter-spacing: 0px; width: 100%;}
#titulosseccion h2{ color:#fff; margin: 0px auto 20px; font-weight: 100; font-size: 1em;  line-height: 42px; letter-spacing: 0px; width: 100%;}
#titulosseccion span{display:block; width: 495px; text-align: center; margin: 0 auto 20px; font-size: .8em; color: #000; letter-spacing: .2px; padding: 5px; line-height: 24px; margin-top: 20px; background:#d7cabc}
.redBoton {
    background: #ad8663;
    width: 350px;
    display: block;
    margin: 40px auto 40px;
    border-radius: 6px;
    padding: 14px 20px;
    text-align: center;
}
.redBoton:hover{background:#c39e7d}
.redBoton strong {
    display: block;
    letter-spacing: .8px;
    font-weight: 500;
    font-size: 1.2em;
    color: #fff;
}
.redBoton span {
    display: block;
    font-size: .8em;
    font-weight: 300;
    font-family: 'raleway';
    line-height: 11px;
    letter-spacing: .5px;
    margin-top: 11px;
    color: #fff;
}

/*---------------- Menu  ------------------*/
#avisos{float: left; width: 100%; text-align: center; margin-top: 20px;}
.texto{float:left; width:100%; font-family: 'Montserrat'; color: #fff; padding: 170px 0; }
.texto h1{margin-top:20px;}
.texto strong{font-size:.9em; float:left; width:100%; margin-top:20px;}
.texto p{font-size:.8em; float:left; width:100%; padding:8px 0}
.button, .dark-button, .light-button{display:block;position:fixed;width:40px;height:46px;border-radius:1px;margin:0 auto; top:20px; padding-top:0px; transition:all 500ms cubic-bezier(1,0,0.645,0.65);right:12px; z-index:999999;}
.bar1{top:0;animation:topbar-back 500ms;animation-fill-mode:both;animation-play-state:initial !important;}
.bar2{opacity:1;}
.bar3{bottom:0;animation:bottombar-back 500ms;animation-fill-mode:both;animation-play-state:initial !important;}
.menu-bar + .menu-bar{margin-top:7px;}
.menu{position:absolute;font-weight:600;color:#fff;left:-65px;height:20px;top:10px;text-transform:uppercase;text-align:right;width:60px;font-size:.9em;letter-spacing:1.5px;font-family:'Work Sans',sans-serif;}
.toggled .bar3{bottom:11%;animation:bottombar-x 500ms;animation-fill-mode:both;}
.toggled .bar2{opacity:0;}
.toggled .bar1{top:25%;animation:topbar-x 500ms;animation-fill-mode:both;}
.menu-bar{display:block;position:relative;background:#fff;width:24px;height:1px;border-radius:1px;transition:all 300ms;margin:0 auto;}#menuNav{position:fixed;top:0px;left:0px;height:100vh;width:100%;background:#151313f2;padding:0px 0px;z-index:999999; display: none;}
#menuNavDiv{position:fixed;top:0px;left:0px;height:100vh;width:100%;background:#151313f2;padding:0px 0px;z-index:999999; display: flex; align-items: center; justify-content: center;}
#mobil{display: flex; flex-direction: column;}
#menu-toggle{display:none; position: absolute;  z-index: 9999999999999999999;}
#menuNavegacion li{text-transform: uppercase}
#contactame{background: #ad8663;  padding: 20px; border-radius: 4px; color: #141418;}
#contactame h3{color:#e8dfd7}
#contactame p{color: #faecd9; font-size: 1em;}
.thirty{float:left; width:28%;}
.boton{display: block; width:100%; border: 1px solid #fff; padding: 3px 10px; text-align: center; font-size: .9em; border-radius: 10px; margin-top:15px;}
#contacting{background:#ddd; float: left; width:100%;}
#contacting img{float:left; width:100%}
#formContact{padding:40px; color: #333; float:left; width:100%; margin-top:40px;}
#formContact h1{font-weight:200; float: left; width:100%}
#formContact fieldset{float: left; }
#formContact fieldset label{float: left; width: 100%; margin-top: 20px; font-size: .7em; text-transform: uppercase; letter-spacing: -.5px; font-weight: 800; padding:0 0 5px 5px} 
#formContact .in{float: left; width: 97%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 37px; border: 1px solid #ccc; padding: 10px; font-size: .9em;}
#formContact .te{float: left; width: 97%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 120px; border: 1px solid #ccc; padding: 10px;}

/*---------------- Header  ------------------*/
#logo{position:absolute; width:180px; margin:6px 0 6px 34px; padding:0px; }
#logoFooter{display: block; width: 100px; margin:100px auto 0;}
#logo img, #logoFooter img{width:100%}
header{float: left; width: 100%; padding:10px 0 10px 0; position:fixed; z-index: 99999; top:0px; left:0px; height:135px; background: url("../images/bck-header-shadow.png") left top repeat-x;}
header nav {float: right; width:100%}
header nav li{float: right;}
#menuContacto, #menuNavegacion{float: right; width:100%}
#menuContacto img{margin-top:2px}
#menuContacto a{color:#fff; font-weight:200; font-size:.8em;}
#menuContacto a:hover, #menuNavegacion a:hover{color:#fff}
#menuContacto li{padding: 2px 8px; border-right: 1px solid #ffffff57; height: 24px; font-size: .8em; margin-bottom: 17px; font-weight: bold; font-family: arial;}
#menuContacto li:first-child{border: none!important}
#socialIcons a{padding:0 4px}
#lenguage img{float:left; margin-right: 8px; padding: 8px 0px;}
#menuNavegacion li{font-size: .9em;}
#menuNavegacion li a{float:left; padding:4px 11px; transition: border-color 0.4s, padding 0.4s;  font-family: 'Raleway', sans-serif; font-weight:600; letter-spacing:1px; margin-top:5px;}

/*---------------- SLIDER  ------------------*/
.sp-image{width:100%}
.sp-slides{float:left; width:100%; height:640px;}
#slider{float:left; margin-top:115px; width:100%;}
.titulo{font-size:1.8em;  font-weight:100}
.descripcion{font-size:1.4em; font-weight:100; line-height:1.7}
.sp-layer a img{width:23px; margin:5px 10px 0 0px; float: left;}
.sp-layer a em{float:left; padding:5px 0; font-size:1.3em; font-weight:600; width:100%; text-align:center}
.sp-thumbnail img{width:100%}

/*---------------- Contenedores  ------------------*/
.tit{float: left; width: 100%; padding: 20px 0 50px; text-align: center;}
.tit h5{line-height: 2em; font-size: 1.8em;  letter-spacing: -.1px; text-transform: uppercase; font-weight: 200;}
.tit span{font-weight:bold}
.tit p{text-transform: uppercase; font-size: 1.3em; color: #c28c42;}


.cincuenta{width:50%; float:left;}
.cincuentaSinPad{width:50%; float:left; padding:0 0}
.cincuentaSinPad img{width:100%}
.cincuentaDestinos{width:50%; float:left; padding:0 30px 50px}
.cincuentaDestinosLeft{width:50%; float:left; padding:0 0px 50px 30px}
.cincuentaDestinos img{width:100%; border-radius: 27px; border: 2px solid #8f7054;}
.cincuentaDos{width:50%; float:left; padding:0 3% 0 0}
#trigger{padding:8vh 0 0}
#trigger em{color: #ffdc31!important}
#trigger button, a #triggerDos a{text-decoration:none;cursor:pointer; color:#FFF; font-weight:400; transition: background-color 0.3s, color 0.3s;  text-align: left; background: none; border:none; padding:10px 0}
#mobil a{text-transform: uppercase; padding:10px 0}
.wrapCenter{display: block; width:100%; padding:10px 60px 10px 40px; margin:0 auto }
.wrapFull{float:left; width:100%}
.fortyMethod{width:46%}
.fifty{float:left; width:50%;}
.fifty h2{font-size: 2.2em; font-weight: 200;  float: left; width: 100%;  padding: 0px 80px}
.fifty h3{font-size: 1em;  font-weight: 400; letter-spacing: 6px;  float: left; width: 100%;  padding: 0px 80px; margin-bottom:10px}
.fifty em{    font-weight: 400; font-size: .7em; text-transform: uppercase;  color: #000; margin: 4px 0 4px 0; float: left; width: 100%;}
.fifty strong{font-weight:600; float: left; width: 100%;  float: left; width: 100%;}
.fifty p{font-size: .95em; width: 100%;  float: left; padding:0 40px}
.fiftyPad{float:left; width:46%; padding:80px 100px}
.fiftyPad h2{font-size: 2.2em; font-weight: 200;  float: left; width: 100%;}
.fiftyPad h3{font-size: 1em; font-weight: 400; letter-spacing: 6px; float: left; margin-bottom:20px; border-bottom: 1px solid #ffdc31; padding: 0 0 20px; width:60%; }
.fiftyPad em{    font-weight: 600; font-size: .6em; text-transform: uppercase;  color: #ffdc31; margin: 4px 0 10px 0; float: left; width: 100%;}
.fiftyPad strong{font-weight: 600; float: left; width: 100%;  float: left; width: 100%;}
.fiftyPad p{font-size: .9em; width: 100%;  margin-bottom: 40px;  float: left; width: 100%; text-align: justify; }
.imagenLista{height:328px; }
#promo{text-align:center; float:left; width:100%; margin-top:20px; }
#promo p{color:#fff!important }
#promo strong{float:left!important; width:inherit!important; font-weight: 600;  font-family:arial; margin-bottom:10px;}
#regVDos{float:left; width:100%; margin-top:120px;}
#regVDos h3{text-align:center; margin-top:20px;}
/*---------------- BOTONES  ------------------*/
.circle{float:left; width:100%}
.circle img{width:20px; float:left; margin-right:10px}
.circle em{font-weight: 600; font-size: .8em; text-transform: uppercase; color: #fff; margin: 1px 0 0px 10px; width:200px}
.circle a, em:hover{color:#ffdc31}

/*---------------- LOADING  ------------------*/

.loading-container { position: absolute;  top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9);  display: flex; align-items: center; justify-content: center;  z-index: 99999; }
.loading-image img {max-width: 430px;}


/*---------------- sections  ------------------*/
.headingsCenter{padding:0px 60px 30px; float:left; width:100%; text-align:center}
.headings{padding:60px 0 30px; float:left; width:100%; text-align:center}
.headings h1{ font-size: 2.8em; font-weight: 400;}
.headings em {text-transform: uppercase; font-size: .7em; line-height: 33px; }
#important{background: url("../graphics/fondo-cafe.png") center top; background-size: cover }
#important a{margin-top:20px;}
#important a:hover{background:#d28f52}
.important{background: #0a0a0a; float: left; padding:100px 40px 100px; color:#fff; width:100% }
.importantFlex{float:left; justify-content: center;  align-items: center;  width:100% }
.importantTres{background: #020101; float: left; padding:10px 40px; color:#0a2e34; width:100% }
.importantdos{float: left; padding:0px; color:#0a2e34; width:100% }
.important span{float: left; width: 100%; border-top: 2px solid #ddd; margin-top:30px; padding-top:30px;}
.important span img{float:left; margin-right:20px; width:10%;}
.important span p{float:left; width:85%;}
.important h2{font-size: 1em; margin-bottom: 14px; font-weight: 200;  padding-bottom: 11px; letter-spacing: .1px; }
.important h1{font-size:1.5em; font-weight:800; padding-bottom: 11px; text-transform: uppercase; color:#fff; letter-spacing: .1px; line-height:40px}
.important em{background: #d28f52; color: #fff; padding: 6px 8px; font-size: .5em; border-radius: 4px; float: left; width:20%; text-align: center; margin:4px 20px 20px 0}
.important p{float: left; width: 77%;}
.important a{padding: 18px 23px; border-radius: 6px;  float: left; width: 100%; text-align: center; font-size: .75em; background: #d28f52; letter-spacing: 0px; color: #fff; text-transform: uppercase; font-weight: 600;}
.important a img{width:16px; margin-right:6px; float:left;}
.imagenImportant{width: 100%; padding:40px 2px 0;}
.imagenImportantDos{width: 100%;}
#boxImagen{background: url("../graphics/raulito-bio.png") center top; background-size: cover }
.gray{background:#0a0a0a}
.orange{background: url("../graphics/bck-orange.png") 0; background-size: cover }
.inner-container{display:flex}
.box{flex: 2;  box-sizing: border-box; }
#terceraSeccion{padding:40px}
#cuartaSeccion{padding:0px 60px!important}
.treinta{width: 30%; float: left; margin:0 1.5%;}
.cien{float:left; width:100%; padding-left:3%; margin-top:40px; line-height:28px; margin-bottom:40px;}
.fullwidth{width:100%;  background: #fff; }


#terceraSeccion p strong{font-size:1.2em; padding:20px 0; display:block; color:#ffffff}
#terceraSeccion h1{display: block;  font-size: 2em; line-height:40px; color:#fff}
#terceraSeccion h2{display: block; padding: 10px 0 0; font-size:.83em; text-transform: uppercase; color: #cab099;}
#terceraSeccion p{color:#d0cdca!important}

#cuartaSeccion h3{text-align:center; font-size:2em; letter-spacing:-.2px; font-weight:600; margin-top:20px; text-transform: uppercase; color: #fff}
#cuartaSeccion h4{text-align:center; font-size:1.1em; font-weight:400; letter-spacing:-.2px; text-transform: uppercase; color: #d28f52; padding:10px 0 40px}
#cuartaSeccion strong{font-size:1,1em; font-weight:600; letter-spacing:-.2px; text-transform: uppercase; color: #ec8450; padding:10px 0 40px}
#cuartaSeccion b{color:#c78c58; float:left; width:100%; line-height: 21px; font-weight: 500; font-size: .8em; padding: 0px 0px 5px; text-align:center;  letter-spacing: -.1px;}
.destino{fcolor:#fff; padding:0 0px 10px 0px; text-transform: uppercase; float:left; width:100%; font-weight:500; text-align:center}
.imagenExperiencia{float:left; width:100%; height:400px; }
.imagenBorder{float:left; width:100%; margin-bottom:10px; border-radius: 24px; overflow: hidden; }
.imagenExperiencia{border:2px solid #272727; cursor: pointer }
.prop{cursor:pointer}
.prop:hover .imagenExperiencia{border:2px solid #8f7054; border-radius: 24px; }
.prop:hover .botones{background:#d28f52; transition: background 0.4s ease; cursor: pointer}

.price{float: left; width: 100%; color:#c28c42; padding: 2px 0px; font-size:1.1em; margin-bottom: 6px;}
.price strong{margin-right:4px; letter-spacing: -.3px;}
.currency{font-weight:400; font-size:.8em; line-height:22px; margin-bottom:6px;}
.treinta p{float: left; width: 100%;  padding: 2px 0px; font-size: .85em;  line-height: 22px; text-align:center; color:#fff}
.bedrooms, .bath, .fits{float:left; width:92px; margin-top:10px; padding-left:10px;}
.bedrooms p, .bath p, .fits p{padding:0px;}
.bedrooms img, .bath img, .fits img{float:left; max-width:28px}
.treinta b{float:left; font-size:.9em; font-weight:600; margin-right:4px; letter-spacing:0px; line-height:39px;}
.treinta i{font-style: normal; font-size:.7em; font-weight:400; float:left; width:100%; margin-top:4px;}
.contactBox{float: left; width:100%; padding:0px!important  }
.message{position:absolute; margin-right: 10px; margin-top:6px;  line-height:22px; color:#fff; font-weight:800; text-transform: uppercase; letter-spacing: -.1px; font-size:.8em; margin-bottom:20px; width:95%; background:#8f7054; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:8px 0; text-align:center; bottom: 0px;}
.treinta a{margin:10px 0px;}
.treinta h3{font-size: .8em; padding:0 10px; margin-bottom:10px; float:left; width:100%; height:42px; line-height:20px;}
.descrip{min-height:140px; color:#333}
.treintaDos{width:30.3%; float: left; margin: 1.5%;}
.treintaDos a{margin:10px 0px;}
.treintaDos b{float:left; font-size:.9em; font-weight:600; margin-right:4px; letter-spacing:0px; line-height:39px; color:#333}
.treintaDos i{font-style: normal; font-size:.7em; font-weight:400; float:left; width:100%; margin-top:4px; color:#333}
.treintaDos h3{font-size: .8em; padding:0 10px; margin-bottom:10px; color:#333; height:38px}
.treintaDos p{float: left; width: 100%;  padding: 2px 10px; font-size: .8em;  line-height: 18px; color:#333}
.botones{display:block; width: 94%; margin: 0 auto; font-size: .9em; padding: 15px 0; margin-bottom: 50px; border-radius: 29px; background: #ad8663; color: #fff; border: none;}

.diez{float:left; width:11%; padding-left:10px}
.noventa{float:left; width:88%; padding-left:10px}
.veintiDos{width:33%; margin:.5%; font-size:1.1em; border:2px solid #8f7054; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; }
.veintiDos:hover{ border:2px solid #c58b58;}
.veintiDos a{float:left; width:100%; text-align:center}
.veintiDos b{font-size:.9em; font-weight:600; margin-right:4px; letter-spacing:0px; line-height: 1.8em; margin-top:8px; display:block}
.veintiDos i{font-style: normal; font-size:.7em; font-weight:400; float:left; width:100%; margin:10px 0 10px; color:#333}
.veintiDos h3{margin: 10px 0; font-weight: 600; text-transform: uppercase; letter-spacing: -.1px; line-height: 25px; float:left; width:100%}
.veintiDos p{float: left; width: 100%;}
.veintiDos .pad{padding:0 15px; float:left; width:100%}

#lineBorder{float:left; width:100px; background: #8f7054; margin:10px 0 13px}
#lineBorder em{float:left; width:20px; background:#c58b58; height:4px}
.sub{float:left; width:100%}

.descripDos{min-height:60px;}
.listado{float:left; width:100%; text-transform: capitalize; line-height:1.7em; font-size:.9em}
.disponibilidad{font-size:1em; text-transform: uppercase; float:left; width:100%; font-weight:200; font-size:.8em;}
#inclusiones{font-size:1em; text-transform: uppercase; margin-top:6px; float:left; width:100%; font-weight:200; }
#inclusiones p{ font-family: 'Montserrat'; font-size:.8em;}
.treintaDos a{float:left; padding: 13px 23px; border-radius: 6px;  float: left; width: 100%; text-align: center; font-size: .75em; background: #333; letter-spacing: 0px; color: #fff; text-transform: uppercase; font-weight: 600;}
.treintaDos a img{width:16px; margin-right:6px; float:left;}

.heading{padding:0px 70px 20px; color:#bdbdbd; float:left; width:100%}
.heading h1{color: #fff; font-size:1.7em; font-weight:800; text-transform:uppercase}
.heading p{padding:12px 0}

#destinos-view, .destinos-view{padding:50px; background:#fafafa; display:flex; flex-wrap: wrap; justify-content: space-around}
#destinos-view .fuerte, .destinos-view .fuerte{font-weight: 400; color: #c28c42; margin-bottom: 20px; float: left; width: 100%; line-height: 1.8em;}
#destinos-view h2, .destinos-view h2{float:left; width:100%; color:#fff; line-height:40px; margin-bottom:20px}
#destinos-view h3, .destinos-view h3{float: left; width: 100%; font-size: 1,2em; font-weight: 600; margin-top: 20px; margin-bottom: 10px; line-height: 30px;}
#destinos-view h3{min-height:63px}
#destinos-view h4, .destinos-view h4{float: left; width: 100%; font-size: .9em; font-weight: 500; margin-top: 20px; margin-bottom:4px;}

.info{float:left; width:100%; padding:0px 0 40px 0}
.info li{float:left; width:23%; margin:1%; text-align:center; background: #ededed; padding: 26px; min-height:200px; border-radius: 20px; border: 1px solid #ccc}
.info li strong{display:block}
.info li p{display:block; padding: 6px 0; font-size: .9em;}

/*---------------- REGISTRATE  ------------------*/
.logRight{padding: 0 0 0 0;}
#stripe-form, #tar{    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #000;}
#stripe-form select {
    float: left;
    width: 100%;
    height: 37px;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #777;
    font-size: .8em;
    cursor: pointer;
}
#enviarRegistro, #submit, #stripePagar {
    background: #ad8663;
    color: #fff;
    border: none;
    float: left;
    width: 100%;
    height:58px;
    text-transform: uppercase;
    cursor:pointer
}
#submit:hover, #stripePagar:hover{    background: #d28f52;}
#enviarRegistro:hover{background: #d28f52}
#stripe-form fieldset, #tar fieldset, #stripe-pay fieldset {
    padding: 0 30px;
}
.numero{font-size:12px!important; padding:0 34px 2px!important;}
#stripe-form h1, #tar h1 {
    padding: 30px 30px 2px 30px;
    font-size: 1.4em;
    background: #f2f2f2;
    color: #333;
    font-weight: 500;
    border-top: 10px solid #d7cabc;
}
#stripe-form p, #tar p {
    padding:4px 30px 10px 30px;
    font-size: .8em;
    color: #333;
    line-height: 20px;
    background: #f2f2f2;
    font-weight: 400;
}
#payment-request-button{padding:0 30px;}
#stripe-form input::placeholder, #tar input::placeholder{color:#9cadc9; text-transform: uppercase; font-size:12px}
#stripe-form label, #tar label{color:#000; font-weight:500; line-height:25px; float: left; width: 100%; margin-top:10px; font-size: 12px;  padding:0 0 2px 5px}
#stripe-form .inp{float: left; width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 40px; border: 1px solid #dedddd; padding: 10px; font-size: .8em; background:#f9f9f9; }
#tar .inp{float: left; width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 40px; border: 1px solid #dedddd; padding: 10px; font-size: .8em;}
#stripe-form textarea, #tar textarea{float: left; width: 100%; border: 1px solid #dedddd; border-radius: 4px; height: 120px; padding:5%; background:#f9f9f9}
#contactoForm .descrip{font-size:14px}
#contactoForm .msgBlack{margin-top:20px;}
#stripe-form .inp:focus{background: #f4f9ff; border: 1px solid #b5b8d1;}
#ui-id-1{font-size:.9em}
#login{color:#fff; }
#regTar h1{font-size: 1.4em; text-align: center; margin-top: 20px;}
#regTar .subtitulo{font-weight: 600; text-align: center; color: #d28f52; margin:10px 0 15px; font-weight: 500; text-transform: uppercase } 
#regTar .subtituloTwo{font-weight: 600; text-align: center; color: #ffffff; margin:10px 0 15px; font-weight: 500; text-transform: uppercase } 
.enviarLogTwo{background: #d53117!important; width: 95%!important; margin:20px 2.5% 20px!important;}
#tarjetas{padding-left:30px; margin-bottom:30px; width:100%; padding-bottom:10px; float:left; background:#f2f2f2}
#wrapMetodos{padding:0 30px}
.example.example3 .field{float:left;}
#cp input{ width:90%!important; float: left; border:1px solid #ccc}
#example3-card-number{border:1px solid #ccc!important; }
.example.example3 .field { padding: 10px 20px 11px; border: 1px solid #ced4da; border-radius: 0.25rem; width: 100%;}
.cincuenta{width:49%; float:left; margin-right:5px}
.cincuentaUno{width:50%; float:left; border: none!important; border-radius: 0px!important}
#example3-zip{height:40px}
#example3-zip::placeholder{color:#9daeca;}
#tarjetas p{float: left; width: 100%; margin: 20px 0 0; font-weight: 600; font-size: .9em;}
.enviarLog{margin-top:40px;}
.headingNuevo{background: black; color: #fff; text-align: center; padding: 10px 0 0px; display: block;}
.paragraphNuevo{background: black; color: #fff; text-align: center; padding: 10px 0 40px; display: block;}
.headingTwoNuevo{font-size: 1.2em!important;
    padding: 20px 0 10px!important;
    text-align: center;
    border-bottom: 2px solid #fff;
    margin-bottom: 20px!important;
    margin: 0 5% 20px;
    display: block;
    text-transform: uppercase;
    width: 90%!important;}

/*---------------- FOOTER  ------------------*/
#copyright{float:left; width:100%; padding:20px 0; text-align:left; font-family: 'Montserrat'; font-size: .65em; font-weight: 400; text-transform:uppercase; color:#fff; letter-spacing:1.8px}
footer p{float:left; width:100%; padding: 0 10px; font-family: 'Montserrat'; font-size: .9em; font-weight: 400;}
footer ul{display: block; width:600px; margin: 20px 0;}
address{float:left; width:38%; margin:0 1%; font-style:normal; color: #9f9f9f; letter-spacing: -.1px;}
address a{color: #9f9f9f; }
address a:hover{color:#ffdc31; }
#qrcode{width:120px; float:left; margin-right:10px; margin-top:25px}
address span{float:left; text-align:left; width:300px}
footer form{float:left; width: 100%; padding:20px 0; position:relative}
footer h4{font-size:.9em; font-weight:600; color:#d7d7d7; border-bottom: 1px solid #685138; padding: 6px 0; margin: 0 0 6px 0;}
footer address strong{font-weight: 600; letter-spacing: .4px; font-weight: 400; font-size: .75em; float: left; width: 100%; margin-top: 5px;}
#ema{background: none; border: none; border-bottom: 1px solid #ccc; float: left; width:100%; padding: 10px 0; height:50px;}
#footer address i, #footer address a{font-style: normal; font-size:1.2em; font-weight:400; font-family:raleway}
footer form label{float: left; width: 100%; font-size: 1.6em; font-weight: 400; font-family: 'Raleway'; letter-spacing: -.4px; color: #6c6c6c;}
#social{float:left; width:100%; text-align:center; padding:10px 0 0}
#social a{margin:0 10px}
#envFooter{background: #181717; color: #fff; border: none; font-size: 0.8em; font-family: 'Montserrat'; float: left; width: 100%; padding: 18px 20px;  font-weight: 600; text-transform: uppercase; border: #000; margin-top:2px; border-radius: 4px; text-shadow: 0px 4px 10px #000; transition: background-color 0.3s, color 0.3s; }
#envFooter:hover{box-shadow: 12px 2px 15px #000; background:#333; cursor: pointer}
#ema:focus + #envFooter{background:#584028; cursor: pointer;     box-shadow: 22px 6px 22px #000; color: #fff}
#formFooter{display: block; width: 100%;}
#quick{display: block; width: 60%; text-align: center; margin: 0 auto;}
#quick input{text-align:center; color:#4f4c8a; font-size:1em}
#quick input::placeholder{text-align: center; vertical-align: middle; line-height:40px; color:#b7b5b5; font-size:1.1em;   }
#mainTit{float:left; width:100%; text-align:center; margin-bottom:40px;}
#mainTit h2{font-weight:400}
#mainTit h3{font-weight:400; font-size:.8em;}
footer{float: left; width: 100%; background: #0a0a0a; padding:40px 80px;}
footer ul li{float:left; margin-right:10px; border-right: 1px solid #fff; padding-right: 10px;}
footer ul li:last-child{border-right:none;}
footer ul li a{color:#fff; text-transform: uppercase; font-size: .6em;}
#logo-footer{display: block; width:120px; }
#logo-footer img{width:100%;}

.sesenta{width:60%; float:left; padding:0 40px 0 0}
.cuarenta{width:40%; float:left;}
.cuarenta img{width: 100%; padding: 2px;}
.wrapper{float:left; width:100%; padding:0 5%; color: #ab704f}
.wrapperTwo{float:left; width:70%; margin:0 15%; color: #ab704f; background: #ad8663}

#quienes_somos-page h4{font-size:.8em; font-weight:800px; color:#ccc; letter-spacing:0px; display:block; padding-bottom:10px}
#quienes_somos-page h2{font-size: 1.9em; line-height: 1.5em; letter-spacing: 0px; font-weight: 200; display: block}
#quienes_somos-page .sesenta strong{color:#666; letter-spacing:0px; padding:20px 0; display: block}
#quienes_somos-page .contactUs{background: #8f7054; padding: 10px 5px; float: left; width: 180px; text-align: center; margin: 20px 0; border-radius: 4px; font-size: .9em;  letter-spacing: 0px; border:1px solid #8f7054 }
#quienes_somos-page .ourProperties{background: #fff; padding: 10px 5px; float: left; width: 180px; text-align: center; margin: 20px 0; border-radius: 4px; font-size: .9em; letter-spacing: 0px; color: #333; margin-left: 20px; border: 1px solid #ccc;}

#picture{padding:0 3% 0 0}
#contacto-page p{color:#fff; text-align:center}
#contacto-page label{color:#d2d2d2}
#contacto-page #picture img{width:100%}
#contacto-page form h1{color: #ab704f; text-align:center}
#contacto-page form{color:#333}
.cincuentaForm{float:left; width:50%; padding-right:40px;}
.cincuentaFormCien{float:left; width:100%; padding-right:40px;}
.cincuentaForm form .cincuentaForm{padding-right:0px;}
.cincuentaForm p, .cincuentaFormCien p{padding-bottom:20px;}
.cincuentaForm h1, .cincuentaFormCien h1{padding-bottom:6px;}
.cincuentaForm label, .cincuentaFormCien label{font-size: .8em; margin-top: 7px; display: block; letter-spacing: 0px; padding-left:6px}
.cincuentaForm .inp, .cincuentaFormCien .inp{border: 1px solid #ccc; padding: 0px 10px; width: 100%; height: 34px; border-radius: 4px; margin-top: 6px; margin-bottom: 10px; background: #f9f9f9;}
.cienForm{width:100%}
.cienForm textarea{float: left; height: 205px; width: 100%; background: #f9f9f9; border: 1px solid #ccc; border-radius: 4px; margin-top: 10px;}
.padVeinte{padding:0 20px!important; float: left; width: 100%;}
.padVeinte p{margin-bottom:10px}
#contacto-page .boxes{margin-bottom:40px; float:left; width:100%}
#contactoForm{width:740px; display:block; margin:0 auto}


#properties-page .sp-thumbnail img{border:1px solid #fff}
#properties{padding:40px 0; float:left; width:100%; color:#333}
#infoProperties{float:left; width:60%; padding:0px 0 0 4%; letter-spacing:-.05px; font-size:1.1em}
#infoProperties h4{line-height: 1.6em; margin-bottom: 20px; font-size: .85em;}
#infoProperties ul{float:left; width:100%; padding:20px 0; }
#infoProperties ul strong{font-size:.9em}
#infoProperties em{font-weight:500; font-size:1.1em; line-height:31px}
#infoProperties h1{display: block; margin:40px 0 12px; font-weight:600}
#infoProperties h3{line-height: 30px; color: #d1a13c;}
#infoProperties a{display: block; width: 50%; background: #c30; text-align: center; height: 34px; padding: 9px 0; border-radius: 4px; margin: 20px 0 10px;}
.m20{margin-top:20px;}
.prop{background:none!important; padding:0px!important; margin:0px!important}
.prop img{width:100%!important; margin-bottom:10px; border: 1px solid #d7cabc; padding:2px;}
.prop img:hover{border: 1px solid #ad8663; padding:2px;}

#request{position: fixed; position: fixed;  width:36%; top:150px; right: 42px; z-index: 9999; padding:10px 20px; background: #fff; border-radius: 20px; box-shadow: 0 10px 50px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 10px 50px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 10px 50px 10px rgba(0,0,0,.2);}
#request ul li{ border-bottom:1px solid #ccc; padding-top:8px; padding-bottom:8px;}
#request ul li span{color:#777; font-size:.8em; text-transform:uppercase; letter-spacing:-.2px}
#request ul li:first-child, #request ul li:last-child{border:none;}
#request li .bold{font-weight:500; font-family: 'Montserrat'; font-size:.85em; margin-top:4px;}
#request a{}
.fullImage img{width:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; display:block; margin-bottom:20px; }
.desde{background: url("../graphics/price-tag-price-svgrepo-com.svg") left 8px; background-repeat: no-repeat; background-size:30px; padding-left:50px;}
.duracion{background: url("../graphics/duracion.svg") left 8px; background-repeat: no-repeat; background-size:30px; padding-left:50px;}
.trabajo{background: url("../graphics/list-svgrepo-com.svg") left 8px; background-repeat: no-repeat; background-size:40px; padding-left:50px;}
.botonAccion{background:#c22c2c; display:block; width:90%; padding:12px 0; text-align:center; margin:20px auto 0; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font-size:1em; letter-spacing:-.2px; font-size:.9em;  }
.botonAccion:hover{background:#e71bb6; }
.incluye{border-bottom: 1px solid #ccc; float: left; width: 100%; margin-bottom: 30px;}
.incluye img{width:70%; margin-top:4px;}
.incluye li{float:left; width:32%; padding:0 1%; }
.incluye li p{font-size:.8em; float:left; width:100%; padding:6px 0;}
#include{font-size:14px; font-weight:200;  padding:30px 0; float:left; width:100%; line-height:24px}
#include ul{padding:0px}
#include li{float:left; width:100%; font-size:14px; padding:0px;}

.tramites{border-bottom: 1px solid #ccc; float: left; width: 100%; margin-bottom: 30px;}
.tramites img{width:90%; }
.tramites li{float:left; width:32%; padding:0 1%; }
.tramites li p{font-size:.8em; float:left; width:100%; padding:6px 0;}
.tramites .noventa{padding-top:10px}

.requisitos{border-bottom: 1px solid #ccc; float: left; width: 100%; margin-bottom: 30px;}
.requisitos img{width:90%; }
.requisitos li{float:left; width:100%; padding:0 1%; }
.requisitos li p{font-size:.8em; float:left; width:100%; padding:6px 0 12px;}
.requisitos .noventa{padding-top:10px}


#buscador{position: relative; float:left; width:100%}
#buscador h1{color: #333; text-align: center; padding-bottom: 20px; font-weight: 600; letter-spacing: -.1px;}
#contorno{border:1px solid #ccc; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; float:left; width:100%; padding:2px;}
#buscador form{position: absolute; left:50%; transform: translate(-50%, -50%);  z-index: 999; background: #fff;  padding:30px 40px 40px; border-radius: 25px; border: 1px solid #e4e4e4; box-shadow: 3px 4px 15px #09090942; width:960px}
#buscador select{border: none; width: 32%; float:left; height:52px; padding: 10px; font-size: .87em; margin-right:1%; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; color:#777}
#formInput{width: 34%; float:left; height:52px; border-radius: 0px 25px 25px 0px; -webkit-border-radius: 0px 25px 25px 0px; -moz-border-radius: 0px 25px 25px 0px; border: none; background: #8c6e52; color: #fff; cursor:pointer; transition: background-color 0.3s, color 0.3s;}
#formInput:hover{background:#c22c2c}

#solicitud{position: relative; float:left; width:100%; }
#solicitud p{font-size: 1.1em; text-align: center;}
#solicitud label{float:left; width:100%; padding:30px 0 10px 6px; font-size:.9em; font-weight:600}
#solicitud h1{color: #333; text-align: center; padding-bottom: 20px; font-weight: 600; letter-spacing: -.1px;}
#solicitud .contorno{border:1px solid #ccc; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; float:left; width:100%; padding:2px;}
#solicitud form{position: absolute; left:50%; transform: translate(-50%, -50%);  z-index: 99; background: #f9f9f9; width:920px; padding:30px 40px 40px; border-radius: 15px; border: 1px solid #e4e4e4; box-shadow: 3px 4px 15px #09090942;  border-top: 8px solid #c22c2c; top:80px;}
#solicitud fieldset input{height:56px; float:left; width:100%; border:1px solid #ccc; padding: 0 20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#solicitud fieldset input::placeholder {color: #999 !important;}
#solicitud fieldset input:focus {background-color: #f7fdff; border:1px solid #9eceff }
#solicitud select{border: none; width: 100%; float:left; height:44px; padding: 10px; font-size: .87em; margin-right:1%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#777; height:56px;}
#solicitud .enviar:hover{background:#c22c2c}
#solicitud .selectBorder{border:1px solid #ccc; padding:0 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#fff }
.submit{width:100%; float: left; height: 44px;  background: #8c6e52; color: #fff; cursor: pointer; margin-top:20px; border: none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:1.1em;}
.submit:hover{background:#c22c2c}
#acepto{width:20px!important; height: 20px!important; margin-right:10px;}
#code{width:42%!important; border:1px solid #ccc!important; margin-right:1%}
#solicitudTexto{padding-top:510px; text-align:center!important}
#solicitud em{float:left; width:100%; padding:10px 0; font-size:.85em; color:#8c6e52}
#envio{padding:0 3%; float:left; width:100%}
.radio{float:left; width:35px!important; padding: 0px!important; margin:4px 0px!important; height: inherit!important;}
#solicitud fieldset .span{float:left; margin-right: 20px; }
#solicitud fieldset strong{float:left; font-size:14px;}
#visa label{padding:0px 0 10px 6px!important}
.nopad{padding:0px!important;}
#contacto-gracias{height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; font-optical-sizing: auto; font-style: normal; letter-spacing: .2px;}
.bck-line{ }
.bckgracias{background: url("../graphics/travel-360.png") center no-repeat; background-size: cover}
#gracias{text-align: center; padding:0px 100px 70px;  }
#gracias img{display:block; margin:20px auto 30px auto; width:180px;}
#gracias h1{color:#fff; text-shadow:1px 0px 2px #022729c2; font-weight:500; margin-bottom:25px;}
#gracias p{color: #fff; font-weight:300;  padding: 10px 0 20px; display: block; font-size: 1em; width: 640px; text-shadow:1px 0px 2px #022729c2; margin:0 auto!important; font-weight:400}
#gracias a:hover{background:#f2fafb ; color: #0e959e; border: 3px solid #46d6da;}
.colorTextSpecial{color:#fff!important; }
.boxWisywiy {font-size:.85em; font-weight:200; line-height:26px; float:left; width:100%; color:#fff}
.boxWisywiy em{color: #c28c42}
.boxWisywiy ul, .boxWisywiy li{font-size:13.5px; line-height:20px}
.boxWisywiy strong{font-size:14.5px}
#accesoUsuarios{ background: #d7cabc; color: #333!important; padding: 6px 16px; border-radius: 20px;}
.botonesDos{background: #ad8663; border: none; margin-top: 40px; color: #fff; padding: 16px 60px; border-radius: 6px;  cursor: pointer;}
.botonesDos:hover{background:#d28f52}
.pad .message i{color: #fff; margin:3px 0!important}
#quienessomos .cincuentaSinPad{padding-right:40px;}
.cincuentaInput{float:left; width:30%; margin-right:5px;}


#wrapPagos{display:block; margin-top:140px;}
#login p{padding:0px 20px!important;}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1;  }
    to { opacity: 0; visibility: hidden; }
}
@keyframes topbar-x { 0% { top: 0;
    -webkit-transform: rotate(0deg); }
  45% { top: 25%;
    -webkit-transform: rotate(145deg); }
  75% { -webkit-transform: rotate(130deg); }
  100% { -webkit-transform: rotate(135deg); } }

@keyframes topbar-back { 0% { top: 25%;
    -webkit-transform: rotate(135deg); }
  45% { -webkit-transform: rotate(-10deg); }
  75% { -webkit-transform: rotate(5deg); }
  100% { top: 0;
    -webkit-transform: rotate(0); } }

@keyframes bottombar-x { 0% { bottom: 0;
    -webkit-transform: rotate(0deg); }
  45% { bottom: 25%;
    -webkit-transform: rotate(-145deg); }
  75% { -webkit-transform: rotate(-130deg); }
  100% { -webkit-transform: rotate(-135deg); } }

@keyframes bottombar-back { 0% { bottom: 25%;
    -webkit-transform: rotate(-135deg); }
  45% { -webkit-transform: rotate(10deg); }
  75% { -webkit-transform: rotate(-5deg); }
  100% { bottom: 0;
    -webkit-transform: rotate(0); } }
    
#destinos-view, .destinos-view {
    padding: 50px;
    background: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Asegura que los elementos comiencen desde la izquierda */
    background:url(../graphics/fondo-cafe.png) center top no-repeat;
    background-size: contain;
}

.veintiDos {
    flex: 0 0 47.7%; /* Ajusta el tamaño según tus necesidades, 22% es un ejemplo para 4 columnas */
    margin: 10px;
    box-sizing: border-box;
    position:relative;
    padding-bottom:90px;
}

/* Empujar los últimos elementos de la fila incompleta a la derecha */
.destinos-view::after {
    content: '';
    flex: auto;
}

/* Asegurarse que los últimos elementos ocupen su lugar correctamente */
.veintiDos:nth-last-child(1),
.veintiDos:nth-last-child(2),
.veintiDos:nth-last-child(3),
.veintiDos:nth-last-child(4) {
    margin-left: 10px;
}

.wrapV2{display:block; width:920px; display:block; margin: 155px auto 0; color: #fff;}
	#regh1V2{
		text-align: center;
		margin-top:10px;
		padding: 8px;
		font-weight: bold;
		font-size: 2rem;
		
		}
	.subtituloV2{
		        font-size: 1.4rem;
    display: block;
    width: 100%;
    text-align: center;
    color: #dedede;
    margin: 0px auto 30px;
    line-height: 1.9rem;
	}
	.wrapV2 span{display: block;
    width: 750px;
    margin: 0 auto 40px;
   
    }
    .wrapV2 span img{    width: 100%;  border-radius: 20px;
    overflow: hidden;}
    .wrapV2 b{    text-align: center;
    display: block;
    margin: 20px 0;
    font-weight: 400;
    text-transform: uppercase;}
    .wrapV2 b a{    color: #e3bf97;
    font-weight: bold;}
    .subTwo{
	    text-align: center;
    display: block;
    font-size: .65rem;
    text-transform: uppercase;
    background: #e3bf97;
    width: 260px;
    padding: 4px;
    margin:120px auto 0;
    color: #000;
    font-weight: bold;
    }
    .wrapping{
	display: block;
    margin: 0 auto;
    width: 780px;
    color: #fff;
    }
    .barraV2{background: #514b45; padding:40px 0; margin:80px 0; display:block; border-top:1px solid #827261;
    border-bottom:1px solid #827261;}
    .barraV2 .hold{float: left;
    width: 31%; text-align:center}
    .barraV2 img{     
	    display: block;
	    width: 100px;
	    margin: 0 auto;
	}
	.divisionLine{float:left; height:120px; width:1px; background:#827261; margin: 0 1%;}
    .barraV2 em{    font-size: .7rem;
    text-transform: uppercase;}
    .barraV2 strong{
	    display: block;
    margin: 16px 0 0;
    font-size: 1.2rem;
    color: #e3bf97;
    font-weight: bold;
    }
    .boxing{float:left; width:23%; margin:0 1%;}
    .boxing img{float:left; width:100%}
    #headingFormPayment{border-top: 0px!important}