/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400');*/
/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap');*/
/* @import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*{
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
  font-size: 16px;
  background: #ececec;
  /*font-family: 'Source Sans Pro', sans-serif;*/
  /* font-family: 'Quicksand', sans-serif; */
  /* font-family: "Playfair", serif; */
  /* font-family: "Libre Baskerville", serif; */
  font-family: "Lora", serif;
  text-align: center;
  /*background: #0F2027;  /* fallback for old browsers */
  /*background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);   Chrome 10-25, Safari 5.1-6 */
  /*background: l*/inear-gradient(to right, #2C5364, #203A43, #0F2027);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
button, input, select, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
}
.body_contact{
  /* background: #494139; */
  background: #d56240;
/*  background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);*/
/*  background: linear-gradient(to right, #151f3a, #585029, #0e0a30);*/
}
.dnone{
  display: none !important;
}
.show{
  visibility:visible !important;
}
.t_center{
  text-align: center !important;
}
.t_left{
  text-align: left !important;
}
.t_right{
  text-align: right !important;
}
.t_white{
  color: white !important;
}
.t_lg_white{
  color: gainsboro !important;
}
.h_grande{
  font-size: 2em;
  color: white;
}
.rounded-50{
  border-radius: 50%;
}
.link_to{
  display: inline-block;
  color: #c8c8c8;
  margin-left: .5em;
  font-size: 1.3em;
}
.link_to:hover{
  text-decoration: underline;
  color: white;
}
.separador{
  padding: 1em 0;
}
.separador_m{
  padding: .3em 0;
}
.separador_2{
  padding: 2em 0;
}
.separador_3{
  padding: 3em 0;
}
.posFixed{
  position: fixed;
}
.wd_90{
  width: 90%;
  margin: 0 auto;
}
.wd_80{
  width: 80%;
  margin: 0 auto;
}
.wd_95{
  width: 95%;
  margin: 0 auto;
}
.broad{
  display: inline-block;
  vertical-align: text-top;
}
.itme-brd{
  text-decoration: none;
  color: #d9c8c8;
  font-size: .9em;
}
.itme-brd:hover{
  color: white;
}
.cl_black{
  color: black !important;
}
a{
  text-decoration: none;
}
.wrapper-1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 1em;
  grid-column-gap: 1em;
}
.wrapper-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 1em;
  grid-column-gap: 1em;
}
.wrapper-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 1em;
  grid-column-gap: 1em;
}
.wrapper-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 1em;
  grid-column-gap: 1em;
}
.bg-section-blue{
  background: #f0f5fd;
}
.titl_wel{
  font-size: 1.3em;
  color: #e7e7e7;
  border-left: 5px solid #ffa50f;
  padding-left: 0.5em;
}
.reslt-tt{
  display: block;
  font-size: 2.5em;
  color: white;
  text-shadow: 0px 3px 15px black;
}
.desc_wel{
  color: white;
  border-left: 5px solid #ffcc78;
  padding-left: 1em;
  margin-top: 0.5em;
  text-shadow: 0px 3px 15px black;
  font-size: 1em;
}
.desc_wel_l{
  color: #e5e4e4;
  border-left: 5px solid #ffcc78;
  padding-left: 1em;
  margin-top: 0.5em;
  text-shadow: 0px 3px 15px #c3c3c3;
  font-size: 1em;
  font-weight: lighter;
}
.fm-roboto{
  font-family: "Roboto", sans-serif;
}
.row {
  display: flex !important;
  flex-wrap: wrap;
}
.title-gigant{
  font-size: 6em;
}
.img-not_found{
  width: 200px;
}
.bg-light-primary{
  background: #e9f7f7 !important;
}
.text-not-f{
  font-size: 1.8em;
  color: gray;
}
.bg-danger-light{
  border: 1px solid;
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.btn{
  position: relative;
  border: 0;
  line-height: 2.9;
  padding: 0 2em;
  border-radius: 5px;
  text-transform: uppercase;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary{
  background: #f7b952;
  color: #000000;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: rgb(0 0 0 / 20%) 0px 3px 1px -2px, rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 1px 5px 0px;
}
.btn-primary:hover{
  background-color: #eda52e;
  box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px;
}
.btn-primary:active, .btn-purple:active{
  box-shadow: rgb(0 0 0 / 20%) 0px 5px 5px -3px, rgb(0 0 0 / 14%) 0px 8px 10px 1px, rgb(0 0 0 / 12%) 0px 3px 14px 2px;
}
.color-danger-light{
  color: #d74956;
}
.col{
  flex: 1 0 0%;
}
.col-1{
  flex: 0 0 auto;
  width: 8.3333333333%;
}
.col-2{
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-11p{
  flex: 0 0 auto;
  width: 11%;
}
.col-20p{
  flex: 0 0 auto;
  width: 20%;
}
.col-3{
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.col-5{
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.col-6{
  flex: 0 0 auto;
  width: 50%;
}
.col-7{
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.col-8{
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.col-9{
  flex: 0 0 auto;
  width: 75%;
}
.col-10{
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.col-lg-10{
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.col-12{
  flex: 0 0 auto;
  width: 100%;
}
.gap-1{
  gap:0.5em;
}
.gap-2{
  gap:1em;
}
.gap-3{
  gap:1.5em;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.align-items-center{
  align-items: center;
}
.align-items-end{
  align-items: end;
}
.mb-1{
  margin-bottom: .5em;
}
.mb-2{
  margin-bottom: 1em !important;
}
.d-block{
  display: block;
}
.w-100{
  width: 100%;
}
.p-1{
  padding: .5em !important;
}
.p-2{
  padding: 1em !important;
}
.p-3{
  padding:1.5em;
}
.py-1{
  padding: .5em 0;
}
.py-2{
  padding: 1em 0;
}
.py-3{
  padding: 1.5em 0;
}
.px-1{
  padding: 0 .5em;
}
.px-2{
  padding: 0 1em;
}
.px-3{
  padding: 0 1.5em;
}
.mx-1{
  margin: 0 .5em !important;
}
.mx-2{
  margin: 0 1em !important;
}
.mx-3{
  margin: 0 1.5em !important;
}
.mt-1{
  margin-top: .5em !important;
}
.mt-2{
  margin-top: 1em !important;
}
.mt-3{
  margin-top: 1.5em !important;
}
.mr-1{
  margin-right: .5em;
}
.gest_pays{
  display: inline-block;
  width: 200px;
  opacity: .3;
}
.alert{
  color: #ff4e24;
  font-size: .9em;
  margin-top: .5em
}
.col4{
  display: inline-block;
  width: 22%;
  vertical-align: top;
}
.col3_5{
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 60%;
}
.col2_5{
  vertical-align: top;
  display: inline-block;
  width: 40%;
}
.col3_6{
  vertical-align: top;
  display: inline-block;
  width: 36%;
}
.col3_4{
  vertical-align: top;
  display: inline-block;
  width: 75%;
}
.col4{
  vertical-align: top;
  display: inline-block;
  width: 24%;
}
.col2_4{
  vertical-align: top;
  display: inline-block;
  width: 30%;
}
.col1_3{
  vertical-align: top;
  display: inline-block;
  width: 33.3%;
}
.col2_3{
  vertical-align: top;
  display: inline-block;
  width: 66%;
}
.col1_4{
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 24%;
}
.col1_5{
  vertical-align: top;
  display: inline-block;
  width: 18%;
}
.col20{
  vertical-align: top;
  display: inline-block;
  width: 19%;
}
.col2{
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 48.5%;
}
.col2_f{
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 49.5%;
}
.col3{
  vertical-align: top;
  display: inline-block;
  width: 32%;
}
.col5{
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 19%;
}
.col6{
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 16%;
}
.t_right{
  text-align: right !important;
}
.p_relative{
  position: relative;
}
.cont-crd{
  text-align: center;
  height: 100px;
  background: #19264a;
}
.container-center{
  position: absolute;
  display: block;
  max-width: 1000px;
  height: 400px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 120;
}
.container-limit{
  position: relative;
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}
.cabecera{
  position: fixed;
  background: linear-gradient(180deg,rgba(34,33,33,.835171568627451) 30%,rgba(34,33,33,.7819502801120448) 38%,rgba(9,9,121,0) 100%);
  height: 85px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  text-align: left;
}
.mt-1{
  margin-top: .5em;
}
.cl_white{
  /* color: white; */
  color: #F44336;
}
.cl_gray{
  color: #9f9f9f !important;
}
.color-white{
  color: white;
}
.border-radius{
  border-radius: 8px;
}
.section-habs{
  position: relative;
  display: block;
  /* background: #97764f; */
  background: #e9e9e9;
}
.section-service{
  position: relative;
  display: block;
  /* background: #494139; */
  background: #fff;
}
.section-insta{
  position: relative;
  display: block;
  /* background: #ede5d8; */
  background: #ededed;
}
.section-ubic{
  position: relative;
  display: block;
  /* background: #dbd3c7; */
  background: #e3e3e3;
}
.gal_ft{
  width: 100%;
}
.opacy_head{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgb(0 0 0 / 10%);
  z-index: 100;
}
.enlc_hm{
  position: absolute;
  top: 1em;
  left: 0;
}
.logo{
  width: 250px;
}
.info_principal {
  float: right;
  margin-right: 5em;
}
.con_redes{
  display: inline-block;
  margin-right: .5em;
  padding-right: .5em;
  margin-top: .1em;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #9a9b9d;
}
.cbp-tm-menu{
  display: block;
  text-align: right;
  margin-top: -0.8em;
}
.cbp-tm-menu li{
  display: inline-block;
  padding: 1.2em 0;
  font-size: .9em;
  margin-left: 1.5em;
}
.cbp-tm-menu li a{
  color: #fff;
}
.cbp-tm-menu li a:active{
  color: #FFEB3B;
}
.cbp-tm-menu li a:hover{
  color: #FFEB3B;
}
.cont_res_in {
  position: absolute;
  bottom: 5em;
  left: 0;
  padding: 1em 3em;
  z-index: 1000;
}
.tt_loca {
  font-size: 1.5em;
}
.item-cond{
  color: #ececec;
  list-style: none;
  margin: 0.8em 0;
}
.lnk_fot{
  color: #dbdb81 !important;
  margin: 0.3em 0;
}
.max-w-700{
  max-width: 700px;
}
.max-w-600{
  max-width: 600px;
}
.max-w-300{
  max-width: 300px;
}
.reser_ini {
  position: relative;
  display: block;
}
.tab_form {
  position: relative;
}
.tab_form, .txt_ruta {
    display: inline-block;
}
.txt_sr_tb_r{
  display: none;
  font-size: .8em;
  font-weight: bold;
  text-transform: uppercase;
}
.cont_fin_res{
  display: block;
  position: relative;
  background: white;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 1.5em 0;
}
.reslt_Recibo{
  width: 90%;
  margin:0 auto;
}
.back_res{
  background: #e6f3ff;
  border-radius: 8px;
  border: 1px solid #89c5f5;
}
.fixed_cobro{
  position: absolute;
  border-radius: 10px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: white;
  z-index: 100;
}
.text_se{
  display: inline-block;
  vertical-align: super;
  padding: .5em;
  color: #080808;
  font-weight: bold;
}
.tx_rslt{
  font-weight: bold !important;
  color: black !important;
}
.txt_det{
  color: gray;
  font-size: .85em;
  padding: .5em 0;
}
.tit_nm_fac{
  font-size: .9em;
  padding: .1em .5em;
  color: #a3a3a3;
  width: 72px;
  display: inline-block;
  margin-right: .5em;
}
.mg_l{
  margin-left: .5em;
}
.sub_nm_fac{
  display: inline-block;
  font-size: .95em;
  color: #000000;
  font-weight: normal;
}
.bd_bottom{
  border-bottom: 1px solid gainsboro;
}
.logo_ht_res{
  display: block;
  position: relative;
}
.img_res_l{
  display: inline-block;
  width: 180px;
}
.itm_icn{
  display: inline-block;
  margin: 0 .2em;
}
.itm_con{
  font-size: .85em;
}
.icnref_f{
  position: absolute;
  right: 2.7em;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #2196F3;
  line-height: 40px !important;
  text-align: center;
  font-size: 1.5em;
  color: white;
}
.lgfac_hab{
  display: inline-block;
  width: 72px;
  border-radius: 5px;
}
.inl_sub_t{
  display: inline-block;
  vertical-align: super;
  margin-left: 1em;
}
.text_sb{
  color: gray;
  margin-top: -.3em;
}
.entrado{
  background: rgba(18, 141, 239, .5);
  color: white;
  pointer-events: none;
}
.tt_clv_res{
  background: #ffffff;
  border-radius: 5px;
  margin-top: .5em;
  font-size: 1em;
  padding: 1em;
  border: 2px dotted #529dd9;
}
.cont_det_con{
  position: relative;
  display: block;
  width: 70%;
  margin: 0 auto;
  text-align: left;
}
.icondt_cnt{
  display: inline-block;
  font-size: 1.1em;
  color: gray;
}
.p_canc{
  display: block;
  position: relative;
  padding: .5em 0;
  font-size: .9em;
  color: red;
}
.in_tit{
  position: relative;
  display: inline-block;
  margin-left: .5em;
  vertical-align: top;
}
.icon_ph{
  display: inline-block;
  color: #f9f9f9;
  font-size: 1.1em;
}
.txt_pho_r{
  display: inline-block;
  color: white;
  padding: 0 .8em;
  font-size: .95em;
}
.tit_tb_res{
  font-size: .9em;
  text-transform: uppercase;
}
.cnt_out{
  position: absolute !important;
  right: 3em;
  top: 1.5em;
  padding: .4em 1em;
  background: #122653;
  color: #c3d1f5;
  text-align: center;
}
.cnt_out:hover{
  color: white;
}
.icnout{
  font-size: 1.8em;
  display: block;
}
.txt_out{
  font-size: .95em;
  display: block;
  padding: .2em .5em;
}
.inp_res{
  display: block;
  background: rgb(23 23 23 / .55);
  border: 1px solid gray;
  padding: .5em 1em;
  width: 100%;
  color: #ff8a8a;
}
.inp_res, .inp_res_canc {
  width: 100%;
  color: #ff8a8a;
  display: block;
}
.sl_res_frm{
  position: relative;
  display: inline-block;
  background: rgb(23 23 23 / .75);
  color: #ef8c6d;
  width: 100%;
  height: 100%;
  padding: .5em;
}
.btn_res{
  position: relative;
  display: block;
  padding: 0.7em 1em;
  background: #eb6245;
  border-radius: 4px;
  color: #fff;
  border: 0;
  width: 100%;
}
.d-inline{
  display: inline-block;
}
.item_social{
  display: inline-block;
  color: white;
  margin-bottom: .2em;
}
.telefono_num{
  display: inline-block;
  color: #959595;
  margin-left: .2em;
  font-weight: 200;
}
.item_social_v{
  display: inline-block;
  color: #959595;
  margin-bottom: .2em;
}
.icn_netw{
  font-size: 1em;
  vertical-align: baseline;
  color: #9d9d9d;
  margin-right: .15em;
}
.item_social:hover, .item_social_v:hover{
  transition: .3s;
  transform: scale(.95);
}
.socialimg{
  width: 24px;
  display: block;
  text-align: center;
}
.inli_cont{
  display: inline-block;
}
.list_social{
  display: inline-block;
  list-style: none;
  text-align: left;
}
.icon_p{
  display: inline-block;
}
.img_icn_sm {
  display: inline-block;
  width: 18px;
}
.whts_btn{
  display: none;
  position: fixed !important;
  bottom: 1.5em;
  right: 1.5em;
  z-index: 1500;
  border-radius: 50%;
}
.img_flt{
  width: 55px;
}
.img_flt:hover{
  transition: .2s;
  transform: scale(.9);
}
.cont_srv_hm{
  position: relative;
  display: block;
  /*background: #1e1e1a;*/
  background: url('../../img/new_custom.jpg') center no-repeat;
  background-size: cover;
  padding: 5em 0;
}
.cont_full_habs{
  display: block;
  max-width: 400px;
  margin: 0 auto;
  min-height: 300px;
  background: black;
  border-radius: 20px;
  background: #0b0b0e;
  background: -webkit-linear-gradient(to right, #382c17, #141E30);
  background: linear-gradient(to right, rgb(12 12 12 / 50%), #0b0b0e);
}
.icn_fll_hbs{
  font-size: 4em;
  color: white;
}
.tt_habsl{
  font-size: 3em;
  color: #f3f3f3;
}
.txt_habsl{
  color: gainsboro;
}
.resalt-img{
  box-shadow: 0px 0px 10px #0c0c0b;
  border-radius: 20px;
}
.hab_Section{
  position: relative;
  background: #372b17;
  padding: 5em 1em;
}
.text_sect{
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
.titul_hab{
  font-size: 2.5em;
  font-weight: 200;
  text-align: center;
  color: white;
}
.cont_hab_list{
  position: relative;
  display: inline-block;
  list-style: none;
  width: 45%;
  margin: 0 auto;
}
.fs-2{
  font-size: 2em;
}
.fs-85{
  font-size: .85em;
}
.item_hab{
  position: relative;
  display: block;
  margin: 0.2em;
  text-decoration: none;
  transition: .2s;
  overflow: hidden;
  /* background: #816749; */
  background: #ffffff;
  padding: 1em;
  border-radius: 5px;
  transition: .3s;
}
.desc_hab{
  position: relative;
  font-size: .9em;
  color: gainsboro;
}
.enlace_more_hab{
  font-size: 1.3em;
  color: #e4d0d0;
}
.icn_btn_m{
  vertical-align: middle;
  font-size: 1.3em;
}
.imagenHab{
  width: 100%;
}
.icn_lrge{
  font-size: 3em;
}
.card-desig{
  position: relative;
  text-align: center;
  height: 150px;
  /* background: #dddddd; */
  background: #ebebeb;
}
.enlace_hab{
  position: absolute;
  text-decoration: none;
  color: white;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(53 53 53 / 20%);
  line-height: 180px;
  font-weight: bold;
}
.cont_det_des{
  display: block;
  padding: 2em;
  margin: 0 auto;
  min-height: 300px;
  background: black;
  border-radius: 20px;
  background: #0b0b0e;
  background: -webkit-linear-gradient(to right, #0b0b0e, #141E30);
  background: linear-gradient(to right, #0b0b0e, rgb(9 9 10 / .5));
}
.tt_nv_hm{
  display: block;
  color: #efefef;
  font-size: 1.125rem;
  font-weight: lighter;
  margin: .5em 0;
}
.sr_itm{
  display: block;
  list-style: none;
  padding: .5em 1.3em;
  padding-left: 0;
  color: #a9a9a9;
}
.cin_srvhm{
  display: inline-block;
  font-size: 1.3em;
  vertical-align: text-top;
}
.icn_sm{
  display: inline-block;
  font-size: 1em;
  color: #2b251a;
}
.txt_sm_srv{
  display: inline-block;
  padding-left: 0.3em;
  color: #2b251a;
  font-size: .85em;
  vertical-align: text-top;
}
.txt_nm_srv{
  display: inline-block;
  padding-left: .5em;
}
.video_Section{
  position: relative;
  padding: 5em 1em;
  background: #302614;
}
.container_mensaje{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #d57f00;
  color: #ffffff;
  text-align: center;
  z-index: 1500;
}
.text_alert_mesaje{
  padding: 1em;
}
.mrg_ltr{
  margin: 0 1em;
}
.icnr_btn{
  vertical-align: bottom;
  font-size: 1.3em;
  margin-left: .2em;
}
.himh-150{
  height: 150px;
  object-fit: cover;
}
.cont_video_carr{
  max-width: 700px;
  margin: 0 auto;
}
.video_pri{
  width: 100%;
}
.sct_contact{
  position: relative;
  display: block;
  margin:0 auto;
  margin-top: 8em;
  max-width: 1100px;
}
.hg-130{
  height: 130px !important;
}
.itm_ser_of{
  display: inline-block;
  padding: .5em 1em;
  background: #ffffff;
  border-radius: 25px;
  margin: .5em;
}
.icn_ser_con{
  display: inline-block;
  font-size: 1.1em;
  color: #795548;
  margin-right: .5em;
}
.nm_se_con{
  display: inline-block;
  color: #795548;
  vertical-align: super;
}
.marc_cont{
  display: block;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.contact_mi{
  padding: .3em;
  max-width: 80%;
  margin: 0 auto;
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
  text-align: left;
}
.max-width-500{
  max-width: 500px;
  margin: 0 auto;
}
.send_contact{
  display: block;
  padding: .5em 0;
  border: 0;
  background: #eb6245;
  border-radius: 5px;
  color: #fff;
  width: 100%;
}
.send_contact:hover{
  background: #ff7a5e;
  color: white;
  cursor: pointer;
}
.res_text{
  max-width: 350px;
  font-size: .9em;
  color: #867d7d;
  padding: 1em;
  margin: 0 auto;
}
.list_cont{
  margin-top: 2em;
  padding: 1em;
}
.enlace_cont{
  padding: 1em;
  color: #db562e;
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: underline;
}
.item_cont{
  padding: 1em 0;
  list-style: none;
}
.icon_cont{
  font-size: 1.5em;
  padding: .6em;
  background: #e5e5e5;
  border-radius: 50%;
  color: #7c726f;
  vertical-align: middle;
}
.inp_add{
  display: block;
  padding: 0.7em 1em;
  width: 98%;
  margin-right: .5em;
  display: block;
  border-radius: 5px;
  border: 0;
  font-size: .9em;
  color: #3a3838;
  /* box-shadow: 1px 1px 1px #e6e6e6; */
  border: 1px solid #e6e3e3;
  outline: none;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.inp_add:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.cont_otr{
  max-width: 1000px;
  margin: 0 auto;
  padding: 5em 1em;
  position: relative;
}
.list{
  position: relative;
  padding: .3em;
}
.item_ser{
  padding: .2em;
  font-weight: bolder;
  text-align: left;
  font-size: 1.1em;
}
.item_ser:hover{
  color: blue;
}
.enlace_ser{
  text-decoration: none;
  color: gray;
}
.enlace_ser:hover{
  color: #d4a750;
}
.cont_reser{
  background: #d4a750;
  width: 250px;
  height: 145px;
  margin: 0 auto;
  text-align: center;
}
.text_enla{
  font-size: 1.3em;
  font-weight: 200;
  line-height: 142px;
  color: white;
}
.icon_rese{
  padding: .3em;
}
.mapa_enlace{
  width: 100%;
}
.foter{
  background:#2d333a;
}
.fot_logo_s{
  width: 90px;
}
.list_dt_pe{
  text-align: right;
  list-style: none;
  width: 96%;
}
.cont_info_fot{
  max-width: 70%;
  margin: 0 auto;
  margin-top: 3em;
  color: white;
  font-weight: lighter;
}
.contitions{
  font-size: .9em;
  font-weight: lighter;
  color: gray;
  padding: .5em;
}
.cont_tabs_res{
  position: relative;
  display: inline-block;
  max-width: 700px;
  margin-left: 1em;
  padding: .5em;
  z-index: 800;
}
.fot_logo{
  width: 150px;
  margin-top: 2.5em;
}
.tt_hab_p{
  display: block;
  padding: .5em 1em;
  margin-top: -2.5em;
  background: rgb(42 82 95 / 70%);
  color: white;
  font-size: 1em;
  text-transform: uppercase;
}
.icons_serv{
  font-size: 1.5em;
  color: #777575;
  margin: 0 .2em;
}
.button_res_mov{
  position: absolute !important;
  display: none !important;
  bottom: 8em;
  padding: .8em 3em;
  text-transform: uppercase;
  /* background: #ffbd60; */
  background: #e14f21;
  box-shadow: 0px 3px 10px #2b2b2b;
  border-radius: 20px;
  /* color: #3e2b00; */
  color: #fff5dd;
  font-weight: bold;
  z-index: 150;
  left: 10%;
  right: 10%
}
.item_column_h{
  position: relative;
  display: inline-block;
  width: 30%;
  vertical-align: top;
  background: #342e2c;
  box-shadow: 0px 10px 10px #1c1c1c;
  border: 1px solid #404040;
  margin: 1em;
  border-radius: 20px;
}
.item_column_h:hover{
  box-shadow: 0px 10px 10px #7a6d46;
}
.img_hab{
  width: 100%;
  border-radius: 5px;
}
.parrafo_t{
  padding: .6em 0;
  color: #b7b7b7;
  text-align: left;
  line-height: 1.5em;
  white-space: pre-wrap;
}
.nm_prs_res{
  display: inline-block;
  padding: 0 .3em;
  color: #f74c3f;
  font-size: .85em;
}
.nm_prs{
  display: inline-block;
  padding: 0 .3em;
}
.inl_di{
  display: inline-block;
}
.icn_nm_prs{
  color: #f74c3f;
  font-size: 1em;
}
.res_item{
  position: relative;
  display: inline-block;
  width: 100%;
  padding: .4em 0;
  border: 0;
  border-radius: 5px;
  color: #ffffff;
  background: #2196F3;
  box-shadow: 0px 1px 3px gainsboro;
  text-align: center;
  margin-top: .5em;
}
.res_item:hover{
  background: #1788e3;
}
.flt_r_crd{
  float: right;
}
.titulo_g{
  display: block;
  text-align: left;
  padding: .5em;
  padding-left: 1em;
  font-size: 1.8em;
  color: #efe1b6;
}
.titulo_ser{
  padding-left: 1.2em;
  font-size: 1.5em;
  color: #d1d1d1;
}
.tt_hot_p{
  display: block;
  font-weight: lighter;
  font-size: 1.5em;
}
.cnt_otras{
  display: inline-block;
  width: 15%;
  padding: .5em;
  margin: .5em;
  background: #f4f4f4;
  text-align: left;
  vertical-align: top;
  border-radius: 8px;
}
.cnt_otras:hover{
  box-shadow: 0px 0px 10px grey;
}
.tmb_otras{
  display: inline-block;
  width: 100%;
}
.cont_marco_p{
  display: block;
  margin: 0 auto;
  /* border: 1px solid #000000; */
  background: #ffffff;
  padding: 2em 1em;
  border-radius: 10px;
}
.cont_fr_in{
  padding: .4em 0;
}
.itm_ser{
  position: relative;
  color: rgb(8, 8, 8);
  padding: .2em 0;
  list-style: none;
  margin-left: .5em;
}
.more{
  position: relative;
  color: black;
  font-size: .9em;
  padding: .3em 0;
  text-transform: uppercase;
}
.item_seo{
  color: gray;
  padding: .2em;
}
.more:hover{
  text-decoration:underline;
}
.cont_galery {
  display: block;
  position: relative;
  margin: 0 auto;
}
.cont_galeria_ite{
  position: relative;
  margin: 1em 0;
}
.cont_fotos_gal{
  display: block;
  position: relative;
  min-height: 100px;
  border: 4px dotted #e0e0e0;
  text-align: left;
}
.cont_t_gal{
  display: block;
  position: relative;
  padding: 0.5em 0;
  padding-left: 1em;
  background: #081228;
  border: 1px solid #4a485e;
  border-radius: 5px;
  text-align: left;
  color: #fff;
}
.icngl{
  display: inline-block;
  font-size: 1.5em;
}
.titulo_gal{
  display: inline-block;
  margin-left: .5em;
  vertical-align: bottom;
}
.next, .prev{
  cursor: pointer;
  width: auto;
  color: #fff;
  font-size: .9em;
  transition: .5s ease;
  z-index: 150;
}
.icon_direccion{
  font-size: 2em;
}
/* Position the "next button" to the right */
.next {
  right: 1em;
  border-radius: 3px 0 0 3px;
}
.prev {
  left: 1em;
  border-radius: 3px 0 0 3px;
}
.cont_mensaje{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0px 10px #969696;
  z-index: 1500;
  text-align: center;
}
.top_mensaje{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 0px 0px 10px #0f2350;
  z-index: 1500;
  text-align: center;
  background: #c3582c;
}
.isTrue{
  background: #2196F3;
  border: 1px solid #1392cc;
}
.isFalse{
  background: #d62c2c; 
  border: 1px solid #ff9f41;
}
.text_mensaje{
  display: inline-block;
  color: white;
  padding: .8em 0;
}
.txt_ms_t{
  display: block;
  padding: 2em 1em;
  font-size: 1.2em;
  color: white;
}
.cont_buut_res{
  position: absolute;
  right: 2em;
  bottom: 3em;
  text-align: left;
}
._tag_prec_crd{
  position: relative;
  color: #001959;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}
.text_nch{
  font-size: .8em;
  color: gray;
}
.tt_nch{
  display: block;
  font-size: .8em;
  color: #464545;
}
.enlace_mas{
  display: block;
  color: #4f5c90;
  cursor: pointer;
}
.enlace_mas:hover{
  color: black;
}
.icarr_mas{
  display: inline-block;
  font-size: 1.3em;
  vertical-align: sub;
}
.txt_queda{
  text-align: left;
  margin-top: .5em;
  font-size: .8em;
  font-weight: bold;
  color: #ec3030;
}


/* Vista de melaque location */
.contain-location {
  max-width: 1100px;
  margin: 3rem auto;
  padding: 0 1.5rem;
}
.features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
.card {
  background: white;
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 1.5rem;
  text-align: center;
  transition: transform .2s ease;
}
.card:hover {
  transform: translateY(-5px);
}
.card h3 {
  color: #0d9488;
  margin-bottom: 0.5rem;
}
.cta {
  text-align: center;
  margin: 3rem 0;
}
.alt_cta_res{
  background: white !important;
  color: #935944 !important;
}
.cta_res_def {
  background: #f3774b;
  color: white;
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: 2rem;
  font-weight: 600;
  transition: background .3s ease;
}
.cta_res_def:hover {
  background: #fd4519;
}
/* 🌴 Cards flotantes de habitaciones */
.cards-flotantes {
  display: flex;
  justify-content: center;
  gap: 1rem;
  max-width: 1200px;
  margin: -60px auto 0 auto;
  position: relative;
  z-index: 20;
  flex-wrap: wrap;
}
.card-habitacion {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  width: 260px;
}
.card-habitacion:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.card-habitacion img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
.card-habitacion h3 {
  font-size: 1.1rem;
  color: #333;
  margin-top: 0.5rem;
}
.card-habitacion a {
  color: var(--dorado);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin-top: 0.3rem;
  transition: color 0.2s ease;
}
.card-habitacion a:hover {
  color: var(--azul-principal);
}
footer {
  background-color: #f1f5f9;
  text-align: center;
  padding: 2rem;
  font-size: 0.9rem;
  color: #555;
}




/*DISÑEO DE RESERVACIONES*/
.appBody{
  background: url('../../img/melaque_playa.png');
}
.head_res{
  background: rgb(222 222 222);
  background: linear-gradient(180deg, rgba(34,33,33,0.835171568627451) 30%, rgba(34,33,33,0.7819502801120448) 38%, rgba(9,9,121,0) 100%);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  text-align: left;
}
.tithead{
  display: inline-block;
  vertical-align: top;
  color: white;
  margin-top: .5em;
  font-size: 1.8em;
}
.logo_small{
  width: 200px;
  display: inline-block;
  margin-top: 1.5em;
  margin-left: 4em;
  vertical-align: top;
}
.main_res{
  position: relative;
  width: 60%;
  margin: 0 auto;
  min-height: 600px;
  background: rgb(89 81 69 / 60%);
  border-radius: 20px;
  margin-top: 7em;
}
.itm_tb_res{
  position: relative;
  display: inline-block;
  margin: 0;
  color: #59472b;
  padding: 0.5em 1em;
  background: #ffdcca;
  cursor: pointer;
  border-radius: 10px;
  border-left: 1px solid #a1320e;
  max-width: 210px;
  vertical-align: top;
  margin-top: .5em;
}
.mor_i{
  font-size: 1.5em;
  vertical-align: sub;
  margin-right: .2em;
}
.chk_done{
  position: absolute;
  top: .5em;
  right: .5em;
  width: 15px;
  height: 15px;
  line-height: 15px !important;
  color: #c56059;
  background: #ffffff;
  text-align: center;
  border-radius: 50%;
  padding: .2em;
}
.itm_complate{
  background: #e9673e;
  color: #ffffff;
}
.bd_rih{
  border-right: 1px solid #283f6f;
}
.form_action{
  position: relative;
  display: block;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 2em;
}
.cont_detall{
  position: relative;
  background: #f3f3f3;
  padding: 1em .3em;
  max-height: 200px;
  overflow-y: auto;
}
.icn_srv{
  display: inline-block;
  padding: .5em .4em;
  color: #636363;
  font-size: 1.2em;
  padding-top: 0;
}
.icn_lg{
  display: inline-block;
  padding-right: .4em;
  color: #3f497f;
  font-size: 1.2em;
  padding-top: 0;
}
.item_se{
  display: block;
  padding: .1em 0;
  color: #5b576c;
  font-size: .95em;
}
.cont_dis_hab{
  position: relative;
  display: block;
  max-width: 900px;
  margin: 0 auto;
  margin-top: 2em;
}
.cont_pay_res{
  position: relative;
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 2em;
}
.car_3_pay{
  position: relative;
  background: white;
  border-radius: 20px;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
}
.form_cnt_{
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: left;
}
.cont_inp{
  display: block;
  padding: 0.7em 1em;
  width: 100%;
  display: block;
  border-radius: 5px;
  border: 0;
  font-size: .9em;
  color: #000000;
  background: #fff;
  border: 1px solid #d5d5d5;
  outline: none;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cont_inp:focus{
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.inp_add{
  display: block;
  padding: 0.7em 1em;
  width: 98%;
  margin-right: .5em;
  display: block;
  border-radius: 5px;
  border: 0;
  font-size: .9em;
  color: #3a3838;
  /* box-shadow: 1px 1px 1px #e6e6e6; */
  border: 1px solid #e6e3e3;
  outline: none;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.inp_add:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.btn_reserving{
  position: relative;
  padding: .5em;
  width: 100%;
  border-radius: 5px;
  border: 0;
  background: #ff5722;
  color: white;
}
.tg_exit_btn{
  display: inline-block;
  background-color: #cbf4c9;
  padding: 1px 6px;
  border-radius: 4px;
  color: #0e6245;
  font-size: .9em;
}
.icn_tg{
  display: inline-block;
  margin-left: .1em;
}
.btn_reserving:disabled {
  background: #fdafa9 !important;
}
.btn_pay{
  position: relative;
  padding: .5em;
  width: 80%;
  border-radius: 5px;
  border: 0;
  margin: 0 auto;
}
.btn_srch{
  border-radius: 6px;
  padding: 8px 16px;
  background: white;
  color: #151515;
  border: 0;
  border: 1px solid #cabda6;
}
.link_to_load_inf{
  display: inline-block;
  text-decoration: underline;
  color: #ff1100;
  cursor: pointer;
}
.link_to_load_inf:hover{
  text-decoration: none;
}
.mor_i{
  font-size: 1.5em;
  vertical-align: sub;
  margin-right: .2em;
}
.cont_ma{
  position: absolute;
  right: 0;
  top: .9em;
}
.tit_pay{
  font-size: 1.4em;
  display: block;
  padding: .5em 0;
}
.itemcard_disp{
  position: relative;
  display: block;
  background: white;
  border-radius: 20px;
  padding: 1em 0;
  margin: 1em 0;
}
.tit_int_hab{
  display: block;
  text-align: left;
  color: #001959;
  text-transform: capitalize;
  padding-bottom: .1em;
  font-size: 1.2em;
}
.subt_itu{
  display: inline-block;
  color: gray;
  text-align: left;
  padding: .4em 0;
}
.btn_next_res{
  display: inline-block;
  padding: .4em 3em;
  border-radius: 20px;
  background: #df7f50;
  color: #ffffff;
  border: 0;
}
.act_btn{
  background: #ff6b60 !important;
  color: #fffefe;
}
.lb_res{
  position: relative;
  display: inline-block;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
.sp_sml{
  margin:.3em 0;
}
.text_form{
  display: block;
  color: #cfcfcf;
  font-size: .9em;
  font-weight: lighter;
}
.cont_det_it{
  position: relative;
  display: inline-block;
  max-width: 210px;
  padding: .5em;
}
.item_chrgs{
  list-style: none;
  box-shadow: 0px 1px 5px gainsboro;
  border-radius: 18px;
  display: block;
  position: relative;
  padding: .2em .5em;
  cursor: pointer;
  transition: .2s;
}
.item_chrgs:hover{
  transform: scale(.9);
}
.cl_gains{
  color: #343434;
}
.cl_gris{
  color: gray;
}
.w-text{
  color: white;
}
.txt_pt_adicionales{
  display: block;
  width: 100%;
  border: 1px solid gainsboro;
  padding: .5em;
  font-size: .9em;
  margin: .5em 0;
  border-radius: 8px;
  height: 100px;
}
.nm_chrg_it{
  position: absolute;
  right: .5em;
  top: 1em;
  color: #1b1b1b;
  font-size: .95em;
}
.sep_tb{
  padding: .5em 0;
  border-bottom: 1px solid gainsboro;
  overflow: hidden;
}
.cont_ft_hb{
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  vertical-align: top;
}
.tt_itm{
  font-size: .9em;
  font-weight: bold
}
.txt_tt_h{
  font-size: .85em;
  color: gray;
}
.img_re_fin{
  width: 80px;
}
._txt_left{
  display: block;
  float: left;
  font-size: .95em;
  color: gray;
}
._txt_right{
  display: block;
  float: right;
  font-size: .95em;
}
.icon_frm_inp {
  position: absolute;
  top: 2em;
  right: 0;
  font-size: 1.3em;
  padding: .4em;
  background: rgb(0 0 0 / .1);
  color: #ef8c6d;
}
.icon_frm_init{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.3em;
  padding: .4em;
  background: rgb(0 0 0 / .1);
  color: #ef8c6d;
}
.opacity-col{
  opacity: .4;
}
.cont_dt{
  position: relative;
  margin: 0 auto;
}
.pd_0{
  padding: 0;
}
.inp_res_canc{
  display: block;
  background: rgb(37 32 30 / .55);
  border: 0;
  padding: .8em 1em;
  margin-top: .2em;
  padding-right: 2em;
  width: 100%;
  color: orange;
}
.t-white{
  color: white;
}
.inp-picker{
  padding: .65em 1em !important;
}
.in_tit{
  position: relative;
  display: inline-block;
  margin-left: 2em;
  vertical-align: top;
}
.cnt_out{
  position: absolute !important;
  right: 3em;
  top: 1.5em;
  padding: .4em 1em;
  background: #ddccb9;
    color: #171718;
  text-align: center;
  border-radius: 5px;
}
.cnt_out:hover{
  color: white;
}
.icnout{
  font-size: 1.8em;
  display: block;
}
.txt_out{
  font-size: .95em;
  display: block;
  padding: .2em .5em;
}
.txt_pho_r{
  display: inline-block;
  color: white;
  padding: 0 .8em;
  font-size: .95em;
}
.itm_icn{
  display: inline-block;
  margin: 0 .2em;
}
.itm_con{
  font-size: .85em;
}
.bd_back{
  background: #f7f7f7;
  border-bottom: 1px solid gainsboro;
}
.secc_parr{
  max-width: 700px;
  text-align: left;
  color: white;
  font-size: 1.2em;
}
.flt-bottom{
  position: absolute;
  bottom: 1em;
}
.sm-txt-rslt{
  color: #FF5722;
  font-size: .85em;
}
.max-size-6{
  max-width: 600px;
}








/*Estilos para el chebox*/
.txt_alert_pay{
  padding: .3em;
  background: #f5f5f5;
  color: #000000;
  font-size: .9em;
}
.cont_label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cont_label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #dadada;
  border-radius: 6px;
}
.cont_label:hover input ~ .checkmark {
  background-color: #ccc;
}
.cont_label input:checked ~ .checkmark {
  background-color: #183f96;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cont_label input:checked ~ .checkmark:after {
  display: block;
}
.cont_label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* Slideshow container */
.blog-slider__container {
  max-width: 100%;
  position: relative;
  margin: auto;
  height: 100vh;
  overflow: hidden;
}
.blog-slider__container2{
  max-width: 100%;
  position: relative;
  margin: auto;
  height: 500px;
  overflow: hidden;
}
.object-img-full{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hg_cont_hab{
  height: 300px;
}
.blog-slider__container3{
  position: relative;
}
.blogSlides{
  position: relative;
}
.blogSlidesN{
  position: relative;
  width: 100%;
  height: 500px;
}
.blogSlides img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}
.blogSlider__dots{
  position: relative;
}
.blogSlider__dots--dot{
  display: inline-block;
  width: 16px;
  height: 16px;
  background: rgb(0 0 0 / 30%);
  margin: 0 0.3em;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}
.cont_line_crg{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 3px;
  background: rgb(128 128 128 / 50%);
}
.line_crg{
  display: block;
  background: #ffde67;
  height: 3px;
  border-radius: 3px;
  width: 0%;
}
.active{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ffffff;
  /* border: 3px solid #fba00a; */
  box-shadow: 0px 3px 5px;
}
.text_msj{
  display: block;
  padding: .5em 0;
  background: #152538;
  text-align: center;
  font-size: .95em;
  color: orange;
}
.bslide img {
  object-fit: cover !important;
  width: 100% !important;
  height: 500px !important;
}
.isVertical{
  width: auto !important;
  height: 100% !important;
}
.isHorizontal{
  width: 100% !important;
  height: auto !important;
}
.isAuto{
  width: auto !important;
  height: auto !important;
}
.cont_modal{
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgb(43 43 43 / 0.9);
  z-index: 2500;
  overflow-y: scroll;
}
.line_n{
  top: .2em !important;
  right: .3em !important;
  color: black !important;
}
.hg500{
  height: 500px;
}
.main_modal{
  position: relative;
  display: block;
  max-width: 900px;
  height: 500px;
  background: #292929;
  margin: 0 auto;
  margin-top: 2em;
  border-radius: 10px;
  box-shadow: 0px 3px 20px #000000;
}
.modal_info{
  background: white !important;
  height: auto;
  max-width: 1300px;
  min-height: 600px;
}
.modal_stop{
  background: #33335a !important;
}
.modal_shr{
  background: #ffffff!important;
  height: auto;
  max-width: 500px !important;
}
.cl_prb{
  color: wheat;
}
.txt_stp{
  padding: 1em;
  color: bisque;
}
.btn_canc{
  vertical-align: top;
  background: #3b3b73 !important;
}
.btn_canc:hover{
  background: #39528c;
}
.contenedor_imgs{
  position: relative;
  height: 600px;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
  width: 95%;
}
.loaderImg{
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 600px;
}
.img_gal_h{
  height: 100%;
}
.icon_next{
  position: fixed !important;
  top: 45%;
  right: 13%;
  font-size: 1.8em;
  color: white;
  padding: .3em;
  border-radius: 50%;
  background: #000000;
  box-shadow: 0px 2px 3px #4c1717;
}
.color-auto{
  color: #000000;
}
.icon_previus{
  position: fixed !important;
  top: 45%;
  left: 13%;
  font-size: 1.8em;
  color: white;
  padding: .3em;
  border-radius: 50%;
  background: #000000;
  box-shadow: 0px 2px 3px #4c1717;
}
.img_cargada{
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px #545454;
}
.list_min_gal{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 75px;
  background: hsl(0deg 0% 0% / 60%);
  text-align: center;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.item_min_gal{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: .8em;
  margin-left: 1em;
  overflow: hidden;
  transition: .2s;
}
.item_min_gal:hover{
  border-radius: 50%;
}
.img_thu_gal{
  width: 80px;
}
.actThumb{
  border-radius: 50%;
  transform: scale(1.2);
  opacity: 1;
}
.cerrar_modal{
  position: absolute;
  font-size: 1.5em;
  color: #ffffff;
  top: 0;
  right: -1.6em;
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px !important;
  text-align: center;
  font-size: 3em;
}
.cerrar_modal:hover{
  color: white;
}
.cerrar_modal_h{
  position: absolute;
  font-size: 1.5em;
  color: #ffffff;
  top: .2em;
  left: .1em;
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px !important;
  text-align: center;
  font-size: 3em;
}
.cerrar_modal:hover{
  color: white;
}
.icon_men{
  display: none;
  position: absolute;
  right: 1em;
  bottom: .5em;
  font-size: 2em;
  cursor: pointer;
  color: white;
}
.icon_men:after{
  content: "Menu";
  position: absolute;
  left: -2.5em;
  top: .85em;
  font-size: .4em;
  color: white;
  text-transform: uppercase;
  font-family: monospace;
}
.main_caduc{
  max-width: 600px;
  margin: 0 auto;
  background: white;
  border-radius: 20px;
  margin-top: 7em;
}




/*Aqui empieza TODO LO DEL CUERPO*/
.footer{
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(249, 249, 249);
  text-align: center;
}
.derechos{
  display: inline-block;
  font-size: .7em;
  padding: .5em;
  color: #f7dba7;
}
.derechos::before{
  content: "© ";
}
.icon_inp{
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 15px;
  height: 15px;
  line-height: 15px !important;
  border-radius: 50%;
  font-size: .65em;
  color: white;
  text-align: center;
}
.inp_fail{
  border: 1px solid #ffd8d5 !important;
  box-shadow: 0px 0px 3px red;
}
.inp_fail:focus{
  border-color: #f7a9a3 !important;
  box-shadow: 0 0 0 0.2rem rgb(255 225 223) !important;
}
.inp_yes{
  border: 1px solid #52b3ff !important;
}
.ic_yes {
  background: #2196F3;
  box-shadow: 0px 2px 3px #cecece;
}
.ic_red {
  background: #ffb5b5;
  color: #e25d5d;
  box-shadow: 0px 2px 3px #cecece;
}
.btn_contacto{
  color: #959595;
}


/*Estilos para el form card Pay*/
.form_crd {
  align-self: center;
  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px;
}
.smtxt_cr{
  display: block;
  color: gray;
  padding: .5em 0;
  font-size: .9em;
}
.result-message {
  text-align: center;
  line-height: 22px;
  font-size: 16px;
}
.result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}
.img_load{
  width: 60px;
  height: 60px;
  padding: .5em;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 5px 10px #d1dde7;
}
.img_load_d{
  width: 48px;
  height: 48px;
  padding: .5em;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 5px 10px #d1dde7;
}
.hidden {
  display: none;
}
.prlod_go{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: gainsboro;
  overflow: hidden;
  z-index: 101;
}
.cl_avs{
  font-size: .9em;
  color: #f10909;
  text-align: center;
  display: block;
}
.barr_go_pr{
  position: absolute;
  width: 60%;
  height: 3px;
  background: #302f2f;
  border-radius: 10px;
  animation: carr_prelod 1s linear infinite;
}
.carr_prelod{
  position: absolute;
  background: gray;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#card-error {
  color: rgb(105, 115, 134);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}
#card-element {
  border-radius: 10px;
  padding: 29px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 60px;
  line-height: 60px !important;
  width: 70%;
  background: white;
  margin: 0 auto;
}
#payment-request-button {
  margin-bottom: 32px;
}
.itm_sang_p{
  margin-left: 2em;
}
/* Buttons and links */
button {
  background: #183f96;
  color: #ffffff;
  border-radius: 0 0 4px 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
}
.butto_base{
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.button_root{
  color: rgba(0, 0, 0, 0.87);
  padding: 6px 16px;
  min-width: 64px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
}
.button-colors-blue{
  color: #fff;
  background-color: #1976d2;
}
.button-colors-blue:hover{
  background-color: #0c5aa7 !important;
}
.button-colors-teal{
  color: #fff;
  background-color: #2196F3;
}
.button-colors-teal:hover{
  background-color: #0c5aa7 !important;
}
.button-gray{
  background: gainsboro !important;
  color: black;
  font-weight: bold;
}
.button_large{
  width: 100%;
}
.button-colors-gray{
  color: #555;
  background-color: #d6d6d6;
}
.pay_prtc{
  display: inline-block;
  width: 80%;
  opacity: .3;
}
button:hover {
  filter: contrast(115%);
}
button:disabled {
  opacity: 0.5;
  cursor: default;
}
/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #183f96;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #183f96;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}
.animate_barra{
  animation: barr_full 10s ease-in-out infinite;
}
@keyframes barr_full {
  0% {
    width: 0%;
  }
  100%{
    width: 100%;
  }
}
@keyframes carr_prelod {
  0% {
    left: -20em;
  }
  70%{
    left: 80%;
  }
  100%{
    left: 100%;
    width: 60%;
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 600px) {
  .form_crd {
    width: 100%;
    padding: 0;
  }
  #card-element{
    width: auto;
    padding: 1em;
    height: 21px;
  }
}





footer {
  background-color: #1c1b18;
  padding: 20px;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo_foot img {
  height: 80px;
}

.contact-info p {
  margin: 5px 0;
  font-size: .85em;
}

.bottom-bar {
  background-color: #353432;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  color: #f1f1f1;
}




/*ESTILOS DE LA GALERIA*/
.flexbin {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin: -2.5px; }
  .flexbin:after {
    content: '';
    flex-grow: 999999999;
    min-width: 300px;
    height: 0; }
  .flexbin > * {
    position: relative;
    display: block;
    height: 300px;
    flex-grow: 1; }
    .flexbin > * > img {
      height: 300px;
      object-fit: cover;
      max-width: 100%;
      min-width: 100%;
      vertical-align: bottom; }
  .flexbin.flexbin-margin {
    margin: 2.5px; }
  @media (max-width: 980px) {
    .flexbin {
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      margin: -2.5px; }
      .flexbin:after {
        content: '';
        flex-grow: 999999999;
        min-width: 150px;
        height: 0; }
      .flexbin > * {
        position: relative;
        display: block;
        height: 150px;
        margin: 2.5px;
        flex-grow: 1; }
        .flexbin > * > img {
          height: 150px;
          object-fit: cover;
          max-width: 100%;
          min-width: 100%;
          vertical-align: bottom; }
      .flexbin.flexbin-margin {
        margin: 2.5px; } }
  @media (max-width: 400px) {
    .flexbin {
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      margin: -2.5px; }
      .flexbin:after {
        content: '';
        flex-grow: 999999999;
        min-width: 100px;
        height: 0; }
      .flexbin > * {
        position: relative;
        display: block;
        height: 100px;
        margin: 2.5px;
        flex-grow: 1; }
        .flexbin > * > img {
          height: 100px;
          object-fit: cover;
          max-width: 100%;
          min-width: 100%;
          vertical-align: bottom; }
      .flexbin.flexbin-margin {
        margin: 2.5px; } }






/*Aqui estaran los media-querys*/
@media only screen and (min-width: 1400px) {
  .container-limit, .container-center{
    max-width: 1300px;
  }
  .cbp-tm-menu li{
    font-size: 1em;
  }
  .titl_wel{
    font-size: 2em;
  }
  .desc_wel{
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 967px) {
  .info_principal{
    display: none;
  }
  .cabecera{
    background: #ec5c31;
    text-align: center;
    box-shadow: 0px 3px 10px #191919;
  }
  .logo{
    margin-left: 0;
  }
  .logo_small{
    width: 180px;
  }
  .main_res{
    width: 90%;
    margin-top:9em;
  }
  .tithead{
    font-size: 1.3em;
  }
  .cont_tabs_res{
    display: block;
    text-align: center;
    margin-left: 0;
    max-width: none;
  }
  .cnt_out{
    top: 1em;
  }
  .cbp-tm-menu{
    background: rgb(236 92 49) !important;
  }
  .col3{
    display: block;
    width: 80%;
    margin: 1em auto;
  }
  .list{
    max-width: 250px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px) {
  .contenedor_bienv{
    width: 80%;
    height: 40px;
  }
  .cbp-tm-menu li{
    display: block;
  }
  .whts_btn{
    display: block;
  }
  .cont_res_in{
    display: none;
  }
  .icon_men{
    display: block;
  }
  .closed_bt{
    display:block !important;
  }
  .cbp-tm-menu{
    margin-left: 0;
    visibility:hidden;
  }
  .bienve{
    padding-left: .5em;
    font-size: 1em;
  }
  .bien_secon{
    font-size: .9em;
  }
  .in_tit{
    display: none;
  }
  .text_sect, .cont_hab_list{
    display: block;
    width: 100%;
  }
  .enlace_more_hab{
    display: block;
    margin-bottom: 2em;
  }
  .enlace_hab{
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 480px) {
  .cerrar_modal{
    top: .2em;
    right: .5em;
  }
  .desc_wel_l{
    color: #fbfbfb;
    border-left: 0;
    text-align: center;
  }
  .sm-col-12{
    flex: 0 0 auto;
    width: 100% !important;
  }
  .ocultar-sm{
    display: none !important;
  }
  .card-habitacion{
    width: auto !important;
  }
  .contain-location{
    padding: 0 !important;
    width: 95%;
  }
  .sm-t_center{
    text-align: center;
  }
  .cards-flotantes{
    margin: 5px 0 !important;
  }
  .chk_done{
    right: .3em;
    width: 11px;
    height: 11px;
    line-height: 11px !important;
    padding: .2em;
  }
  .cont_center_res{
    width: 95%;
    margin: 0 auto;
  }
  .cont_dis_hab{
    margin-top: 0;
  }
  .cont_buut_res{
    right: 1em;
  }
  .telefono_num, .icn_netw{
    color: #fff;
  }
  .button_res_mov{
    bottom: 5em;
  }
  .sm-col-8{
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .border-radius{
    border-radius: 5px;
  }
  .sm-wrapper-1{
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1em;
    grid-column-gap: 1em;
  }
  .sm-wrapper-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1em;
    grid-column-gap: 1em;
  }
  .sm-separador{
    padding: 1em 0;
  }
  .sm-separador-m{
    padding: .5em 0 !important;
  }
  .sm-gap-2{
    gap: 1em;
  }
  .sm-col-3{
    flex: 0 0 auto;
    width: 25%;
  }
  .container-limit{
    width: 90%;
    margin: 0 auto;
  }
  .sm-col-7{
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .sm-justify-center{
    justify-content: center;
  }
  .ocultar-sm{
    display: none !important; 
  }
  .list_social{
    font-size: .8em;
    z-index: 1125;
    position: relative;
  }
  .sm-mx-0{
    margin: 0 0 !important;
  }
  .max-w-700{
    width: 90%;
    margin: 0 auto;
  }
  .col2{
    display: block;
    width: 95%;
    margin: 0 auto;
  }
  .cbp-tm-menu{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 9.5em;
    text-align: left;
    padding-top: 1em;
  }
  .titl_wel{
    font-size: 2em;
    text-align: center;
    border-left: 0;
  }
  .titulo_g{
    margin-top: 1em;
    padding-left: 0.8em;
  }
  .wd_80{
    width: 90%;
  }
  .mrg_ltr{
    margin: 0;
  }
  .item_column_h{
    display: block;
    width: 90%;
    margin: 1em auto;
  }
  .cont_img_desay{
    position: absolute;
    bottom: 25%;
    right: 19%;
    max-width: 250px;
    z-index: 10;
  }
  .cont_ma{
    position: relative;
    display: block;
    margin-bottom: 1em;
  }
  .btn_acc_evt:before{
    width: 10px;
    right: -1.5em;
  }
  .tt_evt_h{
    font-size: 1.8em;
  }
  .btn_acc_evt:after{
    width: 10px;
    left: -1.5em;
  }
  .mg_mv_b{
    margin-bottom: 1em;
  }
  .cont_det_des{
    padding: 1.5em;
  }
  .contact_mi{
    max-width: 100%;
    margin-top: 1em;
  }
  .datepicker {
    position: fixed !important;
    width: auto !important;
    left: 0;
    top: 0 !important;
    bottom: 0;
    right: 0;
  }
  .contenPrincipal{
    margin-top: 0;
  }
  .inp_login{
    width: 95%;
    margin: .5em auto;
    border-radius: 16px;
    padding: .8em 2em;
  }
  .img_login{
    margin-top: 3em;
    width: 250px;
  }
  .button_res_mov{
    display: inline-block !important;
  }
  .col2_3{
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .btn_next_res{
    width: 95%;
    padding: .8em 3em;
  }
  .btn_reserving{
    padding: .8em 3em;
    width: 90%;
  }
  .mv_block{
    display: block;
    width: 100% !important;
  }
  .oc_mov{
    display: none;
  }
  .tt_hab_{
    padding: .8em 0;
  }
  .form_action{
    margin-top:0;
  }
  .col1_3{
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .contenedor_imgs{
    width: 100%;
    height: 300px;
  }
  .loaderImg{
    height: 300px;
  }
  .next, .prev{
    top: 40%;
  }
  .main_res{
    width: 95%;
  }
  .sm-t-center{
    text-align: center !important;
  }
  .cont_detall{
    width: 55%;
  }
  .col3{
    width: 95%;
  }
  .car_3_pay{
    display: block;
    margin-right: 0;
    padding: 0 .5em;
    margin: 1em auto;
  }
  .cl-box-s{
    box-shadow: none;
  }
  .mov_none{
    display: none;
  }
  .logo{
    margin-top: 1.5em;
    width: 190px;
    border-radius: 20px;
  }
  .cabecera{
    height: 140px;
  }
  .inp_add{
    padding: 0.9em 1em;
  }
  .txt_sr_tb_r{
    display: block;
    text-align: left;
  }
  .cnt_it_tb_r{
    display: none;
  }
  .logo_small{
    margin-left: 1em;
  }
  .lb_res{
    margin-right: 1em;
  }
  .sl_res_frm{
    vertical-align: bottom;
  }
  .cnt_out{
    right: 1em;
  }
  .fot_logo{
    width: 80%;
  }
  .itm_tb_res {
    width: 15%;
  }
  .tit_tb_res{
    font-size: .75em;
  }
  .cont_reser{
    width: 90%;
    margin: 0 auto;
  }
  .icon_men{
    right: 0;
    top: 1.8em;
  }
  .blog-slider__container{
    height: 90vh;
    margin-top: 4em;
  }
  .blogSlides img{
    height: 90vh;
  }
  .contene_menu_h{
    width: 100%;
  }
  .mv_sep{
    margin:.5em 0;
  }
  .parrafo_s{
    padding: .5em 2em;
  }
  .item_hab{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 2em;
  }
  .isZinde{
    position: relative;
    z-index: 2000;
  }
  .mov_fixed{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1500;
    background: #34497a;
    text-align: center;
  }
}
@media only screen and (max-width: 320px) {
  .titul_hab{
    font-size: 1.5em;
  }
}


/* Fading animation */
.slideInUp{
  -webkit-animation: slideInUp 1s 1;
  animation: slideInUp 1s 1;
}
.slideOutDown{
  -webkit-animation: slideOutDown 1s 1;
  animation: slideOutDown 1s 1;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}
.fadeInDown {
  -webkit-animation: fadeInDown 1s 1;
  animation: fadeInDown 1s 1;
}
.fadeOutUp {
  -webkit-animation: fadeOutUp 1s 1;
  animation: fadeOutUp 1s 1;
}
/* Sliding entrances */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fade {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}

@keyframes fade {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}




/* =============================================================
 * BASE STYLES
 * ============================================================*/
.datepicker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: -21em;
  width: 260px;
  z-index: 500;
}

.datepicker__inner {
  overflow: hidden;
}

.datepicker__month {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
}

.datepicker__month--month2 {
  display: none;
}

.datepicker__month-day--valid {
  cursor: pointer;
}

.datepicker__month-day--lastMonth,
.datepicker__month-day--nextMonth {
  visibility: hidden;
}

.datepicker__month-button {
  cursor: pointer;
}

.datepicker__info--feedback {
  display: none;
}

.datepicker__info--error,
.datepicker__info--help {
  display: block;
}

.datepicker__close-button {
  cursor: pointer;
}

.datepicker__tooltip {
  position: absolute;
}

/* =============================================================
 * THEME
 * ============================================================*/
.datepicker {
  background-color: #382c23;
  border-radius: 5px;
  -webkit-box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
  color: #ffa186;
  font-family: 'Helvetica', 'Helvetica Neue', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 14px;
}

.datepicker__inner {
  padding: 20px;
}

.datepicker__month {
  font-size: 12px;
}

.datepicker__month-caption {
  border-bottom: 1px solid #dcdcdc;
  height: 2.5em;
  vertical-align: middle;
}

.datepicker__month-name {
  text-transform: uppercase;
}

.datepicker__week-days {
  height: 2em;
  vertical-align: middle;
}

.datepicker__week-name {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.datepicker__month-day {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: white;
  padding: 9px 7px;
}

.datepicker__month-day--no-checkin {
  position: relative;
}

.datepicker__month-day--no-checkin:after {
  background-color: rgba(255, 0, 0, 0.1);
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: -1;
}

.datepicker__month-day--no-checkout {
  position: relative;
}

.datepicker__month-day--no-checkout:after {
  background-color: rgba(255, 0, 0, 0.1);
  bottom: 0;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.datepicker__month-day--invalid {
  color: #acb2c1;
}

.datepicker__month-day--disabled {
  color: #e8ebf4;
  position: relative;
}

.datepicker__month-day--disabled:after {
  content: '\00d7';
  left: 50%;
  position: absolute;
  color: red;
  font-size: 16px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.datepicker__month-day--day-of-week-disabled {
  background-color: rgba(232, 235, 244, 0.5);
}

.datepicker__month-day--selected {
  background-color: rgba(116, 107, 253, 0.2);
  color: #fff;
}

.datepicker__month-day--selected:after {
  display: none;
}

.datepicker__month-day--hovering {
  background-color: rgba(116, 107, 253, 0.3);
  color: #fff;
}

.datepicker__month-day--today {
  background-color: #484c55;
  color: #fff;
}

.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
  background-color: #746bfd;
  color: #fff;
}

.datepicker__month-day--last-day-selected:after {
  content: none;
}

.datepicker__month-button {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #615248;
  border-radius: 4px;
  color: #ffe597;
  display: inline-block;
  padding: 5px 10px;
}

.datepicker__month-button:hover {
  background-color: #746bfd;
  color: #fff;
}

.datepicker__topbar {
  margin-bottom: 20px;
  position: relative;
}

.datepicker__info-text {
  font-size: 13px;
}

.datepicker__info--selected {
  font-size: 11px;
  text-transform: uppercase;
  text-align: left;
}

.datepicker__info--selected-label {
  color: #acb2c1;
}

.datepicker__info-text--selected-days {
  font-size: 11px;
  font-style: normal;
}

.datepicker__info--error {
  color: red;
  font-size: 13px;
  font-style: italic;
}

.datepicker__info--help {
  color: #945542;
  text-align: left;
}

.datepicker__close-button {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #de5f39;
  border-radius: 4px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 12px;
  color: #fff;
  margin-top: 20px;
  padding: 7px 13px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
}

.datepicker__close-button:hover {
  background-color: #e99177;
  color: #fff;
}

.datepicker__tooltip {
  background-color: #ffe684;
  border-radius: 2px;
  font-size: 11px;
  margin-top: -5px;
  padding: 5px 10px;
}

.datepicker__tooltip:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ffe684;
  bottom: -4px;
  content: '';
  left: 50%;
  margin-left: -4px;
  position: absolute;
}

@media (min-width: 320px) {
}

@media (min-width: 480px) {
  .datepicker__months {
    overflow: hidden;
  }
  .datepicker__month {
    width: 200px;
  }
  .datepicker__month--month1 {
    float: left;
  }
  .datepicker__month--month2 {
    display: table;
    float: right;
  }
  .datepicker__month-button--disabled {
    visibility: hidden;
  }
  .datepicker__months {
    position: relative;
  }
  .datepicker__months:before {
    background: #dcdcdc;
    bottom: 0;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

@media (min-width: 768px) {
  .datepicker {
    width: 560px;
  }
  .datepicker__month {
    width: 240px;
  }
  .datepicker__close-button {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}



.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-radial-gradient(rgba(218, 218, 218, 0.2) 0, rgba(181, 174, 174, 0.3) 40%, rgba(208, 205, 205, 0.4) 50%, rgba(202, 201, 201, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(158, 154, 154, 0.2) 0, rgba(121, 116, 116, 0.3) 40%, rgba(142, 135, 135, 0.4) 50%, rgba(150, 144, 144, 0.5) 60%, rgba(58, 52, 52, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}