/*---------------- 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;}
.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; background:#f8f7f3}
.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}
#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%;}
#reg{background:#fff}
#resultado{color: #c30; font-weight: 600; letter-spacing: -.3px; text-align: left; padding: 6px 0 0 2px;}
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;  }


#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:1.1em}
#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: "Archivo Black", sans-serif;}
#mainTit h1{font-family: 'Montserrat'; font-weight: 600; font-size: 2.6em;}

/*---------------- Menu  ------------------*/
#avisos{float: left; width: 100%; text-align: center; margin-top: 20px;}
.texto{float:left; width:100%; font-family: 'Montserrat';  }
.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:26px; padding-top:0px; transition:all 500ms cubic-bezier(1,0,0.645,0.65);right:20px; 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, #stripe-form 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, #stripe-form .inp{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:185px; 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:25px 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%; margin-right:250px}
#menuContacto img{margin-top:2px}
#menuContacto a{color: #fff; font-weight: 500; font-size: 1.1em; padding: 15px 14px 12px; transition: border-bottom 0.3s ease; text-decoration: none; border-bottom: 2px solid #eaa34a00; } 
#menuContacto a:hover, #menuNavegacion a:hover{color:#fff; border-bottom: 2px solid #eaa34a;}
#menuContacto li{padding: 0px; height: 32px; font-size: .8em; margin-bottom: 7px; font-weight: bold; font-family: arial; border-bottom: 2px solid #fff;  font-family: 'Montserrat'!important;}
#socialIcons a{padding:0 4px}
#menuNavegacion li{font-size:.65em;  font-family: 'Montserrat'!important;}
#menuNavegacion li a{float: left; padding:14px 21px 14px 5px; transition: border-color 0.4s, padding 0.4s; font-family: 'Raleway', sans-serif; font-weight:600; font-size:1.1em; border-bottom:none!important}
.active{border-bottom:2px solid #eaa34a!important; }
#redessociales{position: absolute; right: 0px; padding-right: 40px; width:290px;}
#redessociales li{float:left; padding:0 0 0 10px}
#micarrito{position:relative; float:left!important; width:187px; margin-top:8px}
#micarrito a{background: #fcb858; float: left; width: 169px; color: #fff; padding:8px 22px; text-align: center; border-radius: 4px; line-height: 21px;  text-transform: uppercase; font-size: .8em; font-weight: 500;}
#micarrito a:hover{background:#f8a63f}
#micarrito img{width: 22px; float: right;}
#micarrito span{background:#c30; color: #fff; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; position: absolute; top:-7px; right:-7px; padding:6px; font-weight:600; font-size:.9em; padding:4px 0; text-align:center; width:26px; height:26px;}
#lenguage{border-right:1px solid #fff;}
#lenguage a{float: left; font-size: .8em; font-weight: 600; margin-left: 34px; margin-bottom: 4px; }
#lenguage img{float: left; margin-right: 8px; padding: 0px 0px 0 10px; width: 24px;}
#lenguage span{float:left}
#instagram img{float:left;}
#facebook img{float:left;}

/*---------------- 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:200px; margin:5px 0 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%}
#contactoSlider strong{color: #fff; font-size: 2.4em; font-weight: 800;}
#contactoSlider em{font-size:.9em; color:#fff; padding-right:40px; }
 #nuestros_productos-page strong,  #our_products-page strong,  #granel-page strong,  #bulk-page strong{font-weight: 600; color:#fff}
#nuestros_productos-page em, #our_products-page em, #granel-page em, #bulk-page em{font-size:.9em; color:#fff; width:700px}

/*---------------- 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: #da33b2;}


.cincuenta{width:50%; float:left; padding:0 3%}
.cincuentaDestinos{width:50%; float:left; padding:0 30px 50px}
.cincuentaDestinosLeft{width:50%; float:left; padding:0 0px 50px 30px}
.cincuentaDestinos img{width:100%}
.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%}
.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:200; float: left; width: 100%;  float: left; width: 100%;}
.fifty p{font-size: .95em; width: 100%;  float: left; width: 100%; text-align: justify;}
.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: 230px; }



/*---------------- 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  ------------------*/
.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 a{margin-top:20px;}
#important a:hover{background:#cd3d42}
.important{background: #f8f7f3; float: left; padding:40px 40px; color:#0a2e34; width:100% }
.importantFlex{float:left; justify-content: center;  align-items: center;  width:100%; padding:40px 0 60px }
.importantTres{background: #fff; float: left; padding:10px 40px; color:#0a2e34; width:100% }
.importantdos{float: left; padding:0px; color:#0a2e34; width:100% }
.important span{display: block; width: 200px; border-top: 2px solid #fcb050; margin: 30px auto 0;}
.important span img{float:left; margin-right:20px; width:10%;}
.important span p{float:left; width:85%;}
.important h2{font-size: 1.3em; margin-bottom: 14px; font-weight: 200;  padding-bottom: 11px; letter-spacing: .1px; }
.important h1{font-size:1.8em; font-weight:800; padding-bottom: 11px; text-transform: uppercase; color:#333; letter-spacing: .1px; line-height:40px}
.important em{background: #da33b2; color: #fff; padding: 6px 8px; font-size: .5em; border-radius: 4px; float: left; width:17%; text-align: center; margin:4px 20px 20px 0}
.important p{display: block; width:100%; text-align:center; font-weight:400}
.important a{padding: 18px 23px; border-radius: 6px;  float: left; width: 100%; text-align: center; font-size: .75em; background: #b41c22; 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: 2px; border: 1px solid #e3e2e0}
.imagenImportantDos{width: 100%;}
#boxImagen{background: url("../graphics/promotres.png") center bottom; background-size: cover }
.gray{background:#f8fbff}
.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:60px 0!important}
.treinta{width: 22%; 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}
#terceraSeccion h1{display: block;  font-size: 2em; color:#E49632; text-align:center; margin-top:40px;}
#terceraSeccion p{text-align:center; font-weight:400; display:block}
#terceraSeccion h1 span{display: block; width:100%; font-size: 2.5em; line-height: 66px; letter-spacing: -.15px}
#terceraSeccion h2{display: block; padding:20px 0; font-size:.83em; text-transform: uppercase; color: #000; text-align:center;}

#cuartaSeccion h3{text-align:center; font-size:2em; letter-spacing:-.2px; font-weight:200; margin-top:20px}
#cuartaSeccion h4{text-align:center; font-size:1,1em; font-weight:400; letter-spacing:-.2px; text-transform: uppercase; color: #da33b2; 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:#333; float:left; width:100%; line-height: 21px; font-weight: 500; font-size: .9em; padding: 0px 0px 5px;  letter-spacing: -.1px;}
.destino{font-size:.6em; color:#da33b2; padding:0 0px 10px 0px; text-transform: uppercase; float:left; width:100%; font-weight:500;}
.imagenExperiencia{float:left; width:100%; height:165px; }
.imagenBorder{float:left; width:100%; padding:2px; border:1px solid #ccc; margin-bottom:10px; }

.price{float: left;
    width: 100%;
    color: #b10f1d;
    padding: 6px 0px;
    font-size: 1em;
    margin-bottom: 6px;
    font-weight: 800;}
.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: 18px;}
.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:90%; background:#da33b2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:3px 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:160px; 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}

.diez{float:left; width:11%; padding-left:10px}
.noventa{float:left; width:88%; padding-left:10px}
.veintiDos{width:24%; margin:.5%; font-size:1.1em;  border:1px solid #eee; background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; }
.veintiDos:hover{box-shadow: 1px 2px 16px #ccc; -webkit-box-shadow: 1px 2px 16px #ccc; -moz-box-shadow: 1px 2px 16px #ccc;}
.veintiDos a{float:left; width:100%;}
.veintiDos b{font-size:.9em; font-weight:600; margin-right:4px; letter-spacing:0px;  color:#333; line-height: 1.8em;}
.veintiDos i{font-style: normal; font-size:.7em; font-weight:400; float:left; width:100%; margin:10px 0 10px; color:#333}
.veintiDos h3{font-size:.9em; margin: 10px 0; color: #333; font-weight: 600; text-transform: uppercase; letter-spacing: -.1px; line-height: 25px; float:left; width:100%}
.veintiDos p{float: left; width: 100%; color:#333}
.veintiDos .pad{padding:0 15px; float:left; width:100%}

#lineBorder{float:left; width:100px; background: #dbb8c4; margin:10px 0 13px}
#lineBorder em{float:left; width:20px; background:#d0688d; 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; margin-top:6px; float:left; width:100%; color:#333; font-weight:200; font-size:.8em;}
#inclusiones{font-size:1em; text-transform: uppercase; margin-top:6px; float:left; width:100%; color:#333; 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:60px 70px 20px; color: #333; float:left; width:100%}
.heading h1{color: #fcb858; 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: #da33b2; margin-bottom: 20px; float: left; width: 100%; line-height: 1.8em;}
#destinos-view h2, .destinos-view h2{float:left; width:100%; color:#333; line-height:40px;}
#destinos-view h3, .destinos-view h3{float: left; width: 100%; font-size: 1em; font-weight: 600; margin-top: 10px; margin-bottom: 10px;}
#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;}

.bckUno{background: url("../graphics/bck-molino.png") center bottom; background-size: 100%}
.imageOnehundred img{width:88%; padding:40px}
#imagenTop{float:left; width:100%;}
#imagenTop img{width:100%}

/*---------------- Tienda en linea  ------------------*/
#tiendaenlinea{background:#fff; float:left; width:100%;  padding:40px 80px;}
#tiendaenlinea h1{color: #e49632; font-size: 2em;}
#tiendaenlinea .cuarenta img{border: none!important}
#tiendaenlinea strong{color: #e6a046; font-size: .8em;  FONT-WEIGHT: 600; text-transform: uppercase; line-height: 20px; min-height: 40px; display: block;}
#tiendaenlinea b{color: #e6a046; font-size: 1.8em;  FONT-WEIGHT: 600; text-transform: uppercase; line-height: 20px; display: block; margin-bottom: .75rem}
#tiendaenlinea h3{display: block; font-size: 1.8em; color: #E49632; margin-top: 40px;  display: block; margin: 40px auto 10px; font-weight: 700; font-family: 'Raleway', sans-serif;}
#tiendaenlinea button img{width:18px; float:left}
#descriptivoProducto fieldset{display:block; width:100%; padding:10px 0}
#descriptivoProducto label{float: left;
    width: 78px;
    padding: 10px 0;
    color: #505050;
    font-size: .9em;
}
#descriptivoProducto select{width: 350px;
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;}
#descriptivoProducto .inp{width: 52px;
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align: center;}
#descriptivoProducto em{font-size: .65em;
    color: #111;
    text-transform: uppercase;
    display: block;
    width: 325px;
    padding: 5px 10px;
    background: #e8e9e9;
    margin-bottom: 10px;
    border-radius: 10px;
    font-weight: 600;}
#tiendaenlinea button{background: #F3C259; padding: 8px 10px; color: #fff; font-size: 14px; font-weight: bold; border: none; border-radius: 4px; width: 210px; text-align: center; margin-top:20px}
#tiendaenlinea .bold{font-size: 1.4em; color: #ac8d67; display: block; margin: 0 0 10px;}
#tiendaenlinea .parrafo{font-size:.9em; font-weight: 400;  margin:10px auto 20px; color: #949494; }
#listadoProductos{padding:0 0 40px 0; float:left;width: 100%}
#listadoProductos .wrapCarrousel{float:left; width:25%; padding:15px 30px 15px 0;}
#listadoProductos .wrapCarrousel p{float:left; width:100%; padding:10px 0; min-height:117px; font-weight:400; color: #643a3d; font-size: .8rem}
#listadoProductos .carProducto img{width:20px; float:left;}
#listadoProductos .carProducto{background: #fcb858; color: #fff; font-weight: 400; display: block; width: 100%; text-align: center; margin: 20px auto;  padding: 8px 20px; border-radius: 4px;}
#listadoProductos .precio{float: left; width: 100%; font-weight: bold; padding: 9px 0; color: #5ca354; font-size: 1.2em;}
#listadoProductos em{color:#5ca354 }
#listadoProductos select{border: 1px solid #bbb; display: block; width: 100%; height: 33px; padding: 0 10px; border-radius: 5px;}
#descriptivoProducto strong{font-size:1.4em; margin-bottom:10px; display:block}
.productoTienda{width:100%!important; padding:20px; }
.productoTienda p{float:left; width:100%}
.productoTienda strong{float:left; width:100%}
.wrapProducto{float:left; width:100%; margin: 14px 0;}


/*---------------- CARROUSEL PRODUCTOS  ------------------*/
#productos{background:#fff; text-align:center; float:left; width:100%; padding:0 20px;}
#productos h3{    display: block; font-size: 2.8em; color: #E49632; text-align: center; margin-top: 40px; width: 60%; display: block; margin: 40px auto 10px; font-weight: 700; font-family: 'Raleway', sans-serif;}
#productos .bold{font-size: 1.4em; color: #ac8d67; display: block; margin: 0 0 10px;}
#productos .parrafo{font-size: 1.1em; font-weight: 400; width: 800px; margin:0 auto 40px; color: #949494;}
#carrousel {     float: left; width: 100%; padding: 20px 80px 10px 80px; background: #fff;  position: relative; text-align: center;}
.slick-dots{display:none!important}
#sale{    float: left; width: 100%; text-align: center; padding: 0 0 40px 0;}
#sale a{display:block; margin:20px auto 0; width:330px; color:#fff; background:#B41C22; text-align:center; padding:12px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#carrousel div{}
#carrousel div strong{color: #B41C22; text-transform: uppercase; font-size: .8em; line-height: 22px; min-height: 50px!important; float: left;
	width:100%;}
.botonCarrousel{background: #F3C259; color: #fff; font-weight: 600; float:left; width:100%; text-align: center; margin: 10px auto;  padding: 8px 20px; border-radius: 4px;}
.botonCarrousel img{width:20px!important; float:left; display: inherit!important}
#carrousel div .precio{color: #5CA354; font-weight: bold; font-size: 19px; margin-top: 15px; display: block;} 
.producto{width:100%!important; margin:0 auto 10px; float:left}
#carrousel div p{float:left; width:100%; min-height:150px; color:#643a3d; font-weight:500; font-size:.8rem}
#carrousel a{float:left; width:100%}
 
/*---------------- FOOTER  ------------------*/
#copyright{float: left; width: 100%; padding: 10px 80px; text-align: left; font-family: 'Montserrat'; font-size: 10px; font-weight: 400; text-transform: uppercase; color: #fff; letter-spacing: 1px; background: #03422561; border-top: 1px solid #429600; margin-top: 25px;}
#copyright a{margin-right:10px;}
#footerPrimeraSeccion{float:left; width:20%; padding-left:80px;}
#footerPrimeraSeccion ul{float:left; width:100%}
#footerPrimeraSeccion ul a{ border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px; border: 1px solid #fff; padding: 7px; width: 30px!important; height: 30px; float: left;  text-align: center; margin-top: 10px; margin-left: 10px; margin-right: 0px!important; }
footer p{float:left; width:100%; padding: 0 10px; font-family: 'Montserrat'; font-size: .9em; font-weight: 400;}
#primerMenu {float:left; width:53%; padding-left:40px;}
.anchoUno, .anchoDos, .anchoTres, .anchoCuatro {background: url(../graphics/bkc-underscore.png) left 33px no-repeat; padding: 10px 0; background-size: 41px;}
.anchoDos ul{margin-top:20px;}
.anchoDos ul li a{font-size:13px; font-weight:200!important; text-transform: inherit; background: url("../graphics/palomita.png") left center no-repeat; background-size:12px; padding-left:18px; }
.anchoUno{float:left; width:75px;}
.anchoDos{float:left; width:175px;}
.anchoTres{float:left; width:125px;}
.anchoCuatro{float:left; width:149px;}
primerMenu ul li{float:left; width:100%;}
address{float:left; width:24%; margin:0 1%; font-style:normal; color: #fff; letter-spacing: -.1px; padding-right:80px;}
address p{float:left;width:100%; }
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: 1.4em; font-weight: 600; color: #ffffff; padding: 6px 0;}
footer address strong{font-weight: 600; letter-spacing: .4px; font-weight: 400; float:left; width:100%}
#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; }
.telefono{background:url(../graphics/telefono.png) left 4px no-repeat; background-size: 16px; padding-left: 24px; float: left; width: 100%; padding-bottom:10px; font-size:12px;}
.address{ background:url("../graphics/direccion.png") left 3px no-repeat; background-size: 16px; padding-left: 24px; float: left; width: 100%; font-size:12px;}
#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: url("../graphics/footer.png") center bottom; background-size:cover; padding:40px 0px 0px 0px;}
footer ul li{float:left; margin-right:10px;  padding-right: 10px;}
footer ul li a{color:#fff; text-transform: uppercase; font-size: .7em; font-weight:bold}
#logo-footer{float:left; width:200px; }
#logo-footer img{width:100%;}

.sesenta{width:60%; float:left; padding:0 40px 0 0}
.cuarenta{width:40%; float:left;}
.cuarenta img{width: 100%; border: 1px solid #8ad6d4; padding: 2px;}
.wrapper{float:left; width:100%; padding:0 5%; color: #333}

#quienes_somos-page h4, #about_us-page h4, #granel-page h4, #bulk-page h4{font-size:.8em; font-weight:800; color:#fcb858; letter-spacing:0px; display:block; padding-bottom:20px}
#quienes_somos-page h2, #about_us-page h2, #granel-page h2, #bulk-page h2{font-size: 1.9em; line-height: 1.5em; letter-spacing: 0px; font-weight: 200; display: block}
#quienes_somos-page .sesenta strong, #about_us-page .sesenta strong{color:#666; letter-spacing:0px; padding:20px 0; display: block}
#granel-page .sesenta strong, #bulk-page .sesenta strong{color:#666; letter-spacing:0px; padding:20px 0 10px; display: block}
#quienes_somos-page .contactUs, #about_us-page .contactUs, #granel-page .contactUs, #bulk-page .contactUs{background: #c30; 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 #c30 }
#quienes_somos-page .ourProperties, #about_us-page .ourProperties, #granel-page .ourProperties, #bulk-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-left: 60px;}
#contacto-page #picture img, #contact_us-page #picture img{width:90%; border:1px solid #edece8}
#contacto-page form{color:#333}
.cincuentaForm{float:left; width:50%; padding-right:40px;}
.cincuentaForm form .cincuentaForm{padding-right:0px;}
.cincuentaForm p{padding-bottom:20px;}
.cincuentaForm h1{padding-bottom:6px; color:#e49632}
.cincuentaForm label{font-size: .8em; margin-top: 7px; display: block; letter-spacing: 0px; padding-left:6px}
.cincuentaForm .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;}
.pad{padding-right:10px!important;}
.padVeinte{padding:0 20px!important; float: left; width: 100%;}
.padVeinte p{margin-bottom:10px}
#contacto-page .boxes{margin-bottom:40px; float:left; width:100%}
#submit{width:100%; text-align:center; background:#c30; color:#fff; border:1px solid #c30; margin-top:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:41px; font-size:.9em}
#contacto-page{background:#fff}


#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 #739db6; padding:2px;}
.prop img:hover{border: 1px solid #da33b2; 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:#da33b2; 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: #3e3c6e; color: #fff; cursor:pointer; transition: background-color 0.3s, color 0.3s;}
#formInput:hover{background:#da33b2}

#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 #da33b2; 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:#da33b2}
#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: #3e3c6e; 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:#da33b2}
#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:#3e3c6e}
#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{background-size: cover}
.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:20px; float:left; width:100%}
.boxWisywiy ul, .boxWisywiy li{font-size:13.5px; line-height:20px}
.boxWisywiy strong{font-size:14.5px}


@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: #fafafa;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Asegura que los elementos comiencen desde la izquierda */
}

.veintiDos {
    flex: 0 0 22%; /* 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:60px;
}

/* 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;
}