/* -------------- home page only --------------- */
.navigation {  margin-bottom: -30px; }
/* -------------- home page only --------------- */




.anim { padding:40px 0 0 0; }
.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:oswald; 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: 18px; font-weight: bold; margin: 0 0 16px 0; }
.anim .pix .txt-bg .txt p.book span { border: 1px white solid; padding: 3px 8px; background:#ed8702;  }




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

.anim .pix .txt-bg { position: relative; background:#0364e4; }
.anim .pix .txt-bg .txt p { text-align:center; }

}






















.depts-outer { padding: 25px 0;}
.depts-outer .getquote { text-align:center; font-size: 28px; font-weight: 900; margin: 20px 0 0 0; text-transform:uppercase; }
.depts-outer .getquote a { background:#0364e4; color:white; padding: 3px 25px; display: inline-block; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.30);  }
.depts-outer .getquote a:hover { background:#004bad; }


@media screen and (max-width:992px) {
.depts-outer .getquote { font-size: 18px;margin: 0 0 -40px 0;  }
}


.depts-inner { background:white; padding: 20px ;
}


.dept img { margin-bottom: 15px; }
.dept h3 { font-family:Oswald; margin: 0 0 7px 0; text-transform:uppercase; color:black; font-size: 24px; font-weight: normal; }
.dept p { font-size: 14px; font-weight: 400; color:black; line-height: 125%; }
.dept p.more { font-size: 12px; }
.dept p.more a { background:#e45d03; padding: 3px 12px; color:white; }



@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; }
.sigoffers              { padding: 30px 0; }

.sigoffers h3 { color:black; font-family:Oswald; font-size:24px; text-transform:uppercase; font-weight: bold; margin: 0px 0px 10px 15px; }

.sigoffers a,
.sigoffers a:hover { color:transparent; }

.sigoffers .tr { clear:both; border-top: 1px #cacaca solid; padding: 6px 15px; color:black; font-size: 17px; 
-moz-border-radius: 9px;
-webkit-border-radius:  9px;
 border-radius:  9px; }
.sigoffers .tr:hover { background:#f3f3f3; }
.sigoffers .offer { float:left; width: 75%; }
.sigoffers .price { font-size: 11px; float:left; width: 25%; color:#666666; text-align:right; }
.sigoffers .price span { color:#990000; padding-bottom: 4px; font-weight:normal; font-weight:bold; font-size: 20px;  }

.sigoffers .deals { background:white; padding: 20px; margin-bottom: 14px; }



















.destpad { padding: 0 4px; }
.dest-outer { padding: 30px 0; }
.dest-inner {  }

.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: 14px 20px; margin-top: -55px; height: 100%; width: 100%; background:rgba(0, 0, 0, 0.25); z-index: 6; }
.dest:hover .desttext { margin-top: 0; top: 0; background:rgba(0, 0, 0, 0.50); }

.dest .desttext h3 { font-size: 20px; font-weight: 900; margin: 0 0 20px 0; color:white; text-transform:uppercase; }
.dest .desttext p { font-size: 16px; color:white; font-weight:bold; line-height: 115%; text-shadow: 0 0 3px black; }

.dest:hover .desttext h3 { margin: 0 0 4px 0; }
.dest:hover .desttext p.more  { font-size: 15px; }
.dest:hover .desttext p.more a { background:#ed8702; color:white; text-shadow: none; padding: 2px 10px; display: inline-block; border: 1px white solid; }
.dest:hover .desttext p.more a:hover { background:#0364e4; }




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




@media screen and (max-width:992px) {
.dest { margin-bottom: 14px; }

}


















.shore { clear:both; margin-top: 20px; background:#0364e4; display: block;  }
.shore:hover  { }

.shore h3 { text-align:center; margin: 12px 0px; font-size: 26px;   }
.shore p { text-align:right; color:white; font-size: 18px;  font-weight:bold; margin: 0;  }
.shore p span { display: inline-block; padding: 8px 16px;  }
.shore a { background:#ed8702; display: inline-block; text-transform:uppercase; padding: 8px 16px; color:white;  }



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

.shore p { text-align:center; }


}








.welcome-outer { background:#0364e4; border-bottom: 1px white solid; }
.welcome                    { padding: 30px}

.welcome h1                 { font-size: 48px; color:white; font-family:Rock Salt; }
.welcome p                  { font-size: 20px; line-height: 150%; color:white; }
.welcome p span  {  font-size: 16px; font-weight:bold; background-color:#ed8702; color:white; padding: 8px 16px; }




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

{
.welcome                    { padding: 30px 0px}
.welcome h1                 { font-size: 38px;  }


}




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

{

  

}




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




}