/* ------------- GLOBAL STYLES ------------ */




#advx div { box-sizing: border-box;}
#advx img { max-width: 100%;}


#advx .col-auto {width: auto; }
#advx .col-10 {width: 10%; }
#advx .col-20 {width: 20%; }
#advx .col-25 {width: 25%; }
#advx .col-30 {width: 30%; }
#advx .col-33 {width: 33.33%; }
#advx .col-40 {width: 40%; }
#advx .col-50 {width: 50%; }
#advx .col-60 {width: 60%; }
#advx .col-70 {width: 70%; }
#advx .col-75 {width: 75%; }
#advx .col-80 {width: 80%; }
#advx .col-90 {width: 90%; }
#advx .col-100 {width: 100%; }


#advx .col-auto,
#advx .col-10,
#advx .col-20,
#advx .col-25,
#advx .col-30,
#advx .col-33,
#advx .col-40,
#advx .col-50,
#advx .col-60,
#advx .col-70,
#advx .col-75,
#advx .col-80,
#advx .col-90,
#advx .col-100 { float:left; padding: 0px 15px; }

#advx .nopadding { padding: 0; }


@media only screen and (max-width: 1600px) { #advx .cut-1600 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 1500px) { #advx .cut-1500 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 1400px) { #advx .cut-1400 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 1300px) { #advx .cut-1300 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 1200px) { #advx .cut-1200 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 1100px) { #advx .cut-1100 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 1000px) { #advx .cut-1000 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 900px) { #advx .cut-900 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 800px) { #advx .cut-800 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 700px) { #advx .cut-700 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 600px) { #advx .cut-600 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 500px) { #advx .cut-500 { clear:both; float:none; width: 100%; } }
@media only screen and (max-width: 400px) { #advx .cut-400 { clear:both; float:none; width: 100%; } }


#advx .cruises,
#advx .hotels,
#advx .vacations {border: 0px #cacaca solid;  padding: 25px 0; }



/*-------------- GLOBAL --------------------- */
#advx,
#advx p,
#advx ul,
#advx li { font-size: 16px; line-height: 135%; color:#333333; }

#advx h1,
#advx h2,
#advx h3 { line-height: 125%; }

#advx .i-b { display:inline-block;}


#advx .open-close { float:right; position:absolute; top: 0; right: 0; z-index: 50; }
#advx .open-close a { background:rgb(0,0,0, 0.10); color:white;  display:inline-block; width: 45px; height: 45px; line-height: 45px; font-size: 15px; text-align:center; text-decoration:none; }
#advx .open-close a:hover { background:rgb(0,0,0, 0.15); color:white; text-decoration:none; }





#advx .logo-outer { border:1px rgb(0,0,0, 0.15) solid; margin-bottom: 15px; padding: 20px; }
#advx .logo-outer:hover { box-shadow: 0 0 5px rgb(0,0,0, 0.50); }
#advx .logo { text-align:center; background-repeat:no-repeat; background-position: center center; background-size: contain; }

#advx .thumb-outer { margin-bottom: 15px; padding: 0px; }
#advx .thumb-outer:hover { box-shadow: 0 0 5px rgb(0,0,0, 0.50); }
#advx .thumb { text-align:center; background-repeat:no-repeat; background-position: center center; background-size: cover; }


#advx .load-more { clear:both; text-align:center; padding: 20px 0; }
#advx .load-more a { display:inline-block; text-decoration:none; font-size: 20px; font-weight:normal; }
#advx .load-more a:hover { text-decoration:none; }
#advx .load-more a .fa { margin-left: 14px; }
#advx .load-more a span { display:inline-block; padding: 12px 27px; background:rgb(0,0,0, 0.25); color:white; }
#advx .load-more a:hover span { background:rgb(0,0,0, 0.0);  }




#advx .tell-friend { border-bottom: 1px rgb(0,0,0, 0.15) solid; margin: 0;}
#advx .tell-friend p { text-align:right; margin: 3px 0; font-size: 13px; }
#advx .tell-friend p span { display:inline-block; padding: 0px 15px; }
#advx .tell-friend p span .fa { margin: 0 5px;}

#advx .social-share  { padding: 8px 0px; float:left; width: 100%; margin: 0; }
#advx .social-share .social-twitter  { float:right; margin-left: 7px; }
#advx .social-share .social-pinterest span { padding: 0; float:right; width: 65px; }

#advx .book-online { padding: 15px 0; }
#advx .book-online p { text-align:right; margin: 0; font-size: 18px; }
#advx .book-online p a { display:inline-block; text-decoration:none; }
#advx .book-online p a:hover { display:inline-block; }
#advx .book-online p a span { display:inline-block; background:rgb(0,0,0, 0.15); padding: 10px 30px; color:white; font-weight:bold; text-decoration:none; }
#advx .book-online p a:hover span { display:inline-block; background:rgb(255,255,255, 0.15); box-shadow: 0 0px 5px rgb(0,0,0, 0.20); }



#advx .section-heading { font-size: 14px; width: 100%; text-align: left; border-bottom: 1px #cacaca solid; line-height: 0em; margin: 40px 0 20px 0; } 
#advx .section-heading span { background:#cacaca; border-right: 5px white solid; color:white; padding: 3px 13px; }
#advx .section-area { clear:both; padding-top: 15px; padding-bottom: 30px; }
#advx .section-heading-area { clear:both; padding: 15px 15px 30px 15px ; }

/*------- cruise lines page + interests pages --------- */
#advx p.large-title { border-top: 1px rgb(0,0,0, 0.15) solid; position: relative; margin: 50px 0 30px 0; }
#advx p.large-title span { line-height: 28px; font-weight:bold; font-size: 24px; text-transform:uppercase; display:inline-block; background-color:white; position: absolute; top: -15px; padding: 0 15px 0 0; }
#advx p.large-description { font-style:italic; font-size: 21px; margin-bottom: 25px; }






#advx .prev-next { text-align:center; font-size: 18px; margin: 20px 0; }
#advx .prev-next a { display:inline-block; text-decoration:none; margin: 2px; }
#advx .prev-next a .fa { margin: 0 10px; }
#advx .prev-next a span { display:inline-block; background: rgb(0,0,0, 0.15); padding: 8px 22px; color:white;  }
#advx .prev-next a:hover span { display:inline-block; background: rgb(255,255,255, 0.15);  }





@media only screen and (max-width: 500px) { 

#advx .book-online p { text-align:center; }

}



/*-------------- left search box ---------- */

#advx .search-area { margin: 0 0 25px 0;}
#advx .search-area .links { margin-bottom: 15px;  }
#advx .search-area .links a { color:white; margin: 0 0 3px 0; font-size: 19px; font-weight:normal; text-decoration:none; display:block; }
#advx .search-area .links a:hover { text-decoration:none; }
#advx .search-area .links a span { display:block; padding: 10px 15px; }
#advx .search-area .links a span:hover { background:rgb(0,0,0, 0.15); }

#advx .search-area .search-button { margin: 0; background:rgb(255,255,255, 0.95); }
#advx .search-area .search-button a { padding: 20px 30px; font-weight:bold; text-decoration:none; display:block; font-size: 23px; }
#advx .search-area .search-button a:hover { text-decoration:none; }
#advx .search-area .search-button a .fa { margin-left: 10px; float:right; }

#advx .search-area .search-section  { background:rgb(255,255,255, 0.95); padding: 7px 15px; margin-bottom: 10px; }

#advx .search-area label.radio,
#advx .search-area label.checkbox  { font-weight:normal; margin: 3px 0; }

#advx .search-area .results-found p { font-size: 27px; text-align:center; }

#advx .show-results p { font-size: 21px; text-align:center; }

#advx .show-results p a { display:inline-block; }
#advx .show-results p a span { padding: 8px 20px; display:inline-block; background:rgb(0,0,0, 0.30); color:white; }
#advx .show-results p a span:hover { background:rgb(0,0,0, 0.05); color:white; }
#advx .show-results p a span .fa { margin-left: 15px; }


@media only screen and (max-width: 450px) { 
#advx .search-area .search-button a { padding: 15px 15px; font-size: 23px; }
#advx .search-area .search-section  { padding: 7px 0px; }
}


/*-------------- END - left search box ---------- */











/*-------------- Advanced Search ---------- */

#advx .cruises .advanced-search { border: 1px rgb(0,0,0, 0.15) solid; }
#advx .cruises .advanced-search h1 { background: rgb(0,0,0, 0.07); font-size: 20px; padding: 10px 20px; margin: 0 0 25px 0; text-align:center; display:block;   }

/*-------------- END - Advanced Search ---------- */










/*-------------- START - RESULTS PAGE (Cruises + Vacations ---------- */

#advx .offer-result { border: 1px rgb(0,0,0, 0.15) solid; margin-bottom: 15px; }
#advx .offer-result p { margin: 0; }

#advx .offer-result .heading { background:rgb(255,255,255, 0.95); padding: 10px 0; }
#advx .offer-result .heading p.title { font-weight:bold; font-size: 19px; margin: 0; }
#advx .offer-result .heading p.more { text-align:right; font-size: 14px; margin: 0; }
#advx .offer-result .heading p.more a {  display:inline-block; text-decoration: none; color:white; }
#advx .offer-result .heading p.more a span { background:rgb(0,0,0, 0.10); display:inline-block; padding: 5px 15px; }
#advx .offer-result .heading p.more a:hover span { background:rgb(255,255,255, 0.10); }

#advx .offer-result .result-inner { padding: 15px; }
#advx .offer-result .result-inner .lbl { padding: 2px 15px; text-transform:uppercase; font-size: 12px; }
#advx .offer-result .result-inner .txt { padding: 2px 15px; font-size: 15px; }

#advx .offer-result .result-inner .from-price { text-align:right; }
#advx .offer-result .result-inner .from-price span { font-size: 14px; font-weight:normal; font-style: italic; }
#advx .offer-result .result-inner .from-price span span { font-size: 30px; font-weight:bold; font-style: normal; }

#advx .offer-result .result-inner .collection {text-align:right; padding: 15px; }
#advx .offer-result .result-inner .collection img { max-width: 120px; }

#advx .offer-result .offerid-line { padding: 4px 15px; }
#advx .offer-result .offerid-line p { font-size: 12px; margin: 0px; display:inline-block; padding-left: 7px; border: 1px black solid; white-space:nowrap; }
#advx .offer-result .offerid-line p span { display:inline-block; font-weight:bold; margin-left: 7px; background:black; color:white; padding: 3px 7px; }



@media only screen and (max-width: 600px) { 
#advx .offer-result .result-inner { padding: 15px 0; }

}


/*-------------- END - RESULTS PAGE (Cruises + Vacations ---------- */




/*-------------- START - Offer ID search - Main page ---------- */

#advx .search-offerid { max-width: 700px; margin: 0 auto; padding: 15px; }
#advx .search-offerid-box { background:rgb(255,255,255, 0.95); padding: 15px; }
#advx .search-offerid-box .lbl { font-size: 25px; font-weight:bold; padding: 8px 15px 5px 15px; }
#advx .search-offerid-box .ff { background:white; border: 0px transparent solid; font-size: 25px; padding: 4px 8px; width: 100%; margin:2px; height: 43px; }
#advx .search-offerid-box .formbutton { width: 100%; font-size: 21px; border: 0px; background:rgb(0,0,0, 0.15); display:inline-block; padding: 2px 30px; height: 47px; }

@media only screen and (max-width: 500px) { 
#advx .search-offerid-box { padding: 15px 0; }
#advx .search-offerid-box .lbl { font-size: 17px; font-weight:bold; padding: 0px 15px 5px 15px; }
#advx .search-offerid-box .ff { font-size: 17px; padding: 4px 8px; width: 100%; margin:2px; height: 35px; }
#advx .search-offerid-box .formbutton { width: 100%; font-size: 17px; border: 0px; background:rgb(0,0,0, 0.15); padding: 2px 10px; height: 39px; }
	
}


/*-------------- END - Offer ID search - Main page ---------- */






/* ------- DESTINATIONS LIST - Cruise Destinations + Vacations Destinations page ------ */


#advx .dest-list p { margin: 5px 0;  }
#advx .dest-list a { text-decoration:none; font-size: 17px;  }
#advx .dest-list a:hover { text-decoration:none; }

/* ------- END - DESTINATIONS LIST - Cruise Destinations + Vacations Destinations page ------ */













/*-------------- START Pricing table - Vacations Deals + Multi Offers ---------- */

#advx .grid-outer .grid { padding: 25px 0; }
#advx .grid-outer .grid a { text-decoration: none; color:#333333; display:block; }
#advx .grid-outer .grid a:hover { text-decoration: none; color:#333333; background: white; }
#advx .grid-outer .grid-header .th { background:rgb(0,0,0, 0.15); font-size: 12px; color:white; padding: 8px 15px;  }

#advx .grid-outer .grid-row { padding: 8px 0px; background:rgb(255,255,255, 0.97); border-bottom: 1px rgb(0,0,0, 0.15) solid; }
#advx .grid-outer .length { text-align:center; }
#advx .grid-outer .date { text-align:center; }
#advx .grid-outer .price { text-align:right; }
#advx .grid-outer .offerid { text-align:right; }
#advx .grid-outer .grid-row .title { font-weight:bold; }
#advx .grid-outer .grid-row .vendor { font-size: 13px;}
#advx .grid-outer .grid-row .ship { font-size: 12px; font-style:italic;}
#advx .grid-outer .grid-row .price { font-weight:bold; }
#advx .grid-outer .grid-row .expires { font-size: 12px; }


#advx .grid-outer .grid-row .date span,
#advx .grid-outer .grid-row .length span,
#advx .grid-outer .grid-row .price span { display:none; }
#advx .grid-outer .grid-row .offerid span { font-weight:bold; font-size: 12px; display:inline-block; padding: 2px 8px; color:white; background:black; }



@media only screen and (max-width: 800px) { 

#advx .grid-outer .grid-header { display:none; }
#advx .grid-outer .grid-row .length,
#advx .grid-outer .grid-row .date,
#advx .grid-outer .grid-row .price { text-align:right; }
#advx .grid-outer .grid-row .length span,
#advx .grid-outer .grid-row .date span,
#advx .grid-outer .grid-row .price span { display:inline-block; text-transform:uppercase; font-weight:normal; font-size: 11px; }
#advx .grid-outer .grid-row .offerid { padding-top: 10px; }

}


/*-------------- END Pricing table - Vacations Deals + Multi Offers ---------- */















/*-------------- START - OFFER PAGE - HOTELS + CRUISES ---------- */

#advx .offer-tabs { margin: 0 0 -1px 0; position: relative; z-index:31; padding: 20px 0 0 0; }
#advx .offer-tabs .fa { margin-right: 5px; color:rgb(255,255,255, 0.65); }
#advx .offer-tabs a { float:left; display:inline-block; font-weight:normal; text-decoration:none; font-size: 13px; border-right: 1px white solid; }
#advx .offer-tabs a span { width: 100%; background:rgb(0,0,0, 0.15); color:white; text-transform:uppercase; border: 1px transparent solid; display:inline-block; padding: 5px 15px; }
#advx .offer-tabs a:hover span { background:rgb(255,255,255, 0.15); color:white; border: 1px transparent solid; text-decoration:none; }
#advx .offer-tabs a.on span { border: 1px rgb(0,0,0, 0.15) solid; border-bottom: 1px white solid; background: white; color:black; text-decoration:none; }
#advx .offer-tabs a.on .fa { color:rgb(0,0,0, 0.65); }



@media only screen and (max-width: 800px) { 
	#advx .offer-tabs a { float:left; width: 33%; border-bottom: 1px white solid;}
}
@media only screen and (max-width: 600px) { 
	#advx .offer-tabs a { float:left; width: 50%; border-bottom: 1px white solid;}
}

@media only screen and (max-width: 450px) { 
	#advx .offer-tabs a { float:none; width: 100%; border-right: 0px; border-bottom: 1px white solid;}
}


/*-------------- END - OFFER PAGE - HOTELS + CRUISES ---------- */

















/*-------------- START OFFER > BOTTOM > RECAP ---------- */

#advx .top-offer-id { font-size: 16px; border: 1px black solid; display: inline-block; padding-left: 10px; white-space:nowrap; }
#advx .top-offer-id span { display:inline-block; background:black; color:white; padding: 2px 10px; margin-left: 10px; font-weight:bold; }

#advx .offer-recap { margin-top: 25px; background: rgb(255,255,255, 0.95); border: 1px rgb(0,0,0, 0.07) solid; font-size: 17px; padding: 30px; }
#advx .offer-recap h3 { margin: 0 0 15px 0; font-size: 21px; text-transform:uppercase; }
#advx .offer-recap .item { clear:both; border-top: 1px rgb(255,255,255, 0.95) solid; padding: 15px 0; }
#advx .offer-recap .item .lbl { font-weight:bold; padding-bottom: 8px; }
#advx .offer-recap .item .dates-pricing { padding: 8px; font-size: 17px; }
#advx .offer-recap .item .dates { padding: 2px; text-align:center; }
#advx .offer-recap .item .prices { padding: 2px; text-align:center; }
#advx .offer-recap .item .prices span { font-style:italic; font-size: 12px; }
#advx .offer-recap .item .rating-desc { background: rgb(255,255,255, 0.50); border: 1px rgb(0,0,0, 0.07) solid; font-size: 15px; margin-top: 5px; padding: 10px 15px; }
#advx .offer-recap .item span.offer-id { display:inline-block; background:black; color:white; padding: 2px 9px; margin: 0 0 10px 0; font-weight:bold; }

/*-------------- END OFFER > BOTTOM > RECAP ---------- */

















.image-gallery .modal { background-color: rgba(0, 0, 0, 0.65); display: none; position: fixed; z-index: 50; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; }
.image-gallery .modal-content { box-shadow: 0 0 40px black; border-radius: 0; max-width: 768px; position: relative; background-color: white; margin: auto; padding: 0; width: 90%; }

.image-gallery .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; }
.image-gallery .close:hover,
.image-gallery .close:focus { color: #fff; text-decoration: none; cursor: pointer; }

.image-gallery .mySlides { display: none; }
.image-gallery .mySlides .thumbnail { position: relative;  }

.image-gallery .numbertext { position: absolute; top: 0; left: 0; z-index: 4; color: #f2f2f2; font-size: 12px; padding: 8px 12px; }

.image-gallery .caption-container { position: absolute; bottom: 0px; left: 0; width: 100%; background-color:rgba(0, 0, 0, 0.80); padding: 7px 20px; color: black; }
.image-gallery .caption-container p.title { color:white; margin: 0 0 3px 0; font-weight:bold; font-size: 15px; }
.image-gallery .caption-container p.desc { color:white; margin: 0; font-size: 12px; }


.image-gallery .prev,
.image-gallery .next {
  z-index: 99; position: absolute; top: 50%;
  cursor: pointer; width: auto; padding: 16px; margin-top: -50px;
  background-color: rgba(0, 0, 0, 0.25); color: white; font-weight: bold; font-size: 20px;
  transition: 0.6s ease; border-radius: 0 5px 5px 0; user-select: none; -webkit-user-select: none; }

.image-gallery .next { right: 0; border-radius: 5px 0 0 5px; }

.image-gallery .prev:hover,
.image-gallery .next:hover { background-color: rgba(0, 0, 0, 0.8); text-decoration: none; color: white; }


















#advx .mdl-bg { padding: 15px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:900; background:rgb(0,0,0, 0.65); }
#advx .mdl-bg .x-close { position: relative; text-align:right; margin-bottom: 10px;  }
#advx .mdl-bg .x-close a { color: black; background:white; border: 1px black solid; display: inline-block; font-size: 12px; text-decoration: none; padding: 2px 12px; }
#advx .mdl-bg .x-close a:hover { background: black; color:white; border: 1px white solid; text-decoration: none; }


#advx .ratio-image { width: 100%; }

#advx .trans-one          { -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease; }
#advx .trans-two          { -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; }
#advx .trans-three        { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#advx .trans-four         { -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; }
#advx .trans-five         { -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }
#advx .trans-six         { -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; transition:all .6s ease; }
#advx .trans-seven         { -webkit-transition:all .7s ease; -moz-transition:all .7s ease; -ms-transition:all .7s ease; -o-transition:all .7s ease; transition:all .7s ease; }
#advx .trans-eight         { -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease; transition:all .8s ease; }
#advx .trans-nine         { -webkit-transition:all .9s ease; -moz-transition:all .9s ease; -ms-transition:all .9s ease; -o-transition:all .9s ease; transition:all .9s ease; }


#advx .clear-fix { clear:both; }