.mainoffer { position:relative; z-index: 1;}
.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: 'Montserrat'; font-weight:700; margin: 0; text-shadow: 0 0 5px #000000; }
.mainoffer .mainpromo p.two { font-size: 43px; font-family: 'Montserrat'; font-weight:500; font-style:italic; margin: 0;  text-shadow: 0 0 5px #000000; }
.mainoffer .mainpromo p.three { font-size: 30px; font-family: 'Montserrat'; font-weight:700; margin: 0; text-shadow: 0 0 5px #000000; }

.mainoffer .mainpromo p.booknow { font-size: 20px; font-family: 'Montserrat'; font-weight:700; margin: 30px 0 0 0; }
.mainoffer .mainpromo p.booknow span { background-color:#ff8113; display: inline-block; padding: 10px 35px; }
.mainoffer .mainpromo p.booknow span:hover { background-color:#203f64;  }


@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:#203f64;  }
.mainoffer .mainpromo p { text-align:center; }
}













.depts { padding: 65px 0;  }
.depts a,
.depts a:hover { text-decoration: none; }

.dept { position:relative; z-index:3; overflow:hidden; }
.dept img { position:relative; z-index:3; width: 100%;}
.dept h3 	{ 
			margin: 0; padding: 15px 10px; text-transform:uppercase;
			font-family:'Montserrat'; font-weight:300; background:#63859f; letter-spacing: 2px;
			color:white; display:block; text-align:center; 
			}
			
.depts a .dept .dept-inner { background:rgba(0, 0, 0, 0.75); ; z-index:4; position: absolute; 
			bottom: -100%; left: 0; padding: 20px 35px; }
.depts a .dept .dept-inner p { color:white; font-size: 16px; }
.depts a .dept .dept-inner p.action { margin: 0 0 20px 0; text-align:center; }
.depts a .dept .dept-inner p.action span { background:white; border: 1px white solid; text-transform:uppercase; font-weight:900; color:black; padding: 4px 12px; display:inline-block; font-size: 11px; }
.depts a:hover .dept .dept-inner p.action span:hover { background:transparent; color:white; }
.depts a:hover .dept .dept-inner { bottom: 0; }






@media only screen and (max-width: 1250px) 
{
.dept a { margin: -20px 25px 25px 25px; font-size: 17px; }
.dept p { font-size: 14px;  }
.depts .getquote { font-size: 24px; }
	
}

@media only screen and (max-width: 767px) 
{
.depts { padding: 20px 0;  }
.dept  { margin-bottom: 20px;  }
.dept h3 	{ padding: 10px; font-size: 18px; letter-spacing: 0px; }
}



.popdest-outer { padding: 50px 0 60px 0; background:#253945;}
.popdest-outer p.title { margin-bottom: 50px; text-align:center; font-size: 30px; letter-spacing:3px; font-family: 'Montserrat'; 
text-transform:uppercase; font-weight: 500; color:#829f63;  }


.dest a,
.dest a:hover {text-decoration:none; display:block; }
.dest .photo {position:relative; overflow:hidden; }
.dest .photo img { width: 100%; position:relative; z-index: 5; }
.dest a:hover .photo img { scale: 110%; }


.dest a .photo p.more {z-index:7; text-align:center; left: 0; bottom: -100px; position: absolute; display:block; width: 100%; }
.dest a:hover .photo p.more { left: 0; bottom: 20px; }


.dest a .photo p.more span { background:white; border: 1px white solid; text-transform:uppercase; font-weight:900; color:black; padding: 4px 12px; display:inline-block; font-size: 18px; }
.dest a:hover .photo p.more span:hover { background:rgba(0, 0, 0, 0.55); color:white; }




.dest a h3 { font-family: 'Montserrat'; font-size: 35px; font-weight: 900; color:white; }
.dest p { font-size: 18px; font-weight: 400; color:white;  }



@media only screen and (max-width: 1250px) 
{
.popdest-outer p.title { font-size: 36px; }
.dest a h3 { font-size: 27px; }
.dest p { font-size: 15px;  }
	
}

@media only screen and (max-width: 767px) 
{
.popdest-outer { padding: 20px 0;}	
.popdest-outer p.title { margin-bottom: 20px; font-size: 17px; letter-spacing:0px;}
.dest { margin-bottom: 40px; }
.dest a .photo p.more span { font-size: 13px; }
}
















.getquote { padding: 50px 10px; }
.getquote p { text-align:center; font-size: 26px; text-transform:uppercase; }

.getquote p a { font-family: 'Montserrat'; font-weight:500; background-color:#829f63; color:#ffffff; display: inline-block; padding: 20px 80px; }
.getquote p a:hover {  background-color:#63859f; text-decoration:none; }


@media only screen and (max-width: 767px) 
{
.getquote p { font-size: 17px; }
.getquote p a { padding: 13px 40px; }
}











.shorex { background:rgba(0, 0, 0, 0.07); padding: 20px; margin-bottom: 50px; }
.shorex p { text-align:center; font-style:italic; margin: 0; font-size: 17px; color:#000000; }
.shorex a { background-color:#63859f; color:#ffffff; font-style:normal; 
font-family: 'Montserrat'; text-transform:uppercase; font-size: 14px; font-weight:700; padding: 10px 25px; display: inline-block; margin: 5px 15px; }
.shorex a:hover { background-color:#829f63; text-decoration:none; }


@media only screen and (max-width: 1100px) 
{
.shorex { margin-bottom: 0px; }
.shorex p { font-size: 17px; }
.shorex a { padding: 7px 18px; margin: 5px 15px; }
}










.mags a,
.mags a:hover { text-decoration: none; }

.mag { margin-bottom: 50px; }
.mag img { margin-bottom: 30px; max-height: 60px;}
.mag p { font-size: 16px; color:#999999; }
.mag p.view { font-size: 14px; font-family:'Montserrat'; margin: 0;  }
.mag p.view span { display:inline-block; padding: 7px 16px; background:#63859f; color:white; text-transform:uppercase; }
.mag p.view span:hover { background:#829f63; color:white; text-transform:uppercase; }



@media only screen and (max-width: 1100px) 
{
.mag { padding: 20px 10px; margin-bottom: 15px; }
.mag img { max-height: 40px;}
.mag p {  font-size: 17px;}
}
















.offer-row {
	border-top: 1px #cacaca solid;
	padding: 8px 10px;
	color: #ffffff;
}




.deals       { background:#253945; margin-bottom: 50px;  padding: 60px 0;}
.deals-list {}

.deals-list h3 { font-family: 'Montserrat'; text-transform:uppercase; color:white; font-size:20px; font-weight: 500; padding: 0px 0px 14px 22px; margin-bottom: 0; border-bottom: 1px white solid; }

.deals-list a,
.deals-list a:hover { margin: 0; padding: 0; color:white; }

.deals-list .tr { clear:both; padding: 10px 22px; 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; }
}



@media only screen and (max-width: 767px) 
{
.deals       { padding: 20px 0;}
}













.win-outer {
	background: url('https://ldjtravel.com/images/home/win-big.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 50px;
}
.win-outer a,
.win-outer a:hover { color:transparent; text-decoration:none; }

.win-outer .col-md-6 { padding-bottom: 150px;}
.home-win { background:rgba(0, 0, 0, 0.65); padding: 35px; position: relative; margin: 0 150px 0 0; }
.home-win img { width: 100%; margin-bottom: 20px; }
.home-win h3 { color:white; line-height: 135%; font-size: 20px; text-align:center; margin: 0 30px 0 0; }

.home-win p.sweep { color:#ffffff; font-size: 17px; margin: 20px 0; letter-spacing: 1px; text-align:center; }
.home-win p.sweep span { background:#829f63; border: 1px white solid; text-transform:uppercase; display: inline-block; font-family: 'Montserrat'; padding: 8px 34px;  }
.home-win p.sweep span:hover { background:#63859f; }



@media only screen and (max-width: 1100px) 
{
.home-win h3 { font-size: 18px;  }
.home-win p.sweep { font-size: 15px; }
}



@media only screen and (max-width: 767px) 
{
.win-outer { margin: 0px; background:none; }
.win-outer .col-md-6 { padding: 0px; }
.home-win { padding: 17px; width: 100%; }
.home-win p.sweep { margin: 10px 0; font-size: 15px; letter-spacing: 0px; }
}







.welcome { padding: 60px 20px; }
.welcome h1 {  font-size: 34px; color:#404040;}
.welcome p {  font-size: 15px; color:#666666; font-weight:500; line-height: 135%; }
.welcome p.lead {  font-size: 17px; color:#829f63; font-weight:900; }


.welcome .more { }
.welcome .more a { font-size: 15px; letter-spacing: 1px; background:#63859f; text-transform:uppercase; color:#ffffff; padding: 9px 25px; display: inline-block;  }
.welcome .more a:hover { background:#829f63; text-decoration:none; }


@media only screen and (max-width: 1100px) 
{
.welcome { padding: 30px 0px; }
.welcome h1 { font-size: 30px; }
.welcome p.lead { font-size: 16px; }
.welcome p {  font-size: 14px; }
}



















.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);
}









