

.carousel-inner .item           { overflow:hidden;}
.carousel-inner .item img           { width: 100%;}

.carousel          { overflow:hidden; }

.banner-caption { 
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%; 
  padding: 20px; height: auto; 
  background:rgba(0, 0, 0, 0.25)
}


.banner-caption p.main-one      { line-height: 100%; color:#ffffff; font-size: 42px; font-weight:900;}
.banner-caption p.main-two      { line-height: 100%; color:#ffffff; font-size: 32px; font-weight:800; }
.banner-caption p.main-three    { line-height: 100%; color:#ffffff; font-size: 26px; font-weight:800; }
.banner-caption p { text-align:right;  clear:both; color:white; margin: 0px 0 8px 0; font-size: 16px; text-shadow: 0 0 5px black;  }

.banner-caption p.more { font-size: 18px; font-weight:bold; margin: 20px 0 10px 0; padding: 0px; display: block;}
.banner-caption p.more span { font-size: 16px; color:white; display: inline-block; background-color:#ff8d0e; font-weight:bold; padding: 7px 16px; border: 1px white solid;  text-shadow:none;    }
.banner-caption p.more span:hover {  background-color:#009ab2;  color:white; text-decoration:none; border: 1px white solid; }


ol.carousel-indicators { bottom: 0; left: 0; width: 100%  }

a.carousel-control { widtH: 60px; }





@media only screen and (max-width: 1200px) 
{
.banner-caption p.main-one     { font-size: 30px; }
.banner-caption p.main-two  { font-size: 24px; }
.banner-caption p.main-three { font-size: 15px; }
}


@media only screen and (max-width: 767px) 
{
.banner-caption { background:#314651;   position: relative; padding: 20px 20px 55px 20px;  }

.banner-caption p.main-one,
.banner-caption p.main-two,
.banner-caption p.main-three,
.banner-caption p.more { text-align:center; }



}




















.signup-win { border-top: 1px white solid; border-bottom: 1px white solid; background-color:#009ab2;}

.signup-win a,
.signup-win a:hover           { text-decoration: none; color:white }




.home-win .fa,
.home-signup .fa { color:#990000; font-size: 24px; vertical-align:middle; margin: 8px;  }
.signup-win p { font-size: 16px; color:#ffffff; margin: 6px 0 2px 0px; font-weight:normal;  }
.signup-win p span { font-weight:900; text-transform:uppercase;  }


.home-win p                { text-align:right;}
.home-signup p                { text-align:left;}

a .home-win:hover,
a .home-signup:hover { background:rgba(0, 0, 0, 0.44); }


a .home-win:hover p,
a .home-signup:hover p { color:white; }





.offerid { padding: 8px; }

form.search { float:right; max-width:140px; margin:0; padding:0; border: 0px; }
form.search { position:relative; }

form.search input { padding:6px 26px 6px 6px; height: 29px; background-color:#ffffff; border: 1px #ffffff solid; font-size:13px; margin: 0px; color:black; position:relative; z-index:0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

form.search button {
	position:absolute;
    background-color:#374f5b; padding: 7px; height: 29px; border: 1px #ffffff solid;
	top:0px; right:0px;
	z-index:1;
}

form.search .fa { color:white;  }






@media only screen and (max-width: 1100px) 
{
    .signup-win .offerid { display: none;}
    .home-signup, .home-win { width: 50%; float: left; }


.home-win p,
.home-signup p                { text-align:center;}

}




@media only screen and (max-width: 900px) 
{
    .home-signup, .home-win { width: 100%; float: none; clear:both; }

.home-win { border-top: 1px white solid;}

}







































.features-area { padding: 40px 0;  }

.features-inner { }





.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);
}


.feature            { padding-bottom: 20px;  }

.feature .item-image { overflow:hidden; position: relative; z-index:4;}
.feature .item-image img { width: 100%;  }
.feature .item-content { padding: 0px; height: 100%; width: 100%; }
.feature .item-content .item-inner { padding: 0px 20px; position: absolute; background:#009ab2; width: 100%; height: 100%; left: 100%; top: 0; z-index:5; }

.feature .item-content p.more { text-align:right; font-size: 14px; font-weight:900; margin-right: -100px }
.feature .item-content p.more a { background-color:#374f5b; padding: 4px 12px; color:white; text-decoration:none; }

.feature .item-content h3 { position:absolute; bottom: 0; color:#ffffff; font-weight:600; display: inline-block; text-transform:uppercase; font-size: 20px; padding: 15px 20px; margin: 0; background-color:rgba(0,0,0,0.3); }
.feature p { color:#ffffff; text-shadow:none; text-align:left; font-weight:900; font-size: 14px; line-height: 135%; margin-top: 18px; }


.feature:hover .item-content .item-inner { top: 0; left: 0px; width: 100%; height:100%; }

.feature:hover .item-content p.more { display:block; text-align:right; margin-right: 0px; font-size: 12px; }
.feature:hover .item-content p.more a { font-size: 12px; }
.feature:hover .item-content p.more a:hover { background-color:#ffffff; color:#374f5b; }
























.offers-inner { }


.exoffers-outer {  padding: 15px; margin-bottom: 15px; }
.exoffers-outer h3 { color:#374f5b; font-weight: 900; font-size:22px; text-transform: uppercase; margin: 20px 14px;   }
.exoffers h3        { display: none;}



.exoffers a:hover       { text-decoration:none; }
.exoffers .tr       { clear:both; border-top: 1px #cacaca solid; padding: 9px 14px; line-height: 135%; }
.exoffers .tr:hover       { }
.exoffers .tr .offer,
.exoffers .tr .nights,
.exoffers .tr .price { float:left; }

.exoffers .tr .offer    { width: 80%; color:#666666}
.exoffers .tr .nights { display:none;}
.exoffers .tr .price { width: 20%; color:#009ab2; font-size: 20px; font-weight:bold; text-align:right;}
.exoffers .tr .price span { color:#666666; font-style:italic; font-size: 12px; font-weight:normal; }
























.dept-outer { padding: 30px 0 10px 0; }
.dept-outer p.need           { text-align:center; padding: 40px 0 20px 0; font-style: italic; font-weight: 600; margin: 0px; display: block; font-size: 22px; color:#ffffff; clear:both; }
.dept-outer p.need a           { color:white; font-style:normal; background-color:#374f5b; border: 1px white solid; margin: 0 12px; padding: 8px 15px; display: inline-block; font-weight:bold; font-size: 16px;  }
.dept-outer p.need a:hover           { text-decoration:none; background-color:white; color:#374f5b; }


.dept .item-image { overflow:hidden;position: relative; z-index:4; box-shadow: 0 0 8px black;}
.dept .item-image img { width: 100%;  border: 6px white solid;  }

.dept .item-content { background-image:url('https://www.galaxytravelandcruises.com/images/global/wave.png'); background-repeat:no-repeat; background-position:top center; background-size: 100%; padding: 10px 30px; position: absolute; width: 100%; height: 100%; left: 0%; top: 75%; z-index:5; }
.dept .item-content h3 { color:#374f5b; font-weight:900; display: inline-block; text-transform:uppercase; font-size: 20px; padding: 15px 0px 0 0; margin: 0; }
.dept .item-content p { color:#374f5b; text-shadow:none; text-align:left; font-weight:900; font-size: 14px; line-height: 135%; margin-top: 100px; }
.dept .item-content p.more { text-align:right; font-size: 14px; font-weight:900; margin-right: -100px }
.dept .item-content p.more a { background-color:#374f5b; padding: 4px 12px; color:white; text-decoration:none; }


.dept:hover .item-content { top: 15px; left: 0px; width: 100%; height:100%; }
.dept:hover .item-content p { margin-top: 0px; }
.dept:hover .item-content p.more { display:block; text-align:right; margin-right: 0px; font-size: 12px; }
.dept:hover .item-content p.more a { font-size: 12px; }
.dept:hover .item-content p.more a:hover { background-color:#ffffff; color:#374f5b; }


@media only screen and (max-width: 1024px) 
{
.dept .item-content { padding: 30px 50px;  }
.dept .item-content h3 { margin: 0 0 100px 0; }
.dept:hover .item-content h3 { margin: 0; }

.rotate-left,
.rotate-right   {

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);

}




}



@media only screen and (max-width: 500px) 
{

.dept .item-content { padding: 20px;  }
.dept .item-content h3 { margin: 0 0 100px 0; }
.dept:hover .item-content h3 { margin: 0; }
.dept .item-content p {font-weight:normal; font-size: 12px;  }

.dept-outer p.need           { font-size: 16px; }
.dept-outer p.need a           { margin: 12px; padding: 8px 15px; display: block; text-align:center; }
.dept .item-content h3 { padding: 0; margin: 0; }
.dept  { padding: 20px 0; clear:both;}




}


















.channels p { font-size: 18px; font-weight: 600; margin: 0 0 1px 0;  }
.channels p a { background:rgba(0, 0, 0, 0.25); display: block; padding: 14px 30px; color:white; text-transform:uppercase;  }
.channels p a:hover { text-decoration:none; background:rgba(0, 0, 0, 0.50);  }


.exben {  margin: 10px 0; position: relative; overflow:hidden; }
.exben .mob-img { position:relative; z-index: 7 }
.exben .mov-img img { position: relative; z-index: 1; width: 100%;}
.exben .mov-img p { position: absolute; z-index:8; font-size: 27px; bottom: 10px; margin: 14px; display: block; color:white; text-transform:uppercase; line-height: 115%; }
.exben .mov-img p span { font-size: 35px; font-weight: 900;}


.exben .mov { position: absolute; padding: 20px 30px; background:rgba(0, 0, 0, 0.76); top: 100%; z-index:10; width: 100%; height: 100%; }
.exben .mov p { color:white; font-size: 16px; font-weight:bold; }
.exben:hover .mov { top: 0%; }






.acco-outer             { }
.acco-inner             { padding: 30px 0; }

.acco { float:left; width: 20%; padding: 10px; }
.acco img { max-height: 50px; margin-bottom: 10px; }
.acco p.title               { font-size: 21px; font-weight:normal; color:#009ab2; padding: 0 0 5px 0; border-bottom: 1px #b9b9b9 solid; margin: 8px 0; }
.acco p               { font-size: 14px; font-weight:normal; color:#585858; margin: 0 0 14px 0; line-height: 135%; }
.acco p.more a              { background:#374f5b; color:white; padding: 3px 9px; }
.acco p.more a:hover              { text-decoration: none; }







@media only screen and (max-width: 920px) 
{
.acco { float:none; width: 100%; padding: 10px; clear:both; }
.acco img { float:right; width: 30%; margin: 0 0 10px 20px;}

}



@media only screen and (max-width: 450px) 
{
.acco img { float:none; width: auto; height: auto; margin: 0 0 10px 0px;}

}


















@media only screen and (max-width: 1000px) 

{







}






@media only screen and (max-width: 950px) {



}



@media only screen and (max-width: 768px) {



}




@media only screen and (max-width: 750px) {




}








@media only screen and (max-width: 600px) {




}



@media only screen and (max-width: 500px) 

{




}






@media only screen and (max-width: 425px) {



}