/*-------------------------------------------- */
/*-------------- HOTELS SECTION -------------- */
/*-------------------------------------------- */





#advx .hotels .intro-text img { max-width: 250px; margin-bottom: 20px; }
#advx .hotels .intro-text p.ld { font-size: 21px; }
#advx .hotels .intro-text p { font-size: 16px; }

#advx .hotels .benefits-area .box { padding: 10px 30px; border-top: 1px  rgba(0,0,0, 0.15) solid; }

#advx .hotels .benefits-area .box h3 { font-size: 26px; margin: 20px 0 14px 0; font-weight:normal; }

#advx .hotels .benefits-area .box p.promo { font-size: 16px; margin: 0 0 0px 0; font-weight:bold; }
#advx .hotels .benefits-area .box p.location { font-size: 12px; margin: 0 0 10px 0; }

#advx .hotels .benefits-area .box p.more  { font-size:12px;  }
#advx .hotels .benefits-area .box p.more a { text-decoration:none; color:white; display:inline-block; }
#advx .hotels .benefits-area .box p.more a span { background:rgba(0,0,0, 0.15); color:white; display:inline-block; padding: 5px 17px;  }
#advx .hotels .benefits-area .box p.more a:hover { text-decoration:none; }
#advx .hotels .benefits-area .box p.more a:hover span { background:rgba(0,0,0, 0.25); color:white; display:inline-block; padding: 5px 17px;  }



@media only screen and (max-width: 600px) { 
#advx .hotels .benefits-area .box { padding: 20px 0px; }
}


/* ------- END -- hotels home page ------ */






/* ------- hotels - privileges page ------ */

#advx .hotels .privileges .intro { padding: 0 0px 20px 0px; }
#advx .hotels .privileges p.ld { font-size: 21px; }

@media only screen and (max-width: 600px) { 
#advx .hotels .privileges .intro { padding: 20px 0px; }
}

#advx .hotels .privileges .perk { margin-bottom: 20px; border: 1px rgba(0,0,0, 0.45) solid; min-height: 190px; padding: 20px; text-align:center; display: flex; justify-content: center; align-items: center; }
#advx .hotels .privileges .perk p.title  { font-weight:normal; text-transform:none; line-height: 135%; font-size: 12px; margin: 3px; }
#advx .hotels .privileges .perk p.title span { font-weight:bold; text-transform:uppercase; line-height: 120%; font-size: 21px; margin: 3px; }

/* ------- END -- hotels - privileges page ------ */


/* ------- hotels - privileges page ------ */



#advx .hotels .discover .intro { padding: 0 0px 20px 0px; }
#advx .hotels .discover p.ld { font-size: 21px; }

@media only screen and (max-width: 600px) { 
#advx .hotels .discover .intro { padding: 20px 0px; }
}

#advx .hotels .discover .hotel-destinations { background-size:cover; background-position:center center; }
#advx .hotels .discover .hotel-destinations h3 { text-align:center; text-transform:uppercase; font-weight: 300; letter-spacing: 1px; }

#advx .hotels .discover .destination a { margin-bottom: 20px; border: 1px rgba(0,0,0, 0.45) solid; display:block; text-decoration:none; color:black; padding: 10px; text-align:center; }
#advx .hotels .discover .destination a:hover { background-color: rgba(0,0,0, 0.45); color:white; }




/* ------- END -- hotels - discover ------ */


#advx .hotels .summary { padding-top: 20px;  }




#advx .hotels .details { position:relative; border: 1px rgb(0,0,0, 0.15) solid; padding: 30px 20px 20px 20px; margin-bottom: 0px;  }
@media only screen and (max-width: 600px) { 
#advx .hotels .details { padding: 20px 0px 10px 0px;  }
}


#advx .hotels .details .terms-area { max-width: 500px; background:white; margin: 0 auto; position: relative; height: 80%; top: 10%; overflow-y: scroll; box-shadow: 0 0 30px black; }
#advx .hotels .details .terms { padding: 20px 30px; }
#advx .hotels .details .terms h3 { margin: 0 0 10px 0; }
#advx .hotels .details .terms p { margin: 0; font-size: 15px; }

#advx .hotels .details .attractions p.title { margin: 7px 0 0 0; }

#advx .hotels .details .main-thumb { margin-bottom: 15px; width: 100%; }
#advx .hotels .details .main-thumb img { width: 100%; }


#advx .hotels .details .hotel-room-cats p { margin: 5px 10px; }


#advx .hotels .details .hotel-room-category { max-width: 800px; margin: 0 auto; position: relative; height: 80%; background:white; top: 10%; overflow-y: scroll; box-shadow: 0 0 30px black; }
#advx .hotels .details .hotel-room { padding: 20px; background:white; }

#advx .hotels .details .hotel-room p,
#advx .hotels .details .hotel-room li,
#advx .hotels .details .hotel-room p.title { font-weight: bold; line-height: 135%; font-size: 25px; margin: 0 0 14px 0; }

#advx .hotels .details .hotel-room p { font-size: 15px; font-weight:normal; }

#advx .hotels .hotel-disclaimer  { clear:both; margin: 0 0 0px 0; padding: 14px; background:rgb(255,255,255, 0.95); }
#advx .hotels .hotel-disclaimer p { font-size: 13px; line-height: 135%; margin: 0;  }


#advx .hotels .hotel-promos  { clear:both; margin: 20px 0; padding: 14px 0; }
#advx .hotels .hotel-promos .promo-row  { clear:both; margin: 2px 0; padding: 14px; background:rgb(255,255,255, 0.97); border: 1px rgb(0,0,0, 0.15) solid; }
#advx .hotels .hotel-promos .promo-row .title { font-size: 19px; }
#advx .hotels .hotel-promos .promo-row .title a { font-weight:bold; }
#advx .hotels .hotel-promos .promo-row .title .fa { margin-right: 7px; }
#advx .hotels .hotel-promos .promo-row .booking { font-size: 13px; text-align:right; }
#advx .hotels .hotel-promos .promo-row .travel { font-size: 13px; text-align:right; }

#advx .hotels .hotel-promo-outer { max-width: 800px; margin: 0 auto; position: relative; height: 80%; background:white; top: 10%; overflow-y: scroll; box-shadow: 0 0 30px black; }
#advx .hotels .hotel-promo { padding: 20px; background:white; }



#advx .hotels .hotel-block  { padding-bottom: 25px; }
#advx .hotels .hotel-block .hotel-name {  margin: 25px 0 4px 0; }
#advx .hotels .hotel-block .hotel-name span { font-weight:normal; font-size: 27px; vertical-align:middle; margin-right: 8px; }
#advx .hotels .hotel-block .hotel-name a { font-weight:normal; display: inline-block; font-size: 13px; vertical-align:middle; border: 1px rgb(0,0,0, 0.10) solid; margin: 0; padding: 1px 5px;}
#advx .hotels .hotel-block .hotel-name a:hover { text-decoration:none; background: rgb(0,0,0, 0.05)}

#advx .hotels .hotel-block .hotel-location { font-weight:normal; font-style:italic; font-size: 14px; margin: 0 0 15px 0; }
#advx .hotels .hotel-block .promo-row  { clear:both; margin: 2px 0; padding: 10px 0px; background:rgb(255,255,255, 0.97); border: 1px rgb(0,0,0, 0.10) solid; }
#advx .hotels .hotel-block .promo-row .title { font-size: 19px; }
#advx .hotels .hotel-block .promo-row .title a { font-weight:bold; font-size: 19px; }
#advx .hotels .hotel-block .promo-row .title .fa { margin-right: 7px; }
#advx .hotels .hotel-block .promo-row .booking { font-size: 13px; text-align:right; }
#advx .hotels .hotel-block .promo-row .travel { font-size: 13px; text-align:right; }



#advx .hotels .hotel-result { padding: 20px 0; }
#advx .hotels .hotel-result .hotel-name { font-size: 27px; margin: 0 0 2px 0;}
#advx .hotels .hotel-result .hotel-location { font-size: 14px; margin: 0 0 10px 0;}
#advx .hotels .hotel-result .hotel-cost-rating { font-size: 11px; margin: 0 0 10px 0;}
#advx .hotels .hotel-result .hotel-cost-rating span { display:inline-block; padding: 2px 4px; background:rgb(0,0,0, 0.65); color:white; }
#advx .hotels .hotel-result .hotel-description { font-size: 15px; margin: 0 0 15px 0;}

#advx .hotels .hotel-result .more-info { font-size: 15px; margin: 0 0 15px 0;}
#advx .hotels .hotel-result .more-info a { color:rgb(0,0,0, 0.65); border: 1px rgb(0,0,0, 0.35) solid; display:inline-block; padding: 6px 20px; text-decoration:none; }
#advx .hotels .hotel-result .more-info a:hover { box-shadow:0px 0px 5px #cacaca; background:white;  text-decoration:none; }