.sticky-outer { position:fixed; bottom: 0; left: 30px; width: 400px; background:white; padding: 0px; box-shadow: 0px 0px 10px black; z-index: 99;}
.sticky-outer .feat { margin: 0; background:#3d64a6; color:white; font-size: 12px; font-weight:normal; display: inline-block; float:left; padding: 3px 10px;  }
.sticky-outer .close { padding: 3px; font-size: 13px;  }
.sticky-outer .close a { color:black; }
.sticky { padding: 5px 15px; clear:both;}
.sticky .teaser { font-size: 13px; margin: 0 0 8px 0; }
.sticky .action { font-size: 13px; }
.sticky .action a { background:#ff6600; color:white; padding: 3px 14px;}
.sticky .action a:hover { background:#ff4a0c; text-decoration:none; color:white; padding: 3px 14px;}



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

{
.sticky-outer { position:relative; width: 100%; background:white; padding: 0px; box-shadow: none;}

}








.carousel-inner .item           { overflow:hidden; }
.carousel-inner .item img           { width: 100%;}

.carousel          { overflow:hidden; }




.banners-outer { background:#88add7; }
.banners-inner { }
.banners        { background:#2d2d2d }
.banners img { width: 100%;}





@media only screen and (max-width: 650px) 
{
.caption-text .fa { padding-left: 5px; bottom: -45px; right: -45px; width: 45px; height: 45px; line-height: 45px; font-size: 32px; }
}








a.carousel-control { widtH: 60px;}
ol.carousel-indicators { width: auto; background:rgba(0, 0, 0, 0.50); padding: 0 5px; margin: 0; bottom: 0; left: 10px; }
ol.carousel-indicators .active { margin: 0;}
ol.carousel-indicators .active,
ol.carousel-indicators li { border-radius: 0; margin: 0 1px 0 0; height: 8px; width: 20px; border: 1px white solid; }










@media only screen and (max-width: 1300px) 
{
.caption-text .one      { font-size: 25px; }
.caption-text .two      { font-size: 20px;  }
.caption-text .three    { font-size: 15px; }
}






@media only screen and (max-width: 767px) 
{
.banner-caption { position: relative; }
.caption-text { padding: 20px 70px 20px 30px; width: 100%; float:none; position: relative; }

}





.welcome-outer {}
.welcome-outer .welcome-inner {}

.welcome-outer .welcome-inner .welcome { padding: 60px 0; }
.welcome-outer .welcome-inner .welcome h1 { font-family:'Rock Salt'; color:#929292; font-size: 30px; }
.welcome-outer .welcome-inner .welcome p.lead { color:#1c53a5; }



.welcome-outer .welcome-inner .welcome .more { font-weight: bold; font-size: 14px; }
.welcome-outer .welcome-inner .welcome .more a { background:#f25953; color:white; padding: 7px 15px; display: inline-block;  }
.welcome-outer .welcome-inner .welcome .more a:hover { background:#2d2d2d; text-decoration:none; }






@media only screen and (max-width: 767px) 
{
.welcome-outer .welcome-inner .welcome { padding: 30px 0; }
.welcome-outer .welcome-inner .welcome h1 { font-size: 20px; line-height: 145% }
}











.signup-win { max-width: 1300px; margin: 0 auto; padding: 20px 0; }
.signup-win a,
.signup-win a:hover           { text-decoration: none; }

.signup-win p { font-size: 16px; color:#2b3e51; margin: 0px; font-weight:normal;  }
.signup-win p span { font-size: 26px; font-weight:900; font-style:italic; color:#013661; display:inline-block; }
.signup-win p .fa { font-size: 26px; color:#ff4a0c; margin: 0 5px; }

.signup-win p:hover { color:#ff8d0e; }
.signup-win p:hover span { color:#2b3e51; }

.home-win p                { text-align:right;}
.home-signup p                { text-align:left;}


.get-quote p { margin: 0; }
.get-quote p span { background:#f15300; font-size: 19px; border: 1px white solid; color:white; padding: 5px 18px; display: inline-block; }
.get-quote p span:hover { background:#1c53a5; color:white; }

.win-outer { background:#ffffff; }
.win-outer .win-inner { }
.win-outer .win-inner a,
.win-outer .win-inner a:hover { color:transparent; text-decoration:none; }
.win-outer .win-inner .win { padding: 16px; }
.win-outer .win-inner .win p { font-family:'Open Sans Condensed'; font-size: 20px; font-weight: bold; color:#ffffff; text-transform:uppercase; margin: 0; display: block; }
.win-outer .win-inner .win p span { background:#f15300; border: 1px white solid; color:white; padding: 5px 18px; display: inline-block; margin: 3px 15px; }
.win-outer .win-inner .win p span:hover { background:#929292; }

.win-outer .signup p { text-align:right;}



@media only screen and (max-width: 1200px) 
{
.win-outer .signup p, 
.win-outer .win-inner .win p { text-align:center;}
}




@media only screen and (max-width: 767px) 
{
.win-outer .win-inner .win { padding: 5px; }
.win-outer .win-inner .win p { text-align:center; font-size: 14px; margin: 0;  }
.win-outer .win-inner .win p span { display: block; }
}







.depts-outer { background:#88add7;}
.depts-outer .depts-inner { background-image:url('<%=domainname%>/images/home/palms.jpg'); background-repeat:repeat-x;  }

.depts-outer .depts-inner .depts { padding: 60px 0 30px 0;  }

.dept-bg { background:white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.71); margin-bottom: 30px;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg); } 


.dept-bg:hover { 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.dept-bg a,
.dept-bg a:hover { color:transparent; text-decoration:none; }

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

.dept { background:white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.71); border: 18px white solid;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.dept h3 { font-family: Rock Salt;  margin: 0; padding: 20px 10px 10px 10px; color:#808080; font-size: 21px; font-weight: 900; }




@media screen and (max-width:1200px) {
.depts-outer .col-md-3 { width: 50%; float:left; }
.dept h3 { font-size: 20px; }
}


@media only screen and (max-width: 767px) 
{
.dept h3 { font-size: 24px; }
.dept-bg { margin-bottom: 50px; } 
}


@media screen and (max-width:650px) {
.depts-outer .col-md-3 { width: 100%; }
}













.features-outer {}
.features-inner {  }
.features       { padding: 60px 0; }

.features a,
.features a:hover { color:transparent; text-decoration:none; }

.feature  { padding: 14px 0; margin-bottom: 20px;  }

.feature h3 { margin: 0 0 6px 0; color:#1c53a5; font-weight: 900; text-transform:uppercase; }
.feature p { margin: 0 0 10px 0; color:#2d2d2d; }
.feature .photo {  padding: 14px; }
.feature .text { position: relative; overflow:hidden; padding: 14px 14px 40px 14px; display: block; }
.feature .text .more { font-size: 13px; color:white; font-weight:bold; position: absolute; left: -130px; }
.feature .text .more span { background:#1c53a5; height: 25px; display: inline-block; padding: 3px 35px 3px 10px; position: relative; }
.feature .text .more .fa { position: absolute; top: 0; right: 0; background:#f25953; width: 25px; height: 25px; line-height: 25px; text-align:center; display: inline-block;  }


.feature:hover .text .more { left: 14px; }



@media only screen and (max-width: 767px) 
{
.features       { padding: 30px 0; }
.feature  { padding: 0; margin-bottom: 0px;  }
.feature p { font-size: 14px; }
}








.disney-outer { background:#e6e6e6; }
.disney-inner { padding: 25px 0;  }
.disney-inner a,
.disney-inner a:hover { color:transparent; text-decoration: none; }

.disney-inner .bxx { background:white; padding: 30px 35px; display: block; }
.disney-inner .bxx:hover { box-shadow: 0px 0px 5px black; }

.disney-inner .bxx h3 { color:#1c53a5; font-size: 30px; margin: 0 0 10px 0; font-weight:900; }
.disney-inner .bxx p { font-size: 14px; line-height: 125%; color:#2d2d2d }

.disney-inner .disney img  { float:right; margin: 0 0 20px 20px; }



@media only screen and (max-width: 767px) 
{
.disney-inner .bxx { margin-bottom: 20px; }
.disney-inner .bxx h3 { font-size: 20px;  }
.disney-inner .disney img  { float:none; margin: 20px 0px; }
}



.mag-outer { background:#1c53a5; }
.mag-inner { padding: 10px 0; }
.mag p { margin: 0; font-size: 29px; text-align:center; color:white;  }
.mag p span { font-style:italic; font-weight: 900; margin: 15px; }
.mag p a { border: 1px white solid; background:#929292; color:white; text-transform:uppercase; display: inline-block; font-weight: 900; font-size: 24px; padding: 6px 15px; margin: 15px;}
.mag p a:hover { background:#f25953; text-decoration: none; }



@media only screen and (max-width: 767px) 
{
.mag-outer { margin: 0; }
.mag p { font-size: 18px; text-align:center; color:white;  }
.mag p span { display: block; margin: 0; }
.mag p a { font-size: 18px; padding: 4px 10px; margin: 8px;}
}



.checkin-outer {}
.checkin-outer .checkin-inner { background:#606b82; }
.checkin-outer .checkin-inner a,
.checkin-outer .checkin-inner a:hover { color:transparent; text-decoration:none; }
.checkin-outer .checkin-inner .checkin { padding: 16px; }
.checkin-outer .checkin-inner .checkin p { font-size: 20px; color:white; margin: 9px 0 0 0; }
.checkin-outer .checkin-inner .checkin .booked p { text-align:center;  }
.checkin-outer .checkin-inner .checkin .booked p span { font-weight: bold; font-style:italic; display: inline-block; margin: 0 10px; }

.checkin-outer .checkin-inner .checkin .bookedlink p { text-align:center; text-transform:uppercase; margin: 0;  }
.checkin-outer .checkin-inner .checkin .bookedlink a { color:white; font-weight: bold; display: inline-block; background:#f25953; padding: 9px 15px;  }
.checkin-outer .checkin-inner .checkin .bookedlink a .fa { margin-right: 10px;  }
.checkin-outer .checkin-inner .checkin .bookedlink a:hover { background:#2d2d2d;}
















.deals-outer { background:#e6e6e6; }
.deals-inner {}
.deals       { padding: 40px 0;}

.deals-list { padding: 10px; }

.deals-list h3 { color:#1c53a5; font-size:28px; text-transform:uppercase; font-weight: 700; padding: 0px 0px 10px 22px; }

.deals-list a,
.deals-list a:hover { color:transparent; }

.deals-list .tr { clear:both; padding: 14px 22px; background:white; margin-bottom: 1px; color:#2d2d2d; font-size: 15px; }
.deals-list .tr:hover { background:#1c53a5; color:white; }
.deals-list .offer { float:left; width: 100%; }
.deals-list .nights { display: none; }
.deals-list .price { display: none; }




@media only screen and (max-width: 767px) 
{
.deals-list { margin-bottom: 20px; }
.deals-list h3 { font-size:22px; padding: 0; margin: 0 0 10px 0;  }



}









.shorex { padding: 16px; }
.shorex p { text-align:center; font-size: 29px; color:#1c53a5; margin: 30px 0 0 0; display: block; }
.shorex p span { font-style:italic; font-weight: 900; margin: 0 15px;  }
.shorex p a { background:#f15300; color:white; padding: 6px 20px; margin: 0 20px; display: inline-block; text-transform:uppercase; font-weight: 900; font-size: 24px; }
.shorex p a:hover { background:#929292; color:white; text-decoration:none; }



@media only screen and (max-width: 767px) 
{
.shorex { padding: 0px;  margin: 0; }
.shorex p { font-size: 18px; margin: 0; }
.shorex p a {  font-size: 18px; padding: 4px 10px; margin: 4px 0; }
.shorex p span { display: block;  }
}







.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);
}