body{
  font-family: 'Montserrat', sans-serif!important;
}
.ui-widget.ui-widget-content{
    border: none!important;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    padding: 10px;
}
.ui-menu-item-wrapper.ui-state-active{
	background: #E22803!important;
	border: none!important;
}
.uk-modal-dialog.uk-modal-dialog-blank.modal_happy{
    width: 90%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
    max-width: 1000px;
}
.modal_happy .uk-modal-close.uk-close{
  top: 15px;
  right: 20px;
  font-size: 35px;
  color: #fff;
}
.left_happy{
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    text-align: center;
    position: relative;
    min-height: 500px;
}
.left_happy img{
  width: 100%;
  max-width: 200px;
}
.left_happy h2{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  padding: 50px;
}
.uk-grid.content_happy{
  min-height: calc(100vh - 15%);
  margin-left: 0;
}
.left_happy .content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    padding: 50px;
}
.right_happy{
  background: #000;
  padding: 50px;
  color: #fff;
  position: relative;
  min-height: 750px;
}
.right_happy h3{
    color: #fff;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 20px;
}
.right_happy .frases_login h2{
  text-align: center;
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 50px;
}
.flex_happy{
  display: flex;
  padding: 10px;
  background: transparent;
  border: 2px solid rgba(240,107,36,0.93);
  border-radius: 50px;
}
.right_happy  input{
  background-color: #000;
  border: none;
  padding: 0 10px;
  color: #fff;
}
.right_happy input:-internal-autofill-selected{
  background-color: #000 !important;
  border: none !important;
  padding: 0 10px !important;
  color: #fff !important;
}
.right_happy  input:focus{
  outline: none!important;
}
.no-valid{
    display: flex;
    align-items: center;
    margin: 10px;
}
.right_happy .btn-custom,
.right_happy .enlace_boton{
    width: 100%;
    margin: 15px 0;
    padding: 15px;
    border-radius: 50px;
    border: none;
    background: linear-gradient(135deg, rgba(255,233,125,1) 0%, rgba(240,107,36,0.93) 37%, rgba(255,33,13,0.83) 84%, rgba(255,33,13,0.8) 100%);
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}
.right_happy .btn-custom:hover,
.right_happy .enlace_boton:hover{
  background: rgba(240,107,36,0.93);
}
.right_happy .registro-social{
  text-align: center;
}
.right_happy .registro-social a{
  margin: 0 10px;
}
.right_happy .registro-social a{
  color: #fff;
}
.right_happy .separator{
  margin: 20px 0;
}
.right_happy .enlace_boton a{
  background:transparent;
}
.right_happy .enlace_boton a:hover{
  text-decoration: none;
  background: transparent;
}
.right_happy .enlace_boton{
  text-align: center;
  padding: 15 0px;
}
@media (max-width: 1024px){
  .right_happy .frases_login h2{
    position: initial;
    padding: 50 0 0;
  }
}
@media (max-width: 768px){
  .left_happy h2{
    position: initial;
    padding: 50px 0 0;
  }
}
.show{
  display: block!important;
}
:focus{
  outline: #eee 1px!important;
}
.bookingmask_complet{
    position: absolute;
    /*top: calc(50% - 100px);*/
    /*top: calc(50% - 60px);*/
	top: calc(50% +	80px);
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1000px;
    background: rgba(0,0,0,1);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 5px;
}
.promo_codigo{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 20px 10px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}
.promo_codigo p{
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}
.promo_codigo span{
    font-size: 28px;
}
.promo_codigo button{
    margin: 0 10px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
}
.promo_codigo button:hover{
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0);
}
.form_rm{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
}
.form_rm .fechas{
  padding-right: 5px;
}
#select-destino{
    height: 20px;
    overflow: hidden;
    border: none;
    width: 100%;
}
.form_rm .fechas,
.form_rm .destino.button{
  width: 22.5%;
}
.form_rm .destino,
.form_rm .huespedes,
.form_rm .codigo_promicional{
    width: 16.5%;
    padding-right: 5px;
    position: relative;
}
/*.form_rm .destino:last-child{
  padding-right: 0;
}*/
.form_rm .destino.button{
  display: flex;
  align-items: flex-end;
  padding-right: 0;
}
.form_rm .destino.button button{
    /*background: rgb(200, 81, 0);*/
    background: #E22803;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    height: 34px;
    color: #fff;
    cursor: pointer;
    width: 100%;
}
.form_rm .destino.button button:hover{
  background: rgba(226, 40, 3, 0.7);
}
.form_rm label.description{
    font-size: 10px;
    color: #fff;
}
.form_rm .action_form{
    background: #fff;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    cursor: pointer;
    font-size: 11px;
}
.form_rm .action_form:last-child{
    margin: 0;
}
.form_rm .action_form label,
.form_rm .action_form textarea{
  font-size: 12px;
}
.form_rm .action_form textarea{
    resize: none;
    padding: 10px 5px;
    border: none;
    font-size: 12px;
    height: 14px;
    font-family: 'Montserrat', sans-serif!important;
    overflow: hidden;
}
.form_rm #action-codigo.action_form{
  padding: 0px 5px;
}
.content_destino,
.content_huespedes{
    position: absolute;
    background: #fff;
    margin-top: 15px;
    width: 250px;
    padding: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    z-index: 20;
}
.content_huespedes .huespedes_box{
	max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.content_destino_desktop{
    position: absolute;
    width: 800px;
    background: #fff;
    margin-top: 15px;
    padding: 40px 20px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    z-index: 20;
}
.content_destino .triangulo,
.content_huespedes .triangulo{
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: -8px;
    margin: 0 auto;
    left: 0;
    right: 0;
    transform: rotate(45deg);
}
.content_destino_desktop .triangulo,
.litepicker .triangulo{
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: -8px;
    margin-left: 50px;
    transform: rotate(45deg);
}
.content_destino p,
.content_huespedes p{
  margin: 5px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.content_destino_desktop p,
.content_destino p{
    margin: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #444;
}
.content_destino_desktop .pais,
.content_destino_desktop .ciudad{
    border-right: 1px solid #eee;
}
.content_destino_desktop .pais > div,
.content_destino_desktop .ciudad > div,
.content_destino_desktop .hotel > div{
  max-height: 280px;
  overflow-y: scroll;
}
/*.content_destino_desktop .column p:nth-child(1){
    position: absolute;
    background: #fff;
    margin: 0;
    padding: 15px 10px;
}
.content_destino_desktop .column p:nth-child(2){
    margin-top: 50px;
}*/
.content_huespedes .huespedes_box::-webkit-scrollbar,
.content_destino_desktop .column > div::-webkit-scrollbar {
    -webkit-appearance: none;
}
.content_huespedes .huespedes_box::-webkit-scrollbar:vertical,
.content_destino_desktop .column > div::-webkit-scrollbar:vertical {
    width:5px;
}
.content_huespedes .huespedes_box::-webkit-scrollbar-button:increment,
.content_destino_desktop .column > div::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
}
.content_huespedes .huespedes_box::-webkit-scrollbar:horizontal,
.content_destino_desktop .column > div::-webkit-scrollbar:horizontal {
    height: 10px;
}
.content_huespedes .huespedes_box::-webkit-scrollbar-thumb,
.content_destino_desktop .column > div::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 20px;
}
.content_huespedes .huespedes_box::-webkit-scrollbar-track,
.content_destino_desktop .column > div::-webkit-scrollbar-track {
    border-radius: 10px;
}
.content_destino span,
.content_huespedes span,
.content_destino_desktop span{
  cursor: pointer;
}
.content_destino .pais,
.content_destino .ciudades{
    display: flex;
    align-items: center;
}
.content_destino .ciudad{

}
.content_destino .close,
.content_huespedes .close,
.content_destino_desktop .close,
.litepicker .close{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.content_destino .title,
.content_destino .active,
.content_huespedes .title,
.content_huespedes .active,
.content_destino_desktop .title,
.content_destino_desktop .activo{
  font-weight: 600;
}
.content_destino_desktop .title,
.content_huespedes .title,
.content_destino .title{
  font-size: 14px;
  color: #444;
  font-family: 'Montserrat', sans-serif!important;
  padding-right: 30px;
}
.content_destino a,
.content_destino_desktop  a{
  color: #000;
  font-weight: 600;
}
.content_destino a:hover,
.content_destino_desktop a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.content_destino a span.nuevo,
.content_destino_desktop a span.nuevo{
  text-transform: uppercase;
  color: #e22803;
}
.content_huespedes .item_habitacion{
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
    justify-content: space-between;
    font-size: 14px;
}
.content_huespedes .item_habitacion span{
  cursor: pointer;
}
.content_huespedes .item_habitacion span:hover{
  opacity: 0.6;
}
.content_huespedes .numer_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.content_huespedes .contador_numers{
   display: flex;
    align-items: center;
}
.content_huespedes .contador_numers button{
  margin: 0 10px;
  border: 1px solid #e22803;
  border-radius: 100%;
  padding: 0px;
  background: transparent;
  width: 26px;
  height: 26px;
}
.content_huespedes .contador_numers button:hover{
	opacity: 0.8;
}
.content_huespedes .contador_numers button span{
  color: #e22803;
}
.content_huespedes .box_habitacion{
  border-bottom: 1px solid #eee;
}
.content_huespedes .add_habitacion{
    margin: 10px auto;
    width: 100%;
    padding: 10px;
    border: 1px solid #e22803;
    background: transparent;
    color: #e22803;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}
.content_huespedes .add_habitacion:hover{
    background: #e22803;
    color: #fff;
}
#action-fecha label{
  display: flex;
  align-items: center;
  font-size: 12px;
}
#action-fecha span{
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
}
#action-fecha input{
  border: none;
  width: 96%;
  font-family: 'Montserrat', sans-serif!important;
  font-size: 12px;
}
#action-fecha.action_form{
  padding: 0px 10px;
  height: 34px;
}
.edades-ninos{
	padding: 10px;
    background: rgba(0,0,0,0.05);
    margin: 0 -15px;
    text-align: center;
}
.edades-ninos .description{
	font-size: 12px;
	justify-content: center;
}
.select-edades{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.select-edades select{
	margin: 5px;
    border: none;
    padding: 5px;
    color: #333;
}
.litepicker{
	margin-top: 25px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    padding: 20px 10px;
    background:#fff;
    margin-left: -10px;
}
.litepicker .container__days a{
	font-size: 13px;
}
.litepicker  .month-item-weekdays-row > div{
	font-size: 14px!important;
}
.litepicker .container__months.columns-2,
.litepicker .container__months{
	box-shadow: none!important;
}
.litepicker .container__months .month-item-header{
	font-size: 16px;
}
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date{
	background-color: #e22803!important;
}
.litepicker .container__days .day-item.is-in-range{
	background-color: rgba(226, 40, 3, 0.2)!important;
}
.litepicker .container__days .day-item:hover{
	box-shadow: inset 0 0 0 1px #e22803!important;
}
#action-fecha label,
#action-fecha input{
	width: 100%!important;
	cursor: pointer;
}

@media (min-width: 601px) and (max-width: 959px){
	.litepicker .triangulo{
		margin-left: 80%;
	}
    .form_rm .destino,
    .form_rm .huespedes,
    .form_rm .fechas,
    .form_rm .codigo_promicional{
      width: 49%;
      margin-bottom: 10px;
    }
    .form_rm .fechas,
    .form_rm .codigo_promicional{
      padding-right: 0px;
    }
    .form_rm .destino.button{
      width: 100%;
      margin-top: 15px;
    }
    .bookingmask_complet{
      width: 100%;
      position: initial;
      border-radius: 0px;
      background: rgba(0,0,0,0.9);
      box-shadow: none;
    }
    .promo_codigo p{
      margin-bottom: 10px;
    }
    .content_huespedes{
      right: 0;
    }
}

@media (max-width: 600px){
  .form_rm .destino.button {
    width: 100%;
    margin-top: 10px;
  }
	.litepicker .triangulo{
		display: none;
	}
	.litepicker .container__months{
		display: block!important;
    margin: 0 auto;
	}
	.litepicker{
		width: calc(100% - 60px)!important;
		margin-left: 0px;
		margin-top: -40px!important;
	}
	.litepicker .container__months .month-item{
		margin-right: auto;
		margin-left: auto;
		width: 100%!important;
	}
    .bookingmask_complet{
      position: initial;
      border-radius: 0px;
      /*margin-bottom: 50px;*/
      margin-bottom: 0px;
      background: rgba(0,0,0,0.9);
      box-shadow: none;
    }
    .form_rm .destino,
    .form_rm .huespedes,
    .form_rm .fechas,
    .form_rm .codigo_promicional{
      width: 100%;
    }
    .form_rm{
      padding: 0 10px;
    }
    .form_rm .destino,
    .form_rm .huespedes,
    .form_rm .fechas,
    .form_rm .codigo_promicional{
      padding-right: 0px;
    }
    .form_rm .codigo_promicional{
      margin-bottom: 10px;
    }
    .promo_codigo p{
      margin-bottom: 10px;
    }
    .content_destino,
    .content_huespedes{
      width: calc(100% - 20px);
    }
}