bodu{
	color: #666;
	font-family: 'DM Sans', sans-serif !important;
}

.megamenu_stuck .header_logo{
	  max-width: 220px;
	  color: #0081b1;
}

.header_logo img{max-width: 100%;}

.lh0{line-height: 0;}
.m0{margin:0;}
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt25{margin-top: 25px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mr0{margin-right: 0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr25{margin-right: 25px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}

.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb25{margin-bottom: 25px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}

.ml0{margin-left: 0  !important;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml25{margin-left: 25px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}



.p0{padding:0;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.p25{padding: 25px;}
.p40{padding: 40px;}
.p45{padding: 45px;}
.p50{padding: 50px;}

.p0{padding:0 !important;}
.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt25{padding-top: 25px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}

.pr0{padding-right: 0;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr25{padding-right: 25px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}

.pb0{padding-bottom: 0;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb25{padding-bottom: 25px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}

.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl25{padding-left: 25px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}

.fontQuick{
	font-family: quickpen;
	font-size: 2em;
}

.fz5em{
	font-size: 5em;
	color: #008ed0;
	margin-top: -40px;
}

#shopify-section-footer-1{
	background: #5a5a54 !important;
}

#shopify-section-footer-1 a,
#shopify-section-footer-1 .linklist_footer_title.h6,
#shopify-section-footer-1 p{
	color: #fff;
}

#shopify-section-footer-1 .img_bg__wrap{
	background-image: url(../images/apaisada.jpg);
	width: 100%;
	height: 295px;
	background-size: 100%;
}

.distincionesContent h4{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	color: #333;
}

.distincionesContent h3{
	font-size: 1.5em;
	text-align: center;
	color: #444;
	font-weight: normal;
}

.bodasectioncontent{
	background-image: url(../images/eventos.jpg);
	width: 100%;
	height: 587px;
	background-size: 100%;
}

.listaSalones .text-container{
	padding: 58% 0% 58% 0%;
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, .3);
}

.listaSalones .text-container .caption{
	position: relative;
	color: white;
}

.listaSalones .text-container .caption a{
	color: white !important;
	text-decoration: none;
}

.listaSalones ul li{
	padding: 0 5px;
}

.listaSalones ul li .item_block{
	position: relative;
}


.experieciaAwaContent, .gastronomíaContent, .nuestrashabitacionesContent, .resortHotelContent{
	background: #e4e4e4;
}

.areascontent, .eventosContent{background: white;}


.btn-action.btn-primary{
	background: #0e385e;
	color: white;
	text-transform: uppercase;
	border: 1px solid #0e385e;
	padding: 5px 10px;
	border-radius: 5px;
}

.listaSalones h3{
	font-size: 1.5em;
}

.bodasectioncontent,
.bodasectioncontent h2{
	color: white;
}


.natashaTitle{
	font-family: natasha;
	color: #0081b1;
}

.titlequickpen{
	color: white;
	font-family: quickpen;
	font-weight: normal;
	font-size: 6em;
}

.titlequickpen span{
	color: white;
	font-family: natasha;
	font-weight: normal;
	font-size: 0.6em;
}

.subtitleQuickBoda{
	margin-top: -40px;
}

.gastronomíaContent .fontQuick{
	font-size: 5em;
    color: #bcbcbc;
    font-weight: normal !important;
    margin: -32px 0 0 1px;
}

.gastronomíaContent .fontQuick strong{font-weight: normal !important;}

.eventosContent .fontQuick{
	color: #bcbcbc;
	font-weight: normal !important;
}

.experieciaAwaContent h3{
	color: :0e385e;
	font-size: 1.3em;
	margin: 10px ;
}

.experieciaAwaContent  h3.natashaTitle{
	font-size: 4em;
}

.distincionesContent .natashaTitle{
	font-size: 4em;
}


.header-main .link_text,
.header-sticky .link_text{
	color: 	#FFF;
}

.btnReservar{
	background: #0080a2;
	color: white !important;
	padding: 5px 10px;
	border-radius: 3px;
}


.resortHotelContent .owl-carousel{position: relative;}
.resortHotelContent .owl-carousel .owl-dots{
	margin-top: -33px !important;
	position: absolute;
	z-index: 10;
	width: 100%;
}
.resortHotelContent .owl-carousel .owl-dots button{
	min-width: 6px !important;
}



.nuestrashabitacionesContent .owl-carousel{position: relative;}
.nuestrashabitacionesContent .owl-carousel .owl-dots{
	margin-top: -33px !important;
	position: absolute;
	z-index: 10;
	width: 100%;
}
.nuestrashabitacionesContent .owl-carousel .owl-dots button{
	min-width: 6px !important;
}

.gastronomíaContent .owl-carousel{position: relative;}
.gastronomíaContent .owl-carousel .owl-dots{
	margin-top: -33px !important;
	position: absolute;
	z-index: 10;
	width: 100%;
}
.gastronomíaContent .owl-carousel .owl-dots button{
	min-width: 6px !important;
}

.fa.fa-square.currentColor{
	background: black;
}

.awaresort-section-headerpage{
	height: 350px;
	border-radius: 1px solid red;
	background-image: url(../images/portada_habitaciones.jpg);
	background-size: 100% 100%;
}

.sectiontypehabitacion{
	position: relative;
	margin-top: -100px;
}

.sectiontypehabitacion h4{
	color: white;
}


.descript01{
	margin-top: 40px;
	background: rgba(6, 73, 104, .8);;
	color: white;
	padding: 20px;
}

.descript02{
	margin-top: 20px;
	background: rgba(141, 140, 145, .8);;
	color: white;
	padding: 20px;
}

.descript03{
	margin-top: 0px;
	background: rgba(6, 73, 104, .8);;
	color: white;
	padding: 20px;
}
.imagehabitInn img{
	max-width: 100%;
}

.positionrelative{position: relative;}
.descriptionHabitationSlideInn > div{
	background: white;
    height: 581px;
    width: 100%;
    position: absolute;
    right: -50px;
    top: 30px;
    box-shadow: 0px 1px 14px -2px black;
}

#otherroomslistportait picture img{
	width: 100%;
}

#viewModal .modal-dialog{
    z-index: 99999;
}

.modal{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	display:none;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	outline:0
}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;
		-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out;
	-webkit-transform:translate(0,20%);
	-ms-transform:translate(0,20%);
	-o-transform:translate(0,20%);
	transform:translate(0,20%)
}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);
		-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
.modal-open .modal{overflow-x:hidden;
		overflow-y:auto
	}.modal-dialog{position:relative;
		width:auto;
	margin:10px
}
.modal-content{position:relative;
		background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	outline:0;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop{position:fixed;
		top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}
.modal-backdrop.fade{
		filter:alpha(opacity=0);
		opacity:0
	}
	.modal-backdrop.in{
		filter:alpha(opacity=50);
		opacity:.5
	}
	.modal-header{
		padding:15px;
		border-bottom:1px solid #e5e5e5
	}
	.modal-header .close{
		margin-top:-2px
	}
	.modal-title{
		margin:0;
		line-height:1.42857143
	}
	.modal-body{
		position:relative;
		padding:15px
	}
	.modal-footer{
		padding:15px;
		text-align:right;
		border-top:1px solid #e5e5e5
	}
	.modal-footer .btn+.btn{
		margin-bottom:0;
		margin-left:5px
	}
	.modal-footer .btn-group .btn+.btn{
		margin-left:-1px
	}
	.modal-footer .btn-block+.btn-block{
		margin-left:0
	}
	.modal-scrollbar-measure{
		position:absolute;
		top:-9999px;
		width:50px;
		height:50px;
		overflow:scroll
	}

@media (min-width:768px){
	.modal-dialog{
		width:600px;
		margin:30px auto
	}
	.modal-content{
		-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
		box-shadow:0 5px 15px rgba(0,0,0,.5)
	}
	.modal-sm{
		width:300px
	}

	.detailContent article{
		margin-bottom: 40px;
	}
}

@media (min-width:992px){
	.modal-lg{width:900px}
}

@media (max-width:992px){
	.detailContent article{
		margin-bottom: 40px;
	}
	.detailContent article p{
		font-size: 1.8em;
		margin-top: 20px;
	}

	.compromisoDetail h4{font-weight: bold; color: #30327b;}
	.compromisoDetail p{ 
		font-size: 1.5em;
	}
	.serviciosContent{padding-top: 20px !important; margin-top: 30px;}
	.serviciosContent p{font-size: 1.6em }


	.contactosContent form,
	.contactosContent form fieldset,
	.contactosContent form .contactoOficina{
		margin-top: 30px;
	}

	.contactosContent form .contactoOficina h4{
		margin-bottom: 20px;
	}
	footer img{
		max-width: 220px;
	}
	.telcontent{margin-top: 40px;}
}
.tooltip{
	position:absolute;
	z-index:1070;
	display:block;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:400;
	line-height:1.42857143;
	text-align:left;
	text-align:start;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	letter-spacing:normal;
	word-break:normal;
	word-spacing:normal;
	word-wrap:normal;
	white-space:normal;
	filter:alpha(opacity=0);
	opacity:0;
	line-break:auto
}

/* *********  calender dropdown  **************************** */

.daterangepicker.dropdown-menu {
    font-size: 13px;
    padding: 0;
    overflow: hidden;
}

.daterangepicker.picker_1 {
    background: #34495E;
    color: #ECF0F1;
}

.daterangepicker.picker_1 table.table-condensed thead tr:first-child {
    background: #1ABB9C;
}

.daterangepicker table.table-condensed thead tr:first-child th {
    line-height: 28px;
    text-align: center;
}

.daterangepicker.picker_1 table.table-condensed thead tr {
    background: #213345;
}

.daterangepicker table.table-condensed thead tr {
    line-height: 14px;
}

.daterangepicker table.table-condensed tbody tr:first-child td {
    padding-top: 10px;
}

.daterangepicker table.table-condensed th:first-child,
.daterangepicker table.table-condensed td:first-child {
    padding-left: 12px
}

.daterangepicker table.table-condensed th:last-child,
.daterangepicker table.table-condensed td:last-child {
    padding-right: 12px
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px 7px;
    text-align: center;
}

.daterangepicker table.table-condensed tbody tr:last-child td {
    padding-bottom: 10px;
}

.daterangepicker.picker_2 table.table-condensed thead tr:first-child {
    color: inherit;
}

.daterangepicker.picker_2 table.table-condensed thead tr {
    color: #1ABB9C;
}

.daterangepicker.picker_3 table.table-condensed thead tr:first-child {
    background: #1ABB9C;
    color: #ECF0F1;
}

.daterangepicker.picker_4 table.table-condensed tbody td {
    background: #ECF0F1;
    color: #34495E;
    border: 1px solid #fff;
    padding: 4px 7px;
}

.daterangepicker.picker_4 table.table-condensed tbody td.active {
    background: #536A7F;
    color: #fff;
}

.daterangepicker.picker_4 table.table-condensed thead tr:first-child {
    background: #34495E;
    color: #ECF0F1;
}

.xdisplay_input {
    width: 240px;
    overflow: hidden;
    padding: 0;
}

.xdisplay {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    width: 230px;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar {
    float: right;
}

.daterangepicker.dropdown-menu .calendar {}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    white-space: nowrap;
}

.daterangepicker td.off {
    color: #999;
}

.daterangepicker td.disabled {
    color: #999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee;
    color: #34495E;
}

.daterangepicker td.in-range {
    background: #E4E7EA;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.available + td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.in-range + td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #536A7F;
    color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    height: 30px;
    border: 1px solid #ADB2B5;
    line-height: 30px;
    border-radius: 0px !important;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px
}

.daterangepicker th.month {
    width: auto;
}

//----
.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

.daterangepicker .ranges .input-mini:hover {
    cursor: pointer;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #536A7F;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #536A7F;
    border: 1px solid #536A7F;
    color: #fff;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    border: none;
}

//----
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left;
    margin: 4px;
}

.daterangepicker .ranges .range_inputs>div {
    float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    padding-left: 11px;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
    display: none;
}
/* *********  /calender dropdown  **************************** */





/* *********  calender dropdown  **************************** */

.daterangepicker.dropdown-menu {
    font-size: 13px;
    padding: 0;
    overflow: hidden;
}

.daterangepicker.picker_1 {
    background: #34495E;
    color: #ECF0F1;
}

.daterangepicker.picker_1 table.table-condensed thead tr:first-child {
    background: #1ABB9C;
}

.daterangepicker table.table-condensed thead tr:first-child th {
    line-height: 28px;
    text-align: center;
}

.daterangepicker.picker_1 table.table-condensed thead tr {
    background: #213345;
}

.daterangepicker table.table-condensed thead tr {
    line-height: 14px;
}

.daterangepicker table.table-condensed tbody tr:first-child td {
    padding-top: 10px;
}

.daterangepicker table.table-condensed th:first-child,
.daterangepicker table.table-condensed td:first-child {
    padding-left: 12px
}

.daterangepicker table.table-condensed th:last-child,
.daterangepicker table.table-condensed td:last-child {
    padding-right: 12px
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px 7px;
    text-align: center;
}

.daterangepicker table.table-condensed tbody tr:last-child td {
    padding-bottom: 10px;
}

.daterangepicker.picker_2 table.table-condensed thead tr:first-child {
    color: inherit;
}

.daterangepicker.picker_2 table.table-condensed thead tr {
    color: #1ABB9C;
}

.daterangepicker.picker_3 table.table-condensed thead tr:first-child {
    background: #1ABB9C;
    color: #ECF0F1;
}

.daterangepicker.picker_4 table.table-condensed tbody td {
    background: #ECF0F1;
    color: #34495E;
    border: 1px solid #fff;
    padding: 4px 7px;
}

.daterangepicker.picker_4 table.table-condensed tbody td.active {
    background: #536A7F;
    color: #fff;
}

.daterangepicker.picker_4 table.table-condensed thead tr:first-child {
    background: #34495E;
    color: #ECF0F1;
}

.xdisplay_input {
    width: 240px;
    overflow: hidden;
    padding: 0;
}

.xdisplay {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    width: 230px;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar {
    float: right;
}

.daterangepicker.dropdown-menu .calendar {}

.daterangepicker.dropdown-menu{
    z-index: 99999999999999 !important;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    white-space: nowrap;
}

.daterangepicker td.off {
    color: #999;
}

.daterangepicker td.disabled {
    color: #999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee;
    color: #34495E;
}

.daterangepicker td.in-range {
    background: #E4E7EA;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.available + td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.in-range + td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #536A7F;
    color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    height: 30px;
    border: 1px solid #ADB2B5;
    line-height: 30px;
    border-radius: 0px !important;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px
}

.daterangepicker th.month {
    width: auto;
}

//----
.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

.daterangepicker .ranges .input-mini:hover {
    cursor: pointer;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #536A7F;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #536A7F;
    border: 1px solid #536A7F;
    color: #fff;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    border: none;
}

//----
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left;
    margin: 4px;
}

.daterangepicker .ranges .range_inputs>div {
    float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    padding-left: 11px;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}
/* *********  /calender dropdown  **************************** */

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

#listaHabitacionesReserva a.btn{
	border: 1px solid #3a3a3a;
}

#listaHabitacionesReserva a.btn-info{
	background: #0080a2;
	color: white;
}


.otrosPrecios .row:hover{
	background: #f7f7f7;
}
.otrosPrecios .row{
	margin: 5px 0 10px;
	border: 1px solid black;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
}



.otrosPrecios .fa.fa-check:before{
	font-size: 3em;
	color: #1fe731;
	font-weight: bold;
}
.otrosPrecios h4{
	font-size: 1.5em;
	color: #0080a2;
}

.statusCheckpay{
	align-items: center;
}

.otrosPrecios .fa.fa-close:before{
	font-size: 3em;
	color: #c00;
	font-weight: bold;
}

.otrosPrecios > div{
	margin: 20px 0 !important;
}

.priceActive{
	background: #eaf9ff;
	box-shadow: 0px 0 17px -5px #5b92c8;
	border: 1px solid green;
}
.priceActive .precioAnterior{
	color: #836868;
}

.dataHuesped{
	padding: 20px;
}
.dataHuesped > div.col{
	background: white;
	box-shadow: 0px 1px 4px -2px black;	
	padding-top: 30px ;
	padding-bottom: 30px ;
}
#form-reserva button[type="submit"]{
	color: white;
}

.resumenReserva h4{
	font-weight: bold;
	font-size: 1.2em;
}

.pagolistaForm{text-align: center; }
.pagolistaForm li{margin-top: 20px; }
.pagolistaForm img{
	width: 70px;
}


.pageInn header,
.pageInn .header-sticky.d-none.d-xl-block.stickUpHeader.megamenu_stuck{
	box-shadow: 0px -4px 12px 0px black;
}

.ok{
	border: 6px solid #0080a2;
	border-radius: 10px;
	margin: 2em;
	padding: 30px;
	text-align: center;
}

.promoBox{
	background: #e8e8e8;
	text-align: center;
	padding: 0;
}

.promoBox img{
	max-width: 100%;
}

.promoBox .title{
	font-size: 1.3em;
	text-align: center;
	color: #333;
	/*font-family: "natashabold";*/
	font-weight: bold;
}

.promoBox li i.fa::before{
	font-size: 20px !important;
}

.promoBox li i.fa.active::before{
	color: gold;
}

.promoBox .list-inline-item:not(:last-child){
	margin-right: 0.2rem !important;
}

.promoBox .price{
	font-weight: bold;
}

.boxPromo{
	background: #74daf5;
	padding: 20px;
}

.boxPromo ::placeholder {
  color: #999;
  font-size: .8em;
  font-weight: normal;
}

.boxPromo select {
  color: #999;
}

#form-data-reserva button[type="submit"]{
	background: #000;
	color: #fff;
}
#form-data-reserva button[type="submit"]:hover{
	background: #333;
	color: #fff;
}


#bannerPromoSlide .owl-nav
{
	position: absolute;
    top: 45%;
    z-index: 999;
    width: 100%;
}


#bannerPromoSlide .owl-nav button{
	color: white;
	border-radius: 50% 50%;
	max-width: 26px !important;
	min-height: 10px;
	padding: 0 0 38px 0 !important;
	font-weight: bold;
	font-size: 3em;
	min-width: 39px !important;
	height: 41px;
	background: transparent;
	position: relative;
}

#bannerPromoSlide .owl-nav button:hover{
	background: #0080a2;
}

#bannerPromoSlide .owl-nav button span {
	height: 10px;
	max-height: 10px;
	position: absolute;
	top: -11px;
	left: 11px;
}

#bannerPromoSlide .owl-nav button.owl-prev {
	float: left;
}

#bannerPromoSlide .owl-nav button.owl-next {
	float: right;
}


.level_1__link.current .link_text,
.level_1__link .link_text:hover{
	color: #e8ab54 !important;
}

.detailContent{
    background: url(../images/bg-icon-oportuna01.png) 99% 3% no-repeat, url(../images/bg-icon-oportuna02.png) -4% 45% no-repeat;
    background-color: #f8f8f8;
    background-size: 225px, 139px;   
}

.institucionalBoxContent{
	background: #eaeaea;
	border-radius: 20px;
	padding:20px ;
}

.institucionalBoxContent img{max-width: 112px; }
.institucionalBoxContent h3{color: #30327b; font-weight:bold; font-size:1.5em }

.serviciosContent{
	background: #2c297e;
	padding: 50px 0;
	color: white;
}

.serviciosContent h2{color: white; font-weight: bold;}

.serviciosContent .colServicio{
	background: white;
	border-radius: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.serviciosContent .row.flex-row{padding: 20px 10px;}
.serviciosContent h4{font-weight: bold; font-size: 1.4em}
.serviciosContent img{max-width: 160px}

.contactosContent i.fa{
	background: #2c297e;
	color: white;
	border-radius: 50% 50%;
	width: 30px;
	height: 30px;
	padding: 8px 3px 2px 9px;

}

.contactosContent h4{
	font-weight: bold;
	color: #2c297e;
	font-size: 1.4em;
}

.contactosContent label,
.form-escuchanos-content label{
	font-weight: bold;
	color: #d89f58;
	font-size: 1.3em;
}

.contactosContent button[type="submit"],
.form-escuchanos-content button[type="submit"]{
	background: #d89f58;
	color: white;
	border: 0;
	border-radius: 6px;
}

footer .oportunaFooter{background: #2c297e;}

.form-escuchanos-content{
	border: 2px solid #c0c0c0;
	padding-top: 50px;
	padding-bottom: 50px;
}

.te-escuchamos-page h3{
	color: #292581;
	font-weight: bold;
	font-size: 2em;
}

.te-escuchamos-page p{
	color: #292581;
}


.servicios-page h3{
	color: #292581;
	font-weight: bold;
	font-size: 2em;
}

.servicios-page p{
	color: #666;
}



.mobile_menu_main{padding-right:30px;}
.mobile_menu_main ul li {
	margin-bottom: 20px;
}
.mobile_menu_main ul li a{
	padding: 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #d89f58;
	width: 100%;
}



@media screen and (min-width: 480px), screen and (max-width: 770px) {
    .WhatsApp.Web {
        bottom: 5px;
    }
}
.WhatsApp.Web {
    position: fixed;
    bottom: 40px;
    z-index: 9999999999;
    right: 0;
    width: 100%;
}

@media screen and (min-width: 480px), screen and (max-width: 770px) {
    .call-ico {
        right: 20px;
        width: 60px;
        height: 60px;
        bottom: 67px;
    }
    .whatsapp-ico {
        width: 60px !important;
        right: 20px !important;
        height: 60px !important;
    }
}

.call-ico {
    position: absolute;
    right: 20px;
    width: 60px;
    height: 60px;
    bottom: 67px;
}

.whatsapp-ico {
    position: absolute;
    right: 40px;
    width: 80px;
    height: 80px;
    bottom: 0;
}

.call-ico img,
.whatsapp-ico img {
    width: 100%;
}

.compromisoDetail p,
.serviciosContent p{
	line-height: 22px;
	text-align: justify;
	margin: 20px 0;
	font-size: 1.1rem;
}

.institucionalBoxContent p{
	line-height: 22px;
	margin: 20px 0;
}

.serviciosContent a.btn{
	background: #d89f58;
	color: white;
	border: 0;
	border-radius: 6px;
}
.servicios-content .infoServicios{
	background: #ededed;
	padding: 30px;
	border-radius: 10px;
}

.infoServicios h4{
	color: #292581;
	font-weight: bold;
	font-size: 2em;
	padding-top: 10px;
	margin-bottom: 40px;
}
.infoServicios img{max-width: 100%}

.infoServicios p{
	font-size: 1.2em;
	text-align: justify;

}
footer img{max-width: 100%}

.compromisoDetail h4{
	font-weight: bold;
	color: #30327b;
}

.block-subtitle p{
	color: #e9e9e9;
	font-size: 1.2rem;
	text-align: left;
	margin: 20px 0;
}

.block-subtitle h4{
	color: white;
	font-weight: bold;
	text-align: left;
	font-size: 3rem;
}

.block-subtitle .btn{
	background: #30327b ;
	color: white;
	border-radius: 6px;
	border: 0;
	float: left;
}

.contactosContent h3{
	color: #d89f58;
	font-size: 2rem;
	font-weight: bold;
}