.anim { padding:0; position: relative; }
.anim .pix  { position: relative; width: 100%; z-index: 4; overflow:hidden;  }
.anim img { position: relative; z-index: 5; width: 100%; }
.anim .pix .txt-bg { bottom: 0px; position: absolute; z-index: 6; width: 100%; background:rgba(0, 0, 0, 0.20); }

.anim .pix .txt-bg .txt  { padding: 20px 40px; }
.anim .pix .txt-bg .txt p { margin: 0; text-align:right; color:white;  text-transform: uppercase; line-height: 125%; }
.anim .pix .txt-bg .txt p.one { font-family:Open Sans Condensed; text-shadow: 0 3px 3px black; font-size: 38px; font-weight: 900; margin: 0 0 4px 0; }
.anim .pix .txt-bg .txt p.two { text-shadow: 0 3px 3px black; font-size: 20px; font-weight: 900; margin: 0 0 16px 0; }
.anim .pix .txt-bg .txt p.book { font-size: 15px; font-weight: bold; margin: 0 0 16px 0; }
.anim .pix .txt-bg .txt p.book span { border: 1px white solid; padding: 6px 18px; background:#5b6ca3; color:white;  }
.anim .pix .txt-bg .txt p.book span:hover { background:white; color:black;  }




@media screen and (max-width:992px) {
.anim .pix .txt-bg { position: relative; background:black; }
.anim .pix .txt-bg .txt p { text-align:center; }
}







.signup-win { padding: 0px; background:black; }
.signup-win p { color:white; padding: 20px 10px; text-align:center; }
.signup-win a:hover p { background:white; color:black; }














.depts-outer { padding: 0; }

.dept { padding: 0px; position:relative; clear:both; }

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

.dept .dept-image { position: relative; z-index: 9; }
.dept .dept-image img { width: 100%; }

.dept a .dept-text { position: absolute; z-index: 10; top: 0; widtH: 100%; height: 100%; background:rgba(0, 0, 0, 0.30); overflow:hidden; }
.dept a:hover .dept-text { background:rgba(0, 0, 0, 0.80);    }


.dept a .dept-text h3 { position: relative; margin: 0; text-align:center; top: 30%;
           font-family:'Open Sans Condensed'; text-transform:uppercase; color:white; font-size: 24px; font-weight: 900; line-height: 24px; }
.dept a:hover .dept-text h3 { font-size: 35px; }

.dept a .dept-text p.more  { position: relative; text-align:center; z-index:11; top: 100%; font-size: 14px; font-weight: bold; line-height: 135%;  }
.dept a .dept-text p.more span { border: 1px #5b6ca3 solid; background:#5b6ca3; padding: 4px 14px; color:white; }

.dept a:hover .dept-text p.more  { top: 50%;  }
.dept a:hover .dept-text p.more span:hover { color:white; background:black; border: 1px white solid; }


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


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





















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


.sigoffers-outer        { margin: 0px; background:white; }
.sigoffers              { padding: 50px 0; }














.sigoffers h3 { color:#5b6ca3; font-family: 'Open Sans Condensed'; font-size:32px; text-transform:uppercase; font-weight: 900; margin: 0px 0px 10px 15px; }

.sigoffers a,
.sigoffers a:hover { color:transparent; }
.sigoffers .tr { clear:both; border-top: 1px rgba(0, 0, 0, 0.25) solid; padding:  20px; color:black; font-size: 15px; }
.sigoffers .tr:hover { background:rgba(0, 0, 0, 0.05) ; }
.sigoffers .offer { float:left; width: 75%; }
.sigoffers .price { font-size: 11px; float:left; width: 25%; color:black; text-align:right; }
.sigoffers .price span { color:black; padding-bottom: 4px; font-weight:normal; font-weight:bold; font-size: 20px;  }

.sigoffers .deals { margin-bottom: 10px; }



@media screen and (max-width:650px) {
.sigoffers .offer,
.sigoffers .price { float:none; width: 100%; }
}









.getquote-outer { background:#5b6ca3; padding: 30px; margin: 0; }
.getquote { text-align:center; font-size: 17px; padding:0;  margin: 0; color:white }
.getquote span { font-weight: 900; font-style:italic; }
.getquote a { font-weight: 900; background:black; display:inline-block; text-transform:uppercase; border: 1px black solid; font-family:'Open Sans Condensed'; color:white; margin: 0 20px; padding: 5px 25px; display: inline-block; }
.getquote a:hover { background:white; color:black; }





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

.getquote a { width: 100%; display: block; margin: 15px 0; }
}










.destpad { padding: 0px; }
.dest-outer { padding: 0; background:#ed8702; }




@media screen and (max-width:1350px) {
.dest-inner .col-md-4 { width: 50%; float:left; }
}


@media screen and (max-width:940px) {
.dest-inner .col-md-4 { width: 100%; }
}





.dest { position: relative; overflow:hidden; z-index:5; height: auto;  }
.dest img { position: relative; height: auto; width: 100%; }
.dest .desttext { position: absolute; top: 100%; padding: 20px 50px; margin-top: -75px; height: 100%; width: 100%; background:rgba(0, 0, 0, 0.25); z-index: 6; }
.dest:hover .desttext { margin-top: 0; top: 0; padding: 50px; background:rgba(0, 0, 0, 0.70); }

.dest .desttext h3 { font-family: 'Open Sans Condensed'; font-size: 28px; font-weight: 900; margin: 0 0 20px 0; color:white; text-transform:uppercase; }
.dest .desttext p { font-size: 14px; color:white; line-height: 130%;  }

.dest:hover .desttext h3 { margin: 0 0 12px 0; border-bottom: 1px rgba(255, 255, 255, 0.25) solid; padding-bottom: 12px; }
.dest:hover .desttext p.more  { font-size: 15px; font-weight:bold; }
.dest:hover .desttext p.more a { background:#5b6ca3; color:white; text-shadow: none; padding: 4px 10px; display: inline-block; border: 1px white solid; }
.dest:hover .desttext p.more a:hover { background:black; color:white; border: 1px white solid;}




@media screen and (max-width:1200px) {
.dest-inner { border: 0px }
.dest .desttext p { font-size: 13px; }
}


@media screen and (max-width:500px) {
.dest .desttext { margin-top: -55px; padding: 15px; }
.dest:hover .desttext { padding: 15px; }

.dest .desttext h3 { font-size: 18px; }
.dest .desttext p { font-size: 12px; }
.dest:hover .desttext p.more  { font-size: 12px; }
}















.shore-outer { background:black; }
.shore { padding: 20px 30px; height: 100%; }
.shore:hover  { }

.shore p.shore-text { text-align:center; margin: 20px 0; font-size: 17px; font-weight: bold; color:white;  }
.shore p.shore-text a { background:#5b6ca3; color:white; border: 1px white solid;  margin: 0 20px;  display:inline-block; padding: 10px 20px; font-family: 'Open Sans Condensed'; text-transform:uppercase; }
.shore p.shore-text a:hover { background:white; color:black; }


@media screen and (max-width:1500px) {
.shore p.shore-text { margin: 20px 0; font-size: 15px; }
.shore p.shore-link { margin: 20px 0; font-size: 13px; }
}




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

.shore p.shore-text a { width: 100%; display: block; margin: 15px 0; }
}



















.welcome-outer {  }
.welcome                    { padding: 50px 30px}

.welcome h1                 { font-size: 48px; font-family: 'Open Sans Condensed'; color:#5b6ca3; font-weight: 900; }
.welcome p                  { font-size: 16px; line-height: 150%; color:#585858; margin-bottom: 20px;  }

.welcome p.more   {  font-size: 14px; font-weight:bold; margin-top: 20px; }
.welcome p.more a  {  border: 1px #5b6ca3 solid; background-color:#5b6ca3; color:white; padding: 6px 16px; }
.welcome p.more a:hover { border: 1px black solid;  background:black; color:white;  }




@media screen and (max-width:1150px)

{
}




@media screen and (max-width:900px)

{

  

}




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




}