/*---------------- 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:#102040}
.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: 1.05rem; line-height: 1.65rem;}
.headerNone{display:block}
.dnone{display: none}
.mb40{margin-bottom:40px;}
.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;}
#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: #5e9211;
    font-weight: 600;
    letter-spacing: -.3px;
    text-align: left;
    padding: 8px 0 0 2px;
    display: none;
    font-size: .8rem;
    float: left;}
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: #fff; width: 350px; display: block; margin: 40px auto 40px; border-radius: 6px; padding: 14px 20px; text-align: center;}
.redBotonCien{background: #5e9211; width: 100%; float:left; margin:20px auto 20px; border-radius: 6px; padding: 14px 20px; text-align: center;}
.redBoton:hover, .redBotonCien:hover{background:#E67A21;}
.redBoton:hover strong{color:#fff}
.redBoton:hover span{color:#fff}
.redBoton strong, .redBotonCien strong {display: block; letter-spacing: 0px; font-weight: 600; font-size: 1.3rem; color: #0f2040; font-family: 'Raleway', sans-serif;}
.redBoton span {display: block; font-size: 1.2rem; font-weight: 300; font-family: 'raleway'; line-height: 18px; letter-spacing: .5px;  margin-top: 11px; color: #0f2040; }
.redBotonCien span{display: block; font-size: .7em; font-weight: 300; font-family: 'raleway'; line-height: 18px; letter-spacing: .5px;  margin-top:5px; 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%;padding:0px 0px;z-index:999999; display: none;}
#menuNavDiv{position:fixed;top:0px;left:0px;height:96vh;width:100%;background:#545141;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; position: relative}
#contactame{background: #5e9211;  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:265px; 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:20px 0 10px 0; position:fixed; z-index: 99999; top:0px; left:0px; height:115px; }
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: 1em;}
#menuNavegacion li a{float:left; padding:4px 11px; transition: border-color 0.4s, padding 0.4s;  font-family: 'Raleway', sans-serif; font-weight:100; letter-spacing:1px; margin-top:5px;}

/*---------------- SLIDER  ------------------*/
.sp-image{width:100%}
.sp-slides{float:left; width:100%; height:640px;}
#slider{float:left; width:100%; margin-top:35px;}
.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, #slider-desktop 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; margin-top:4rem}
.setenta{width:67%; margin:0 1.5%; 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}

/*---------------- 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%; background: #fff; padding:8rem 0 4rem 0; }
.importantTres{ 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/taller-interaccion-social.png) center top no-repeat;
    background-size: 400px;
}
.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:0px 0px 40px 0}
#cuartaSeccion{padding:0px 60px!important}
.treinta{width: 30%; float: left; margin:0 1.5%;}
.treintaCard{width:25%; float: left; margin:0 1% 0 0;}
.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:1em; padding:20px 0; display:block; color:#E67A21; text-transform: uppercase;}
#terceraSeccion h1{display: block;  font-size: 2em; line-height:40px;}
#terceraSeccion h2{display: block; padding: 10px 0 0; font-size: .75rem; text-transform: uppercase; color: #5e9211; font-family: 'Montserrat'; margin-bottom: 20px; font-weight: bold;}
#terceraSeccion p{color:#10111c!important; font-size: .95rem!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: #5e9211; 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; background:#f2f2f2}
#stripe-form, #tar {
    background: #f2f2f2;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    padding:30px;
}
#stripe-form select {
    float: left;
    width: 100%;
    height: 37px;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #dedddd;
    color: #777;
    font-size: .8em;
    cursor: pointer;
    background: #f9f9f9;
}
#enviarRegistro, #submit, #stripePagar {
    background: #5e9211;
    color: #fff;
    border: none;
    float: left;
    width: 100%;
    height:58px;
    text-transform: uppercase;
    cursor:pointer;
    transition: background-color 0.3s, color 0.3s;
}
#submit:hover, #stripePagar:hover{    background: #dc2672;}
#enviarRegistro:hover{background: #dc2672}

.numero{font-size: 12px!important; padding: 0 0 2px 6px!important;}
#stripe-form h1, #tar h1 {
    padding: 0px 0px 2px 0px;
    font-size: 1.4em;
    background: #f2f2f2;
    color: #333;
    font-weight: 500;
}
#stripe-form p, #tar p {
    padding:4px 0px 10px 0px;
    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:#b8b3b7; 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; background:#fff; }
#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: #f5f5f5; border: 1px solid #b2b1b1;}
#ui-id-1{font-size:.9em}
#login{color:#fff; background:#10111c; padding-bottom:20px; }
#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}
.example.example3 .field{float:left;}
#cp input{ width:90%!important; float: left; border:1px solid #ccc}
.example.example3 .field { padding: 10px 20px 11px;
    border: 1px solid #dedddd;
    border-radius: 0.25rem;
    width: 100%;
    background: #fff;}
.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:center; font-family: 'Montserrat'; font-size: .65em; font-weight: 400; text-transform:uppercase; color:#f8f7e4; 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: 446px; margin: 20px auto; text-align: center;}
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: #142c4e; 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:140px; margin:0 auto;}
#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: #5e9211}

#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;}
#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}
.mt{margin-top:6px;}


#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 #5e9211; 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: #f8f7e4; color: #0f2040!important; padding: 8px 16px 8px; border-radius: 20px;}
.botonesDos{background: #5e9211; 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{ color:#d2d2d2}
#login p b{color:#e4acac}
#login h2{text-align:center; line-height:30px;}
.loginDescrip{padding:10px 40px!important; display: block; margin:0 auto; text-align:center; }
.loginDescrip strong{color: #e4acac;}
.loginDescrip li{text-align: left;
    line-height: 20px;
    font-family: 'Montserrat';
    text-transform: capitalize;
    font-size: .85rem;
    list-style: disc;
    padding: 6px 4px;
    width: 437px;
    margin: 0 auto;
    font-weight: 400; color: #d2d2d2}

@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;
		padding: 16px 8px;
		font-weight: bold;
		font-size: 2rem;
		    color: #5e9211;
		}
	.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}
    
#slider{display:block}
#slider img{width:100%}

#personajes-servicios {
    padding: 0px 0px 40px;
    float: left;
    width: 100%;
}
#marco-servicios{
    display: block;
    width: 100%;
    margin:0px auto;
    background:#102040;
    padding:4rem 6rem 0;
}
#marco-servicios-membresias {
    display: block;
    width: 100%;
    background:#191a26;
    padding:40px;
    height:570px;
}

#tallerHome {
    display: block;
    width: 1200px;
    border-radius: 20px;
    margin:0px auto;
    padding:0;
}
#tallerHome .cincuenta img{width:45%; margin:20px 1%; float:left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
#tallerHome .cincuenta strong{display:block; margin:40px 0 10px; font-size:1.25rem}
#tallerHome h1{font-size: 2.6rem; color: #0f2040; font-weight: 100; letter-spacing: -.5px; line-height: 70px}
#tallerImagen img{width:450px; float:right}
.botonAnimado {margin-top: 40px; display: block; background: #f8f6e3; width: 50%; padding: 15px 20px 13px;  border-radius: 11px; letter-spacing:0px; line-height: 31px; transition: width 0.3s ease; text-decoration: none; cursor: pointer; color: #e7e4e4; font-weight: 400; border: none;}
.botonAnimado:hover{background: #b13996!important; text-shadow: 1px 1px 34px #7b5a17!important; color: #fff!important; box-shadow: 0px 0px 20px #999!important; -moz-box-shadow: 0px 0px 20px #999!important;  -webkit-box-shadow: 0px 0px 20px #999!important;  width:51%}
.botonAnimado img{ float:left!important; margin-right:10px;}
.botonAnimado:hover img { margin-right: 15px!important;  margin-left: 5px;}

.treintaTres {
    width: 30%;
    float: left;
    margin: 0 1.5%;
    padding: 20px 20px 0 20px;
}
#isotipoServicios {
    width: 60px;
    margin-top: 8px;
}
#marco-servicios h1 {
    margin-top: 205px;
    font-size: 1.6rem;
    color:#E67A21;
}
.sesentaSeis {
    width: 66%;
    float: left;
}
#marco-servicios h3 {
    font-size: 2.6rem;
    font-weight: 200;
    color:#f8f6e3;
    line-height:60px;
}
#marco-servicios p, #marco-servicios-membresia p, #marco-servicios-cursos p{color:#f8f6e3; }
.bold {
    font-weight: 800!important;
}
#marco-servicios h4, #marco-servicios-membresia h4, #marco-servicios-cursosh4 {
    margin-bottom: 40px;
    margin-top: 21px;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #E67A21;
}
#slick-carousel {
    float: left;
    width: 70%;  /* Asegúrate de que el contenedor ocupe todo el ancho disponible */
    margin-top: 20px;
    padding: 2%;
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos se ajusten a la siguiente fila */
}
#marco-servicios-membresias ul {
    float: left;
    width: 100%;  /* Asegúrate de que el contenedor ocupe todo el ancho disponible */
    margin-top: 20px;
    padding: 2%;
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos se ajusten a la siguiente fila */
}


#marco-servicios .slick-slide{
    padding: 40px 30px !important;
    position: relative;
    background: #fff;
    width: calc(50% - 20px);  /* Ajuste para asegurar que se muestren 2 elementos por fila y no se sobrepongan */
    margin: 0 10px 20px;  /* Espaciado entre los elementos (márgenes izquierdo, derecho y inferior) */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: space-between;
    height: 400px;
}
#marco-servicios h2, #marco-servicios-membresias h2, #marco-servicios-cursos h2{
	margin-bottom: 20px;
	color: #fff;
	width:80%;
}
#marco-servicios ul h2, #marco-servicios-membresias ul h2{width:80%; font-size: 1.3rem; line-height: 30px;}


#firstChild{
    background: #716a62;
    float: left;
    width: 30%;
    margin-top: 40px;
    height: 400px;
    padding: 40px 30px ;
}

#firstChild strong {
    color: #fff;
    display: block;
    margin-top: 114px;
    font-size: .65rem;
    text-transform: uppercase;
}
#firstChild h2 {
    color: #fff;
    display: block;
    margin-bottom: 20px;
    line-height: 37px;
}
#firstChild p {
    color: #ffffff;
    display: block;
}
#marco-servicios ul li p, #marco-servicios-membresias ul li p {
    font-size: .85rem;
    font-weight: 200;
    margin-bottom:6px;
    color: #fff;
    line-height:20px;
    height: 185px;
    width: 92%;
}
#marco-servicios ul li strong, #marco-servicios-membresias ul li strong {
    color: #ffff;
    font-weight: 700;
    padding-top: 10px;
    display: block;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-size: .55rem;
    text-transform: uppercase;
}
.textDecor {
    padding: 12rem 6rem 0rem;
    float: left;
    width: 100%;
    text-align:center;
}
.textDecor em{    
	font-size: 3.25rem;
    font-weight: 600!important;
    width: 950px;
    margin: 0 auto;
    display: block;
    line-height: 3.7rem;
    margin-bottom:1.25rem;
    }
.videoTexto {
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 200;
    color: #2e2f37;
    letter-spacing: 0.5px;
    font-family: Helvetica\ Neue,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont;
    font-size: 1.05rem;
}
.videoTextoPrecios {
    padding: 10px 40px;
    display: block;
    text-align: center;
    font-weight: 200;
    color: #2e2f37;
    letter-spacing: 0.5px;
    font-family: Helvetica\ Neue,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont;
    font-size: .95rem;
    margin:0 auto;
    line-height: 28px;
}
.videoTextoPrecios b{font-weight:800; color:#5e9211}

#personajes {
    padding: 4rem 3rem;
    background: #132d4e;
    float: left;
    width: 100%;
}
.subtitle{padding:0 12rem; margin-bottom:4rem!important}
#marcoTwo {
    background: #deddd6;
    float: left;
    width: 100%;
    border-radius: 20px;
    padding: 80px 40px 40px;
    margin-bottom: 40px;
    border: 1px solid #cfcec3;}
.headingTwo {
    margin-top: 90px;
}
#box {
    width: 100%;
}
#box ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    list-style: none;
    padding:0 20px;
    margin: 0;
}
#box ul:first-child li:first-child {
    background: #142c4e;
    color: #fff;
    -webkit-border-radius: 20px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 20px;
    -moz-border-radius-bottom-right: 0;
    border-radius: 20px;
    border-bottom-right-radius: 0;
}
#box ul li {
    padding: 30px;
    text-align: left;
    min-height: 200px;
    flex-direction: column;
    justify-content: center;
}
#box ul li:hover{cursor:pointer}
#personajes .arima {
    color: #e1d3c0;
    font-weight: 400;
}
#personajes h3{text-align: center;
    font-size: 3.25rem;
    color: #f8f7e4;
    font-weight: 500;
    padding-top: 20px;
    line-height: 60px; margin-bottom: .25rem}
#personajes p{color: #f8f7e4; line-height:32px; font-size:1.1rem; margin-bottom:40px; }
#box ul li strong {
    font-size: .8em;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 30px;
    display: block;
}
#box ul li:nth-child(2) h1{color:#132d4e; line-height: 36px;}
#box ul li:nth-child(2) strong{color:#6b6757;}
#box ul li:nth-child(3) h1{color:#132d4e; line-height: 36px;}
#box ul li:nth-child(3) strong{color:#6b6757;}
.headingTwo h1 {
    line-height: 34px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .7px;
}
#box ul li:first-child p {
    color: #fff;
}
#box ul li p {
    font-weight: 200;
    color: #6b6757;
    margin-top:30px;
}
.sesentaCinco {
    width: 64%;
    float: left;
    padding: 0 0 0 1%;
}
.treintaCinco {
    width: 35%;
    float: left;
}
#raulitoTalleres img{width:100%}
#box ul li:nth-child(4) {
    background: #132d4e;
    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-top-left: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
}
#box ul li:nth-child(3), #box ul li:nth-child(4) {
    color: #fff!important;
}
#box ul li:nth-child(4) p {
    color: #b8b7b7;
}
#box ul li:nth-child(2) {
    color: #fff!important;
    -webkit-border-radius: 20px; 
    -webkit-border-bottom-right-radius: 0;

    -moz-border-radius: 20px;
    -moz-border-radius-bottom-right: 0;
    border-radius: 20px;
    border-bottom-left-radius: 0;
}
#box ul li:nth-child(3) {
    color: #fff;
    -webkit-border-radius: 20px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 20px;
    -moz-border-radius-bottom-right: 0;
    border-radius: 20px;
    border-top-right-radius: 0;
}
.especial {
    display: block;
    font-size: 0.65rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #ccc;
    line-height: 44px;
    margin-bottom: 10px;
}
#marco-servicios-membresias h3, #marco-servicios-cursos h3 {
    font-size: 2rem;
    letter-spacing: 2px;
    color: #e1d3c0;
    font-weight:100;
    display: block;
    line-height: 40px;
    margin-bottom:10px
}
#marco-servicios-cursos strong{color: #e1d3c0; margin:20px 0 10px; float:left; width:100%;}
#marco-servicios-membresias h4, #marco-servicios-cursos h4 {
    font-weight: 200;
    color: #dddcdc;
    line-height: 24px;
    display: block;
    font-size: 1rem;
}


#contenedor{
    float: left;
    width: 100%;
    padding: 80px 160px 40px;
    color: #2e2f37;
    background: #fff;
}
.contenedor {
    float: left;
    width: 100%;
    padding: 40px 80px 20px;
    color: #2e2f37;
    background: #272836;
}
#contenedor h1, .contenedor h1 {
    display: block;
    text-align: center;
    margin: 0px auto 0;
    font-weight: 100;
    font-size: 2.6rem;
    line-height: 42px;
    letter-spacing: 0px;
    width: 100%;
    color: #5e9211;
    font-weight: 800;
    width: 700px;
}
#contenedor h2, .contenedor h2 {
    display: block;
    text-align: center;
    margin: 0px auto 10px;
    font-weight: 200;
    font-size: 1.1rem;
    line-height: 24px;
    letter-spacing: .5px;
    width: 100%;
    margin-top: 10px;
}
#contenedor h3, .contenedor h3 {
    background: #5e9211;
    width: 295px;
    text-align: center;
    margin: 0 auto;
    font-size: 0.8rem;
    color: #fff;
    letter-spacing: 0.2px;
    padding: 5px;
    line-height: 24px;
    margin-top: 20px;
    text-transform: uppercase;
    border-radius: 20px;
}
#video img {
    width: 100%;
    border: 1px solid #ede9ea;
    padding: 2px;
    cursor: pointer;
}
#video {
    width: 640px;
    display: block;
    margin: 20px auto;
}
#video video {
    border: 1px solid #e1a706;
    padding: 2px;
}

#video h4, #promocional h4 {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
}



#nuestrosServicios {
    width: 100%;
    padding: 80px 100px;
    float:left;
}

#nuestrosServicios ul {
    column-count: 3; /* Puedes ajustar esto o usar media queries */
    column-gap: 16px;
    padding: 0;
    margin: 40px 0;
    list-style: none;
}

#nuestrosServicios li {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    background-color: #2a2a39;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}


#nuestrosServicios li p {
    text-align: left;
    width: 100%;
    font-weight: 400;
    color: #888;
    padding: 30px 0px;
    flex-grow: 1; /* Permite que el contenido crezca, pero sin definir altura fija */
}

#nuestrosServicios li dt {
    float: left;
    width: 100%;
    margin-top: 20px;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: .9rem;
}
#nuestrosServicios h2 {
    font-size: 7.5rem;
    font-weight: bold;
    letter-spacing: -4px!important;
    display: block;
    text-align: right;
    padding-right: 40px;
    color: #f5f5f5;
}
.estiloVideos{color:#fff; float:left; width:100%}
#nuestrosServicios p {
    width: 75%;
    text-align: right;
    float: right;
    color: #d2d2d2;
    padding: 20px 60px 0px 0;
    display: block;
}
#nuestrosServicios li dd {
    text-align: left;
    width: 100%;
    font-weight: 400;
    color: #c9c9c9;
    padding: 4px 0px;
    font-size: .8rem;
   line-height: 20px;
}
#nuestrosServicios li  strong{color: #e1d3c0; font-weight: 400; text-transform: uppercase; font-size:.9rem}
#nuestrosServicios li em {
    display: block;
    font-size:.85rem;
    font-weight: 200;
    padding: 10px 0;
    color: #c6c6c6;
    line-height: 20px;
}
#nuestrosServicios li  span{    background: #736162;
    color: #fff;
    text-transform: uppercase;
    font-size: .65rem;
    padding: 5px 10px;
    margin-top: 10px;
    display: block;
    width: 130px;
    border-radius: 10px;}
.tache{text-decoration: line-through}

#marco-servicios-cursos {
    display: block;
    width: 100%;
    background:#191a26;
    padding:40px 80px;
}

#cursos-page .inner-container{float:left; width:23%; margin:0 1% 0 1%;}
#cursos-page p{color:#fff; margin-top: 10px;}
.boxCursosLeft img{width:100%;}
#cursos-page h4 {font-weight: 200; color: #dddcdc; line-height: 24px; display: block; font-size: 1rem; margin-bottom:40px;}


.curso-descripcion{font-size:.95rem;}
#cursos-page .inner-container {padding:40px 0}
#cursos-page .boxCursosLeft{width:100%; float:left; margin-top:40px;}
#cursos-page .boxCursosRight{width:73%; float:left; padding:0 0 0 5%; color: #fff;}
#cursos-page .boxCursosRight h2{font-weight: 100;}

#cursos-page .curso-descripcion h1{font-size: .8rem; display: block; margin-bottom: 15px; text-transform: uppercase;  color: #e1d3c0;}
#cursos-page .curso-descripcion h2{display: block; margin-top: 13px; font-size: 1.2rem;  color: #dea8a9;}
#cursos-page .curso-descripcion p{display: block; padding: 7px 0; line-height: 26px; font-weight: 100;}
#cursos-page .curso-descripcion ul li{display: block; padding: 4px 0; line-height: 23px; font-size:.85rem }
#cursos-page .curso-descripcion ul li b{display:block}
#cursos-page .curso-descripcion ol li{display: block; padding: 4px 0; line-height: 27px; }
#cursos-page .curso-descripcion ol li b{background: #736162; color: #fff; padding: 5px 16px; font-size: .8rem; border-radius: 10px;}
.boxCursosRight .botonAnimado{width:38%; transition: width 0.3s ease;}
.boxCursosRight .botonAnimado:hover{background: #b13996!important;
    text-shadow: 1px 1px 34px #7b5a17!important;
    color: #fff!important;
    box-shadow: 0px 0px 20px #999!important;
    -moz-box-shadow: 0px 0px 20px #999!important;
    -webkit-box-shadow: 0px 0px 20px #999!important;
    padding: 15px 35px 13px 20px!important;
    width: 40%;}
    

@keyframes parpadeo {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

#menuNavegacion li a span {
    position: absolute;
    top:8px;
    right: 0px;
    border-radius: 10px;
    background: #ffd909;
    width:6px;
    height:6px;
    animation: parpadeo 1s infinite;
}

#talleres-page .treinta{ margin: 0;;}
#talleres-page .cien{ padding: 40px; background: #191a26;  border-radius: 20px;  color: #fff}
#estructuraEvento h5, #estructuraEvento li{font-size: .9rem!important}
#estructuraEvento ul{float: left; width: 100%; float: left; padding: 0 0 18px 0; border-bottom: 1px dashed #666; margin-bottom: 28px;}
#tallerHome h2{font-size: 1.5rem; padding:0 0 0 0; float:left; width:100%; color: #E67A21; font-weight:100}
#tallerHome h2:nth-of-type(2), #tallerHome h2:nth-of-type(3) {padding: 20px 0 10px 0 !important;}
#tallerHome  p{padding:0 0 10px; font-size:.9rem}
#tallerHome li{font-size:.9rem; line-height:22px; padding: 0 0 10px 0; font-family: 'Raleway', sans-serif;}
#tallerHome li b{color: #5e9211; font-weight: 600; float: left; width: auto; line-height: 22px; margin-right: 6px;}
#tallerHome b{color: #5e9211; font-weight: 600; float:left; width:100%;}
#estructuraEvento li h4{color: #e1d3c0; font-weight: 400; text-transform: uppercase; font-size: .8rem; line-height:22px;}
#estructuraEvento li strong{display: block; text-transform: uppercase; font-weight: 400; padding: 10px 0 5px 0; font-size: .7rem;}
#estructuraEvento li i{background: #736162; color: #fff; text-transform: uppercase; font-size: .65rem; padding: 5px 10px; margin-top: 10px; display: block; width: 160px; border-radius: 10px;}
#estructuraEvento h2{font-size: 5.5rem; font-weight: bold; letter-spacing: -2px!important; display: block; text-align: center; padding-right: 40px; color: #f5f5f5; line-height: normal; margin:40px 0 0px 0}
#estructuraEvento li h5 span{font-weight: 500; color: #e1d3c0; line-height:24px;}
#estructuraEvento li h5{display: block; margin-bottom: 10px; line-height:24px;}
#estructuraEvento ol li{list-style: disc; margin-left: 19px;  line-height: 23px;}
#participantes img{float:left; width:48%; margin-right:1%;}
#participantesContent strong{font-size:1.1rem; color:#fff; font-weight: 400}
#participantesContent p{font-weight: 200; color: #ccc; margin-top: 20px;}
#observaciones h4{text-align:center; margin-top: 10px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 5px; color: #e1d3c0; font-family:'Montserrat', sans-serif; font-weight: 400}
#observaciones p{text-align: center; color: #d2d2d2; padding: 20px 60px 0px 0; display: block; }
.descEst{ text-align: center;  color: #d2d2d2; padding:10px 0px 0px 0; display: block;}

#tallerImagenTwo{float:left; width:33%}
#tallerImagenTwo img{width:100%}
.boxTaller{float:left; width:66%; padding-right:2%;}
.boxTaller ul{float:left; width:100%;}
#incluye li{float: left; width: 100%; padding: 0px;  list-style: disc;  margin-left: 20px; line-height:24px }
#reservar span{float:left; width:100%; line-height: 30px; font-size: 1.1rem; letter-spacing: 0px;  font-family: 'Raleway';}
#talleres-page .setenta{margin:0 0 0 1.5%;}

.bck-white{background:#fff; padding: 0 70px; display:block}
#wrapPagos {
    display: block;
    margin-top: 165px;
    
    position: relative;
}
#contacto-page{background:#f8f6e3}
#contacto-template-dos {
    background: #f8f6e3;
    position: absolute;
    height: 480px;
    top: 0px;
    left: 0px;
    -webkit-border-bottom-left-radius: 110px;
    -moz-border-radius-bottomleft: 110px;
    border-bottom-left-radius: 110px;
    width: 100%;
    z-index: 9;
}
.boxes {
    margin-bottom: 40px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}
.treintaContacto {
    float: left;
    width: 45%;
    margin-right: 5%;}
.infoContactTwo h2 {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 40px 0 20px;
    letter-spacing: .5px;
}
.infoContactTwo p {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 100;
    margin-bottom: 20px;
    line-height: 38px;
    text-align: left;
}
.infoContactTwo em {
    color: #e1d3c0;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 40px;
    display: block;
}
.botonAmarilloBlock {
display: block;
    background: #5e9211;
    padding: 13px 20px 12px;
    color: #fff;
    font-weight: 400;
    border-radius: 11px;
    letter-spacing: .5px;
    line-height: 30px;
    transition: background 0.4s ease;
    width:90%;
    margin-top: 20px;
}
.botonAmarillo img, .botonesSide img, .botonAmarilloBlock img {
    float: left!important;
    margin-right: 10px!important;
}
#specialInfo {
    display: block;
    margin-top: 145px;
}
#specialInfo h3 {
    display: block;
    color: #5e9211;
    font-size: 1.8rem;
    font-weight: 200;
    padding:20px 0
}
#specialInfo p {
    font-size: 1rem;
    letter-spacing: 0px;
    font-weight: 400;
    color: #abaaa8;
    margin-bottom: 0px;
    line-height: 27px;
    display: block;
}
.cincuentaFormCincuenta {
    float: left;
    width: 50%;
    padding: 35px;
    background: #fff;
    box-shadow: 0px 0px 17px #013a4440;
    -moz-box-shadow: 0px 0px 17px #013a4440;
    -webkit-box-shadow: 0px 0px 17px #013a4440;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#contactoForm {
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #333;
}

#contactoForm p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 24px;
    color: #bab6b6;
}
.cincuentaFormCincuenta h2 {
    color: #5e9211;
    font-weight: 200;
    font-size: 2rem;
    margin-bottom: 10px;
}
.cincuentaFormCincuenta label {
    font-size: 0.7rem;
    margin-top: 7px;
    display: block;
    letter-spacing: 0px;
    padding-left: 6px;
    color: #a1a4a3;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}
.cincuentaForm .inp, .cincuentaFormCien .inp, .cincuentaFormCincuenta .inp {
    border: 1px solid #ccc;
    padding: 0px 10px;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    margin-top: 6px;
    margin-bottom: 10px;
    background: #f9f9f9;
}
.cienFormTwo {
    width: 100%;
    padding: 0 10px 0 0;
}
.cienForm textarea, .cienFormTwo textarea {
    float: left;
    height: 205px;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px;
    font-family: Helvetica\ Neue,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont;
    letter-spacing: 1px;
}
#submitTwo {
    background: #5e9211!important;
    color: #fff;
    border: none;
    float: left;
    width: 98.5%;
    height: 53px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


#registrate-page .wrapper{padding:0 6% 80px 6%; background: #ffffff;}
#registrate-page #video img {
    width: 100%;
    padding: 0;
    border: none!important;
    cursor: pointer;
}
#registrate-page #video{margin:0!important; width:100%;}
.wrapV3{display:block; width:920px; display:block; margin:45px auto 0; color: #fff;}
.wrapV3 .subTwo {
    margin: 0px auto!important;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    background: #5e9211;
    width: 386px;
    font-weight: 400;
}
.subtituloV3 {
    font-size: 1.4rem;
    display: block;
    width: 100%;
    text-align: center;
    color: #494949;
    margin: 16px auto 45px;
    line-height: 1.9rem;
}
#wrapFlex{display:flex}
#login, .logRight{flex:1;}
.subtituloV4 {
    font-size: 1.4rem;
    display: block;
    width: 100%!important;
    text-align: center!important;
    margin: 0 auto;
    line-height: 1.9rem;
    padding:20px 0 0!important;
}
#example3-card-number {
    border: 1px solid #dedddd!important;
    background: #fff;
}
#login em{color: #e4acac;  font-size: .85rem;}
.descuento{text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    color: #e4acac;
    font-weight: bold;}

    
.mobile{display: none!important}
.notMobile{display: block}

.slick-dots li button {
	width: 10px!important;
	height:10px!important;
    border-radius: 100px!important;
}
.slick-active button{background:#d1d0d0!important}


#registro_taller-page{background:#fff}
#registroHeader {
    height: 46px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
        float: left;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0px;
    background: #5e9211;
    z-index: 99999999999;
}
#registroHeader strong {
    width: 380px;
    display: block;
    margin: 0 auto;
    font-size: .8rem;
}
#registroHeader strong em {
    float: left;
    padding: 6px 15px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
}
#registroHeader strong img {
    width: 26px;
    float: left;
}
#wrapRegistro {
    display: block;
    margin-top: 100px;
    margin: 60px auto 100px;
    width: 500px;
    padding-bottom: 40px;
}
#wrapRegistro p{
    font-weight: 400;
    font-size: .9rem;
    line-height: 24px;
    color: #10111c!important;
}
.wrapInicioForm {
    padding: 0 0 0 20px;
    display: block;
}
.imgInicio {
    width: 100%;
    margin-top: 20px;
}
#InicioForm h1, .step h2 {
    font-size: 1.4rem;
    font-weight: 200;
    line-height: 40px;
    padding: 20px 0 0px;
    display: block;
    color: #5e9211;
}
#InicioForm ul {
    list-style: none;
    padding: 0;
}
#InicioForm ul {
    text-align: left;
    width: 100%;
    display: block;
    margin: 20px 0 30px;
    background: url(../graphics/bckUl.png) 15px 8px repeat-y;
}
#InicioForm ul li {
    padding: 13px 0 0;
    font-weight: 400;
    height: 44px;
    line-height: 34px;
    font-size: .9rem;
}
#InicioForm ul li span {
    font-weight: bold;
    color: #fff;
    background: #5e9211;
    width: 32px;
    float: left;
    border-radius: 40px;
    height: 32px;
    padding: 7px 9px;
    margin-right: 16px;
    text-align: center;
}
#stripe-form label, #tar label, .registroForm label {
    color: #5e9211;
    font-weight: 500;
    line-height: 25px;
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    padding: 4px 0 7px 5px;
}
.registroForm .inp {
    display: block;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 56px;
    border: 1px solid #dedddd;
    padding: 10px 15px;
    color: #3a3a3a;
    font-size: 1.1rem;
}
.registroForm select {
    float: left;
    width: 100%;
    height: 56px;
    padding: 4px;
    border-radius: 4px 15px;
    border: 1px solid #ccc;
    color: #777;
    font-size: 1.1rem;
    cursor: pointer;
    margin-bottom: 15px;
}
.treintaForm {
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-top: 10px;
}
.sesentaForm {
    float: left;
    width: 67%;
    margin-top: 10px;
}
.botonGris {
    display: block;
    cursor: pointer;
    background: #e9e9e9!important;
    color: #89a0a4!important;
    padding: 13px 20px 10px!important;
    font-weight: 400!important;
    border-radius: 7px!important;
    letter-spacing: .5px!important;
    line-height: 29px!important;
    transition: background 0.4s ease;
    border: none;
    width: 100%;
    margin: 10px 0!important;
    border: none;
}


.botonRegistro img{float:left;}
.botonRegistro {margin-top:10px; display: block; background: #5e9211; width: 98%; padding: 10px 20px 10px;  border-radius: 11px; letter-spacing:0px; line-height: 31px; transition: width 0.3s ease; text-decoration: none; cursor: pointer; color: #e7e4e4; font-weight: 400; border: none;}
.botonRegistro:hover{background: #b13996!important; text-shadow: 1px 1px 34px #7b5a17!important; color: #fff!important;  width:100%}