.mainoffer { position:relative; z-index: 1; background-color:#2e3749; margin: 0 0 15px 0;}
.mainoffer .overlay { background: rgba(0, 0, 0, 0.15); width: 100%; height: 100%; position:absolute; z-index:3; }
.mainoffer img { width: 100%; position: relative; z-index:2  }

.mainoffer .mainpromo { z-index: 4; position:absolute;   top: 30%; right: 20%; }
.mainoffer .mainpromo p { text-align:right; color:#ffffff;  }

.mainoffer .mainpromo p.one { font-size: 63px; font-family: 'Open Sans Condensed'; font-weight:700; margin: 0; text-shadow: 0 0 5px #000000; }
.mainoffer .mainpromo p.two { font-size: 43px; font-family: 'Open Sans Condensed'; font-weight:500; font-style:italic; margin: 0;  text-shadow: 0 0 5px #000000; }
.mainoffer .mainpromo p.three { font-size: 30px; font-family: 'Open Sans Condensed'; font-weight:700; margin: 0; text-shadow: 0 0 5px #000000; }

.mainoffer .mainpromo p.booknow { font-size: 20px; font-family: 'Open Sans Condensed'; font-weight:700; margin: 30px 0 0 0; }
.mainoffer .mainpromo p.booknow span { background-color:#7a7449; display: inline-block; padding: 10px 35px; }
.mainoffer .mainpromo p.booknow span:hover { background-color:#2e3749;  }


@media only screen and (max-width: 1250px) 
{
.mainoffer .mainpromo { top: 22%; right: 70px;}
.mainoffer .mainpromo p.one { font-size: 40px; }
.mainoffer .mainpromo p.two { font-size: 30px; }
.mainoffer .mainpromo p.three { font-size: 20px; }

.mainoffer .mainpromo p.booknow { font-size: 16px; margin: 15px 0 0 0; }
.mainoffer .mainpromo p.booknow span { padding: 7px 25px; }
}




@media only screen and (max-width: 767px) 
{
.mainoffer a,
.mainoffer a:hover { text-decoration:none;}
.mainoffer .mainpromo { position:relative; top: 0%; right: 0%; padding: 25px; background-color:#2e3749; height: auto;  }
.mainoffer .mainpromo p { text-align:center; }
}














.depts { padding: 0; margin-bottom: 15px;  }

.dept { position: relative; z-index:1; overflow:hidden; }
.dept img { position: relative; z-index:2;  }
.dept h3 {  position: absolute; top: 40px; left: 0; z-index:4; margin: 0; background: #2e3749; font-family:'Open Sans Condensed'; display:inline-block; padding: 8px 20px; font-size: 30px; text-transform:uppercase; font-weight:700; color:white; }


.dept .dept-text { position: absolute; z-index: 7; left: 100%; bottom: 0; width: 100%; background:#2e3749; padding: 20px 40px; }
.dept-text p { margin: 0; color:white; font-weight:300; }

.dept-text p.explore { text-align:right; margin: 15px 0 6px 0; text-transform:uppercase; font-family:'Open Sans Condensed'; color:white; 
font-size: 13px; font-weight:700; letter-spacing: 1px; }
.dept-text p.explore span { background:#7a7449; color:white; display:inline-block; padding: 5px 13px; }


.dept .overlay { z-index: 3; height: 100%; bottom: 100%; width: 100%; position: absolute; background:rgba(255, 255, 255, 0.00);  ; }
.dept:hover .overlay { bottom: 0%; background:rgba(255, 255, 255, 0.50);  }

.dept:hover .dept-text { left: 0; }
.dept:hover .dept-text p.explore span:hover { background:white; color:#2e3749;  }









@media only screen and (max-width: 767px) 
{
.dept  { margin-bottom: 20px;  }
.dept h3 {  top: 20px; font-size: 20px; }
.dept-text p { font-size: 13px; }

.dept-text p.explore { letter-spacing: 0px; }
}



















.mags { position: relative; z-index:30; display:block; }



.mags a,
.mags a:hover { text-decoration: none; }

.mag { padding: 35px 50px; position: relative; z-index:7; overflow:hidden; }
.mag img { margin-bottom: 20px; max-height: 45px; width: auto;}
.mag p { color:#ffffff; font-size: 15px; margin: 0 0 6px 0; font-weight:300; }



.mag p.view-mag { margin: 3px 0 0px 0; font-size: 12px; text-transform:uppercase; font-family:'Open Sans Condensed'; font-weight:700; position:relative; z-index:8px; left: 170%;  }
.mag p.view-mag span { background:rgba(0, 0, 0, 0.0); letter-spacing: 1px; display:inline-block; padding: 4px 13px; border: 1px rgba(255, 255, 255, 0.40) solid;  }
.mag p.view-mag span:hover { background:rgba(0, 0, 0, 0.20);  }
.mag:hover p.view-mag { left: 0;  }



.travmag { background-color:#496f7a; }
.ultimate { background-color:#2e3749; }


@media only screen and (max-width: 1100px) 
{
.mag { padding: 25px 30px; position: relative; z-index:7; overflow:hidden; }
}


@media only screen and (max-width: 767px) 
{
.travmag { border: 0; margin-bottom: 20px;}
.ultimate { border-left: 0px #ffffff solid;  }
}
















.popdest-outer { padding: 40px 0; }
.popdest-outer p.title { text-align:center; margin: 0 0 40px 0; font-size: 30px; letter-spacing: 5px;
font-family: 'Open Sans Condensed'; font-weight: 300; color:rgba(0, 0, 0, 0.50); text-transform:uppercase; }


.popdest-outer a,
.popdest-outer a:hover {text-decoration:none; display:block; }


.dest .dest-image { position: relative; z-index: 5; overflow:hidden; }
.dest .dest-image span { position: absolute; z-index: 6; display: inline-block; font-family:'Open Sans Condensed'; 
border: 3px white solid; border-right: 0;
font-weight: 700; font-size: 18px; text-transform:uppercase; background:#496f7a; color:white; padding: 5px 40px 5px 15px;
bottom: 30px; right: -100%; }

.dest:hover .dest-image span {bottom: 30px; right: 0;}
.dest .dest-image span:hover { background:#2e3749; }



.dest .dest-image img { width: 100%; }
.dest h3 { font-family: 'Open Sans Condensed'; font-size: 27px; font-weight: 900; color:#2e3749; text-transform:uppercase;  }
.dest p { font-size: 15px; font-weight: 300; color:rgba(0, 0, 0, 0.75);  }


@media only screen and (max-width: 1250px) 
{
.popdest-outer p.title { font-size: 26px; letter-spacing: 1px }
.dest a h3 { font-size: 27px; }
.dest p { font-size: 14px;  }
}

@media only screen and (max-width: 767px) 
{
.dest { margin-bottom: 40px; }
}





.shorex { background-color:#2e3749; padding: 20px; margin-bottom: 15px; }
.shorex p { text-align:center;  margin: 0; font-size: 16px; color:#ffffff; }
.shorex a { border: 1px white solid; background-color:#496f7a; font-family: 'Open Sans Condensed'; color:#ffffff; 
text-transform:uppercase; font-weight:700; padding: 10px 25px; display: inline-block; margin: 5px 15px; }
.shorex a:hover { background:#2e3749; text-decoration:none; }


@media only screen and (max-width: 1100px) 
{
.shorex p { font-size: 14px; }
.shorex a { padding: 7px 18px; margin: 5px 15px; }
}









.deals       { padding: 40px 0 55px 0;}
.deals-list {}
.deals-list h3 { font-family: 'Open Sans Condensed'; color:#2e3749; font-size:40px; font-weight: 900; padding: 0px 0px 14px 22px; }

.offer-row {
	border-top: 1px #cacaca solid;
	padding: 8px 10px;
}

.deals-list .tr { clear:both; padding: 10px 22px; color:#444444; font-size: 17px; }
.deals-list .tr:hover { background:rgba(0, 0, 0, 0.05); }
.deals-list .offer { float:left; width: 100%; }
.deals-list .nights { display: none; }
.deals-list .price { display: none; }



@media only screen and (max-width: 1100px) 
{
.deals-list h3 { font-size:30px; }
.deals-list .tr { padding: 7px 22px; font-size: 15px; }
}




.getquote { text-align:right; font-size: 40px; background:#2e3749; padding: 7px; margin-bottom: 15px; }
.getquote p { margin: 0; }
.getquote p a { font-family: 'Open Sans Condensed'; font-weight:900; font-size: 27px; background:#7a7449; 
				color:#ffffff; display: inline-block; padding: 6px 30px; border: 1px white solid; }
.getquote a:hover {  background:transparent; text-decoration:none; }






.win-outer { background:url('https://www.cruisestar.com/images/home/win-bg.jpg'); background-repeat:no-repeat; background-position: center center; background-size:cover; margin-bottom: 80px; }
.win-outer a,
.win-outer a:hover { color:transparent; text-decoration:none; }



.home-win { background:rgba(255, 255, 255, 0.50); margin:30px 30px 100px 30px; padding: 20px 35px; position: relative;  }
.home-win img { width: 100%; margin-bottom: 30px; }
.home-win h3 { color:#2e3749; font-size: 25px; font-family: 'Open Sans Condensed'; font-weight: 900; text-align:center; 
margin: 0 0 30px 0; }
.home-win p.sweep { color:#ffffff; font-size: 25px; margin: 20px 0; font-family: 'Open Sans Condensed'; font-weight: 900; text-align:center; }
.home-win p.sweep span { background-color:#2e3749; display: inline-block; padding: 8px 34px; text-transform:uppercase; }
.home-win p.sweep span:hover { background-color:#496f7a; }



@media only screen and (max-width: 1100px) 
{
.home-win { margin:0px; padding: 10px 0;  }
	
.home-win h3 { font-size: 20px;  }
.home-win p.sweep { font-size: 17px; }
}



@media only screen and (max-width: 767px) 
{
.win-outer { background-color:#2e3749; background-image:none; padding: 10px 0 ; margin-bottom: 50px; }
.home-win { padding: 17px; }
	
}







.welcome { padding: 60px 20px; }
.welcome h1 {  color:#7a7449; font-size: 42px; }
.welcome p.lead {  font-size: 18px; color:#2e3749; font-size: 22px; font-weight:900; }

.welcome p {  font-size: 16px; color:#444444; font-weight:500; }

.welcome .more { font-weight: bold; font-size: 20px; }
.welcome .more a { background-color:#496f7a; color:#ffffff; padding: 7px 25px; display: inline-block;  }
.welcome .more a:hover { background-color:#2e3749; text-decoration:none; }


@media only screen and (max-width: 1100px) 
{
.welcome { padding: 30px 20px; }	
.welcome h1 { font-size: 37px; }
.welcome p.lead { font-size: 18px; }
.welcome p {  font-size: 14px; }
}


@media only screen and (max-width: 767px) 
{
.welcome { padding: 10px 0; }
.welcome h1 {  margin-top: 0; }
	
}


















.rotate-left    {   
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.rotate-right   {

  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);

}

.rotate-right:hover,
.rotate-left:hover  { 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}