.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: 'Asap Condensed'; font-weight:700; margin: 0; text-shadow: 0 0 5px #000000; }
.mainoffer .mainpromo p.two { font-size: 43px; font-family: 'Asap Condensed'; font-weight:500; font-style:italic; margin: 0;  text-shadow: 0 0 5px #000000; }
.mainoffer .mainpromo p.three { font-size: 30px; font-family: 'Asap Condensed'; font-weight:700; margin: 0; text-shadow: 0 0 5px #000000; }

.mainoffer .mainpromo p.booknow { font-size: 20px; font-family: 'Asap Condensed'; 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: 10px 0;  }
.dept img { position:relative; z-index:3;}
.dept a { padding: 8px; margin: -30px 50px 25px 50px; color:#ffffff; font-size: 30px; text-align:center; text-transform:uppercase; font-weight: bold; font-family:'Asap Condensed'; display: block; background-color:#52a4ff; font-weight:700; position:relative; z-index: 5;  }
.dept a:hover { text-decoration: none; background-color:#203f64; }
.dept p { font-size: 18px; margin: 0 30px 50px 30px; text-align:center; font-weight: 400; }

.depts .getquote { text-align:center; font-size: 40px; }
.depts .getquote a { font-family: 'Asap Condensed'; font-weight:900; background-color:#ff8113; color:#ffffff; display: inline-block; padding: 10px 80px;   }
.depts .getquote a:hover {  background-color:#203f64; text-decoration:none; }


@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) 
{
.dept  { margin-bottom: 20px;  }
}








.popdest-outer { padding: 50px 0 60px 0; background: rgba(0, 0, 0, 0.05);}
.popdest-outer p.title { text-align:center; font-size: 45px; font-family: 'Asap Condensed'; font-weight: 900; color:#203f64; text-transform:uppercase; }


.dest a,
.dest a:hover {text-decoration:none; display:block; }
.dest img { width: 100%; }
.dest a h3 { font-family: 'Asap Condensed'; font-size: 35px; font-weight: 900; color:#203f64; text-transform:uppercase;  }
.dest p { font-size: 18px; font-weight: 400; color:#444444  }


@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) 
{
.dest { margin-bottom: 40px; }
}





.shorex { background-color:#203f64; padding: 20px; margin-bottom: 30px; }
.shorex p { text-align:center; font-family: 'Asap Condensed'; font-style:italic; margin: 0; font-size: 22px; color:#ffffff; }
.shorex a { background-color:#52a4ff; color:#ffffff; font-style:normal; text-transform:uppercase; font-weight:700; padding: 10px 25px; display: inline-block; margin: 5px 15px; }
.shorex a:hover { background-color:#ff8113; text-decoration:none; }


@media only screen and (max-width: 1100px) 
{
.shorex p { font-size: 17px; }
.shorex a { padding: 7px 18px; margin: 5px 15px; }
}





.mags a,
.mags a:hover { text-decoration: none; }

.mag { padding: 120px 70px;}
.mag img { margin-bottom: 30px; max-height: 90px;}
.mag p { color:#ffffff; font-size: 20px;}

.travmag { background-color:#52a4ff; border-right: 2px #ffffff solid; text-align:right;}
.ultimate { background-color:#203f64; border-left: 2px #ffffff solid; }


@media only screen and (max-width: 1100px) 
{
.mag { padding: 70px 40px;}
.mag img { max-height: 60px;}
.mag p {  font-size: 17px;}
}



@media only screen and (max-width: 767px) 
{
.travmag { border: 0; margin-bottom: 20px;}
.ultimate { border-left: 0px #ffffff solid;  }
}












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







.deals       { padding: 60px 0 100px 0;}
.deals-list {}

.deals-list h3 { font-family: 'Asap Condensed'; color:#203f64; font-size:40px; font-weight: 900; padding: 0px 0px 14px 22px; }

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

.deals-list .tr { clear:both; padding: 10px 22px; color:#444444; 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; }
	
}














.win-outer { background-color:#203f64; background:url('https://peacocktravelgroup.com/images/home/win-bg.jpg'); background-repeat:no-repeat; background-position: center center; background-size:cover; margin-bottom: 80px; }
.win-outer a,
.win-outer a:hover { color:transparent; text-decoration:none; }


.home-win { background-color:#ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.50); ; padding: 35px; position: relative; margin: -30px 0; }
.home-win img { width: 100%; margin-bottom: 30px; }
.home-win h3 { color:#ff8113; font-size: 42px; font-family: 'Asap Condensed'; font-weight: 900; text-align:center; margin-bottom: 30px; }
.home-win p.sweep { color:#ffffff; font-size: 32px; margin: 20px 0; font-family: 'Asap Condensed'; font-weight: 900; text-align:center; }
.home-win p.sweep span { background-color:#203f64; display: inline-block; padding: 8px 34px; text-transform:uppercase; }
.home-win p.sweep span:hover { background-color:#52a4ff; }



@media only screen and (max-width: 1100px) 
{
.home-win h3 { font-size: 27px;  }
.home-win p.sweep { font-size: 20px; }

}



@media only screen and (max-width: 767px) 
{
.win-outer { background-color:#203f64; background-image:none; padding: 15px; margin-bottom: 50px; }
.home-win { padding: 17px; }
	
}







.welcome { padding: 60px 20px; }
.welcome h1 {  color:#ff8113; font-size: 52px; }
.welcome p.lead {  font-size: 18px; color:#203f64; font-size: 22px; font-weight:900; }

.welcome p {  font-size: 18px; color:#444444; font-weight:500; }

.welcome .more { font-weight: bold; font-size: 20px; }
.welcome .more a { background-color:#52a4ff; color:#ffffff; padding: 7px 25px; display: inline-block;  }
.welcome .more a:hover { background-color:#203f64; text-decoration:none; }


@media only screen and (max-width: 1100px) 
{
.welcome h1 { font-size: 37px; }
.welcome p.lead { font-size: 18px; }

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