/************** Version 3 ****************/

@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
        
html {
  height:100%;
}
body{
	font-family:"Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:300;
  height:100%;
  text-align: center;
  font-size:18px;
  line-height:170%;
  color:#ffffff;
  background-color:#343434;
}
a{
	color:#6cafd5;
}
h1, h2, h3, nav {
	font-family:"Playfair Display", Georgia, serif;
}
h1{
	text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  letter-spacing:.1em;
  font-size:32px;
}
h2{
	color:#ffffff;
}
h3{
	text-transform: uppercase;
  color:#343434;
}
h4{
	text-transform: uppercase;
  font-weight:400;
}
nav {
	font-weight: 700;
}
.clear{clear:both;}     

.hideDesktop{display:block;}
        
.embed-ad {padding-bottom: 83%;}

.embed-ad a {display: block;}

hr {border-top:1px dashed #ffffff;}

.btn-default {
	color: #ffffff;
  background-color:transparent;
  border-color: #ffffff;
  border-radius:0;
}
.jumbotron {
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
  position:relative;
  left:0;
  top:0;
  bottom:0;
  padding-top: 0!important;
  padding-left: 0;
  padding-right: 0;
  margin-bottom:0;
  color:#333333;
  text-align: center;
  height:100%;
  width:100%;
  border-radius:0!important;
}
.jumbotron h1 {font-weight: 700;}
        
#headline{
  position:absolute;
  bottom:17%;
  width:100%;
}
#headline a {
  width:auto;
  min-width: 300px;
  margin-left:auto;
  margin-right:auto;
  padding:15px;
  border: 2px solid #111;
  text-decoration: none;
  color:#111;
  background-color: rgba(255,255,255,.5);
}
#headline a:hover{
  box-shadow: 0px 0px 30px 1px #343434 inset ; 
}
.why-travelClub {
  display: inline-block;
  width: 100%;
  padding-bottom: 2rem;
}         
.why-travelClub ul {
  margin-bottom: 2rem;
  font-weight: 700;
}
.why-travelClub .glyphicon {
  font-size: 200%;
}
.startButton {
  display: inline-block;
  width: 100%;
}
.startButton a{
  min-width:250px;
  margin-left:auto;
	margin-right:auto;
	display: inline-block;
	padding:15px;
	border:solid 1px #ffffff;
	text-decoration: none;
	color:#ffffff;
}
p.startButton{ 
	margin-top:30px;
	text-align: center;
}
.learnMore{
	position:absolute;
	bottom:0;
	color:#ffffff;
	font-size:18px;
	text-align: center;
	width:100%;
}
.learnMore a{color:#fff;}

#jumbotron-form{
  margin-top:30px;
  position: absolute;
  bottom:30px;
  left:0;
  width:100%;
}
.lead-form {
  display: inline-block;
  width: 100%;
  padding: 3rem 2rem;
  background-color: #111;
}
.lead-form .form-group {
  margin: 0;
}
.lead-form .form-control {
  margin: 0 !important;
  height: 45px;
}
.contest-form form {
  margin-bottom: 2rem;
}
.form-control{width:100%;}
          
.lg-squares{
  min-height:300px;
  background-size: cover;
  background-repeat: no-repeat;
  color:#ffffff;
  position:relative;
  background-position: center;
}
.lg-squares h4{
  padding:2%;
  position: absolute;
	width: 200px;
  background-color: #5B1A13;
  opacity: .8;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.lg-squares:hover, .lg-squares img:hover{box-shadow: 1px 1px 125px 10px #000000 inset;}
        
.navbar-default{
  background-color:rgba(56,56,56,.93);
  border-color:#333333;
}
.navbar-default .navbar-nav > li > a{color:#ffffff;}
        
.navbar-default .navbar-nav > li > a:hover{color:#ebebeb;}
          
.sectionTint{
  background-color:#5B1A13;
  color:#ffffff;
  padding: 2rem 1rem;
}
.sectionSupplier {
  background-color:#f6f6f6;
  padding: 2rem 1rem 1.5rem;
  color: #444;
}
.sectionSupplier .container {
  margin-top: 0;
  margin-bottom: 0;
}
.sectionSupplier h2 {
  color:#444;
  margin-top: 0;
  font-size: 150%;
}
.sectionSupplier p:last-child {
  margin: 0;
}
.sectionTint.thanks-message {
  padding: 4rem 0;
  border-top: 1px solid rgba(255,255,255,.1);
}
.sectionTint h1, .sectionTint h2, .sectionTint h3, .sectionTint h4, .sectionTint h5 {
  color: #fff;
}
.sectionTint a {
  color: #fff;
  text-decoration: underline;
}
#destinationIndex {
  background-size:cover;
  background-position:top;
  background-attachment: fixed;
  display: inline-block;
  width: 100%;
}
#nearbyDestinations{
  background-size: cover;
  background-position:center;
  background-attachment: fixed;
  display: inline-block;
  width: 100%;
  color: #fff;
}
#nearbyDestinations h2 {color:#ffffff; margin-bottom: 20px;}

#nearbyDestinations h3 {color:#ffffff;}

#nearbyDestinations ul, #destinationSearch ul{
	list-style: none;
  padding-left:0;
}
.grid .sectionTint {
  height: 260px;
  overflow: hidden;
}
.grid .sectionTint h2 {
  margin-top: 0;
  font-size: 125%;
}
.grid .sectionTint .description {
  font-size: 90%;
  line-height: 1.3;
  text-align: center;
}
.sectionTint.about{padding-top:0;}

.serviceIcon{
	text-align:center;
  margin:10px 0;
}
.serviceIcon span.glyphicon{font-size:40px;}
          
#services a{color:#ffffff;}

#services{
	margin-top:15px;
  border-top:1px dashed #ffffff;
}
footer{padding:30px 0; font-size: 80%;}
          
footer h4{margin-top:0;}

footer li{margin-right:10px;}
            
footer a{color:#ffffff;}
          
.footer-logos {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.footer-logos img {
  max-height: 40px;
  display: inline-block;
  margin: 1.5rem .78rem 0;
}
.footer-logos > a {
  display: inline-block;
  width: auto;
}
.admin-note {
  display: inline-block;
  width: 100%;
  font-size: 80%;
  color: #777;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #efefef;
  padding: .65rem;
  line-height: 1.5;
  margin: 1rem 0;
}
#followUs ul{
	list-style: none;
  padding-left:0;
  font-size:20px;
}
#followUs li{display: inline;}
          
.navbar-brand {
  height:auto;
  background-color:rgba(255,255,255,.78);
  float:none;
  border-bottom-left-radius: 45%;
  border-bottom-right-radius: 45%;
  width:300px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  min-height:150px;
  padding:55px 10px 25px;
}
.navbar-brand h3 {color: #343434;}

.navbar-brand img{max-height:90px; max-width: 95%;}
        
#ads img{
	width:100%;
	height:auto;
}
#ad{display:block;}

#ads>div{
	width:25%;
	max-width:300px;
	padding-left:0;
	padding-right:0;
	float:left;
	margin-top:0;
}
#ads>div#travelclubAd {
  width: 50%;
  max-width: 100%;
}
#personalityQuiz {
  background-color:#1e5196;
  margin-left:0!important;
  padding-left:0!important;
}
#blog {
  background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/hero-contact.jpg);
  background-size:cover;
  background-position:top;
  background-attachment: fixed;
  position: relative;
}
.rss-link {
  position: absolute;
  right: .75rem;
  top: 5.5rem;
  width: auto;
}
.rss-link img {
  width: 30px;
}
#blog h1 {margin-top:0;}

.overlay {
  background-color:rgba(34,34,34,.8);
  min-height:250px;
  padding:30px 0px;
  display: inline-block;
  width: 100%;
}
footer{
  background-color:#343434;
  color:#ffffff;
}
            
/***** Hotel Chain Landing Page *****/

.resort_photo, .supplier_photo {
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.brand-resort {
  position: absolute;
  top: 15%;
  left: 5%;
}
.brand-resort img {
  max-height: 90px;
  max-width: 100%;
}
.resort_photo #headline {
  bottom: 10%;
}
.supplier_photo #headline {
  bottom: 20%;
}
.bg-specials {
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}
.bg-specials h3 {color: #fff;}

.sectionBrands {
  display: block;
  padding: 3rem 0;
  background-color: #fff;
  color: #333;
}
.brands-list {
  display: inline-block;
  width: 100%;
}
.brands-list > a {
  display: inline-block;
  margin: .5rem .75rem;
}
.brands-list > a img {
  max-height: 40px;
}

/*******content page styles**********/

#articleHero{position:relative;}

#articlePhotoWrap{
	position:absolute;
	top:0;
}
.articlePhotos{
  background-size: cover;
  background-position: center;
  height:500px;
}
#relatedOffers{
	background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/about-thumb.jpg);
  background-size:cover;
  background-position:top;
  background-attachment:fixed;
}
#relatedOffers h3{
	color:#ffffff;
	min-height:52px;
	overflow:hidden;
}

/*******contact us page styles********/

.contactPhoto { 
  background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/hero-contact.jpg);
  background-size: cover;
  background-position: center;
  height:500px;
  margin-top:80px;
  position:relative;
}
.agentPhotoThumb {
  overflow-y: hidden;
  margin:15px 0;
  height: 200px;
}
.agentPhotoThumb img {
  width: 85%;
  padding: .35rem;
  background-color:#fff;
}
.agentPhoto{
  width:100%;
  height:auto;
}
#meetTheTeam{
  background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/meetTheTeamImg.jpg);
  background-size:cover;
  background-position:top;
  background-attachment: fixed;
}
#meetTheTeam .col-sm-3 {
  height: 450px;
}
#aboutBody{
  padding-right:30px;
  margin-bottom:30px;
}


/********agent profile styles******/

#agentProfile{margin-top:90px;}
        
.profilePhoto, .profileSocial {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.5rem;
}
.profilePhoto img{
  width:100%;
  height:auto;
}
.profileSocial a {
  display: inline-block;
  width: auto;
  margin-left: 1rem;
  font-size: 200%;
}

/**********form page styles*********/

#contactForm .well{background-color:#5b1a13;}
        
#contactForm{
	margin-top:100px;
  margin-bottom:120px;
}
#contactForm header{margin-bottom:30px;}

#contactForm .btn{margin-top:30px;}

/*===================Go wrap style===================*/

.go_wrap {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  padding: 40px 0;
  display: inline-block;
}
.go_wrap .fa.fa-calendar {
  bottom: -25px;
  position: absolute;
  right: 10px;
}
.testimonials{
  padding:65px;
}
.go_wrap label{
  color:#000!important;
}

/*=============================step-form-css=============================*/
.go_bg{
  background-position:bottom center;
  min-height:600px;
  background-size: cover;
}
.stepwizard-step p {
  margin-top: 10px;
}
.stepwizard-row {
  display: table-row;
}
.stepwizard {
  display: none;
  width: 100%;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;
}
 .stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
} 
.rel{
  position:relative;
}
.carousel-indicators .active{ background: #31708f;}

.thumbnail{background:none!important;border:none!important;}

.content{ margin-top:20px; } .adjust1{ float:left; width:100%; margin-bottom:0;}
 
.adjust2{ margin:0; } .carousel-indicators li{ border :1px solid #ccc;}
 
.carousel-control{ color:#31708f; width:5%; } 

.carousel-control:hover, .carousel-control:focus{ color:#31708f; }

.carousel-control.left, .carousel-control.right { background-image: none; }

.media-object {margin:auto; margin-top:15%;}
 
#step-1 textarea{
  height:230px;
}

/*contact-us*/

.contact{
  background:url("https://tacticals.travelsavers.com/2015/OXP-templates/images/venice-hero.jpg");
  min-height:750px;
}
.contact_us_wrap{
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  margin-bottom: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.contact_us_wrap textarea{
  height:290px;
}
.form_box {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  margin-top: 25px;
  padding: 15px;
  width: 100%;
  display: inline-block;
}


#container {
  height: 77px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#container li {
  border-collapse: collapse;
  display: block;
  float: left;
  font-size: 0;
  height: 77px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.description{
  display: inline-block;
  width: 100%;
  margin-bottom: .65rem;
  text-align: left;
}
.description p {
  line-height: 1.5;
  margin-bottom: 1em;
}
.description ul, .description ol {
  padding-left: 28px;
}
.description figure {text-align: center; margin-bottom: 1em;}

.description img {
  max-width: 100%;
}
.description h1 {display:none;}

.description iframe {
  height: 100%;
  margin: 15px 0;
  width: 100%;
  min-height: 300px;
}
.summary p {
  margin: 1em 0;
}
.price-info {
  font-size: 80%;
  display: block;
  padding: 1.5rem 0;
  line-height: 1.4;
}
.description .price-info {
  color: rgba(255,255,255,.5);
}
.more-images img {
  padding: 1rem 0;
}
.heroPhoto {
  display: block;
  width: 100%;
  position: relative;
}
.vac_photo, .productphoto, .pagePhoto {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.vac_photo, .productphoto{
  min-height:450px;
}
.pagePhoto{
  min-height:350px;
}
.productphoto #headline {
  bottom: 2rem;
}
.productphoto #headline a {
  background-color: #fff;
}
#bottom_blogs iframe {
  height: auto;
  margin: 15px 0;
  width: 100%;
}
.padd15{
  padding:15px;
}

/*******cruise page styles**********/

.articlePhoto#cruiseHero{ background-image:none;}

.articlePhoto#cruiseexpressHero{ background-image:none;}

#cruiseexpress-body{
	float:none;
  margin-top:30px;
}
#cruiseexpress-wrap{
    background-color:#fff;
    padding-bottom:15px;
}
#cruiseexpress-wrap iframe{
	display:block;
  margin-left:auto;
  margin-right:auto;
}

/********softvoyage styles**********/

.booking #container, .booking #container ul {
  display: inline-block;
  width: 100%;
}
.booking #container ul li {
  border-collapse: collapse;
  display: inline-block;
  font-size: 0;
  height: auto;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 19.6%;
  text-align: center;
}
.booking #container li a {
  display: block;
}
.booking #container li img {
  width: 95%;
  margin: auto;
  height: auto;
}
#softvoyage-form{
	padding:15px;
  background-color:#ebebeb;
  opacity:.9;
  margin-left:auto;
  margin-right:auto;
}
.jumbotron#softvoyage-form{
  background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/vacationport-hero.jpg)!important;
  padding:0;
  height:auto;
  padding-bottom:30px;
}

@media only screen and (min-width: 768px){
	#softvoyage-form{
    margin-left:0;
    margin-right:0;
  } 
}

/***** Club Med Iframe *****/

@media only screen and (max-width:550px) {
	.clubmed-iframe {
    height: 6100px !important;
  }
}
@media only screen and (min-width:551px) and (max-width: 768px) {
	.clubmed-iframe {
    height: 4400px !important;
  }
}
@media only screen and (min-width:769px) and (max-width: 993px) {
	.clubmed-iframe {
    height: 5900px !important;
  }
}
@media only screen and (min-width:994px) and (max-width: 1199px) {
	.clubmed-iframe {
    height: 4400px !important;
  }
}
@media only screen and (min-width: 1200px){
  .clubmed-iframe {
    height: 3900px !important;
  }
}
        
        
/***** Media Styles *****/

@media only screen and (max-width: 767px){
  .lg-squares {
    min-height:400px;
  }
  #ads > div, #ads>div#travelclubAd {
    width:100%;
    max-width: 100%;
  }
  .serviceIcon {
    min-height: 120px;
  }
  .serviceIcon p {
    font-size: 80%;
    line-height: 1.2;
  }
  .agentPhotoThumb {
    height: auto !important;
  }
  footer h4 {
    margin-top:30px;
  }
  .brand-resort {
    width: 100%;
    left: 0;
  }
  .media-object { 
    margin-top:0; 
  }
  #meetTheTeam .col-sm-3 {
    height: auto;
  }
}

@media only screen and (min-width: 768px){
  .hideDesktop{
    display:none;
  }  
  #cruiseexpress-body{
  	float:left;
    max-width:70%;
  }
	#cruiseexpress-wrap{
  	padding-bottom:10px; 
    border:solid 1px #333333;
    left:2%;
  } 
  .articlePhoto#cruiseexpressHero{
  	height:562px;
  }
  article .container{
		width:60%;
	  max-width:960px;
	  text-align: left;
	  margin-top:30px;
	  margin-bottom:30px;
  }
  article.about>.container-fluid{text-align: left;}
    
  #groups{
  	padding-left: 30px;
  }
  #specials{
		padding-right:30px;
		border-right:dashed 1px #ffffff;
	}
	label{
		color:#ffffff;
	  font-weight:400;
  }
  .form-control{margin-bottom:15px;}

  #formPage{background-color:#5b1a13;}
    
	.blogPostTop{padding-top:0;}
	
	#blogListing1{max-height:200px;overflow:hidden;}
	
	#blogListing2{background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/blogListing2.jpg);}
	
	#blogListing3{
		background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/blogListing3.jpg);
	  background-position:right;
	}
	
	#blogListing4{background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/blogListing4.jpg);}
	
	.blogArticlePhoto{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	.hiddenLink{
		text-indent:-9999px;
    display:block;
    width:100%;
    height:300px;
  }
	.pager li > a{
		background-color:transparent;
    border-radius:0;
	}
  .pager li > a:hover{color:#333333;}

  .destinationTop{padding-top:0;}

  #destinationSearch li, #nearbyDestinations li{ 
  	display:inline-block;
    margin-right:15px;
  }
  #destinationSearch .input-group{margin-bottom:30px;}     
}

@media only screen and (min-width:846px){
  .navbar-nav>li>a{
    padding-top:15px;
    padding-bottom:15px;
  }
}

@media only screen and (max-width: 991px){
  .lg-squares{
    min-height:200px;
  }
  #articlePhoto1 {
    display:none;
  }
  #articlePhoto3 {
    display:none;
  }
}

@media only screen and (min-width: 992px){
  #aboutCTA {
    border-left: 1px dashed #ffffff;
    padding-left:30px;
  }
}

@media only screen and (min-width: 1200px){
  #cruiseexpress-wrap{
    width:250px
  }
  .articlePhoto#cruiseexpressHero{ width:886px;}
}