/********Version 2**********/      

@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic);
        
body {
  font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:300;
  background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/background.jpg);
  background-size: cover;
  text-align: center;
}
#wrapper {background-color:#ebebeb;}

a {
  color:#333333;
  text-decoration:none;
}
a:hover{text-decoration:underline!important;}

.embed-ad {padding-bottom: 89%;}

.embed-ad a {display: block;}
        
/*.btn-primary {background-color:#6cafd5;}*/
        
h2 {
  font-family:'Lora', serif; 
  font-weight:400;
  color:#777777;
}
h3 {
  font-family:'Lora', serif;
  font-style:italic;
  font-weight: 400;
  color:#777777;
}
h4 {
  text-transform: uppercase;
  font-weight:400;
}
nav {font-weight: 700;}
          
section {padding:2% 0;}
          
.clear{clear:both;}

.wrap-content {
  display: inline-block;
  width: 100%;
  padding: 2rem;
}
.media {
  text-align: left;
}
h5.media-heading {
  margin-bottom:.5rem;
  font-size: 120%;
  line-height: 1.3;
  font-weight: 400;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background-color: #777;
}
.carousel-inner > .item > img {
  /*position: absolute;*/
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
    max-height:500px;
}
.jumbotron {
  background-position:center;
  /* background-position-y: 20%; */
  background-size: cover;
  background-repeat: no-repeat;
  min-height:600px;
  position:relative;
  padding-top:80px !important;
  color:#ffffff;
  text-align: center;
  margin-bottom:0!important;
  border-radius:0!important;
}
.jumbotron.for-booking {
  padding-top: 40px!important;
}
.jumbotron h1{font-weight: 700;}
        
.jumbotron p{font-weight:700;}

#jumbotron-form {
  padding: 2rem 1rem;
  width:100%;
  background-color:#91cdcd;
}
#jumbotron-form form {
  margin-bottom: 1rem;
}
#jumbotron-form.wdywtg-form form, #jumbotron-form.wdywtg-form .form-group {
  margin: 0;
}
#jumbotron-form .btn {
  padding-left: 0;
  padding-right: 0;
}
.form-control{width:100%;}

.mainContent {
  background-color: #ffffff;
}
.mainContent.leftIndex {
  padding: 0 1rem;
  display: inline-block;
  width: 100%;
}
.lg-squares {
  min-height:125px;
  background-size: cover;
  background-repeat: no-repeat;
  color:#ffffff;
  background-size:cover;
  background-position: center;
}
          
         .lg-squares h4{
              font-size:12px;
            }

            .offer{min-height:50px;}

          .specialty-Sq{
            min-height:150px

          }
         

          .specialty-Sq img{width:100%;
          height:auto;
          float:left;
          margin-top:15px;}

        #specialty a{color:#333333;}

         #specialty a:hover{text-decoration: underline;}

           /*.specialty-Sq:hover{box-shadow: 1px 1px 125px 10px #000000 inset ; }*/
.thumb {
  min-height:150px;
  background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/circle-texture.png);
  background-repeat: repeat;
  position:relative;
}
.thumb:hover{
  background-image:none;
}
.thumb div {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  opacity:.6;
  color:#ffffff;
  position:absolute;
  top:35%;
}
.landing-top {
  padding: 2rem;
}
.img-hero {
  display: block;
  min-height: 300px;
  background-size: cover;
}
.why-travelClub ul {
  margin-bottom: 2rem;
}
.why-travelClub li {
  font-weight: 700;
}
.why-travelClub span.glyphicon {
  font-size: 200%;
}

          #about-us-thumb{
              text-align: center;
               }

            #about-us-thumb h3{line-height: 1.5em;
            text-transform:none;}
          
            #groups-thumb{
                background-color:#6cafd5;
                }
            
           #specials-thumb{
               background-color:#91cdcd;
               }

            #groups-thumb div{background-color:#343434;}

            #specials-thumb div{background-color:#343434;}

          .navbar-nav{margin-left:5%;}
            
        .navbar-inverse .navbar-toggle{border-color:#60adad;}
        
        .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:#60adad;}
          
          .sectionTint{background-color:#ebebeb;
          margin-top:40px;
            padding: 20px 0;
          }
          
          .serviceIcon{text-align:center;
          margin:10px 0;
          font-size:11px;}
          
          .serviceIcon span.glyphicon{font-size:35px;}
          
#services a{color:#777777;}
          
#services{text-align: center;}
            
#services a.btn-primary {color:#fff;}

          footer{padding:30px 0;}
          
          footer h4{margin-top:0;}

          footer li{margin-right:10px;}
            
          footer a{color:#333333;}
          
.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;
}
          
          #followUs ul{list-style: none;
          padding-left:0;
          font-size:20px;}
          
          #followUs li{display: inline;}

        .navbar{margin-bottom:0;
        border-radius:0!important;}
          
          .navbar-brand{height:auto;
            }
          
          .navbar-brand img{max-height:50px;
          margin-left:auto;
          margin-right:auto;}
        
            .navbar-inverse{background-color:#91cdcd;
            border: 0;}

            .navbar-inverse .navbar-nav > li > a{color:#ffffff;}
    
            .navbar-inverse .navbar-nav > li > a:hover{color:#ebebeb;}

            .navbar-inverse .navbar-nav > .active > a{background-color:#60adad;}

            .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color:#60adad;}

            header{background-color:#ffffff;
            padding:10px 0;}
    
            #logo img{max-height:70px;}

#ads img {
  width:100%;
  height:auto;
  margin-top:15px;
}

#ads {
  display: inline-block;
  width: 100%;
  padding: 0 2rem 0 0!important;
}

#ads>div{margin-top:1%;
            padding-left:0;
            padding-right:0;
            margin-left:auto;
            margin-right:auto;
           }
#travelBlog {
  text-align: center;
  width: 100%;
  display: inline-block;
}

            #weddings-thumb{background-image:url(https://tacticals.travelsavers.com/2015/OXP-templates/images/wedding-thumb.jpg);
                background-position: right;}

            #cruises-thumb{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/cruise-thumb.jpg);}
            
            #adventure-thumb{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/adventure-thumb.jpg);}
            
            #religious-thumb{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/religious-thumb.jpg);}

            #family-thumb{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/family-thumb.jpg);}
            
            #luxury-thumb{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/luxury-thumb.jpg);}
        
            #well-being-thumb{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/well-being-thumb.jpg);}
    
            #gay-lesbian-thumb{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/gay-lesbian-thumb.jpg);}

/***** Hotel Chain Landing Page *****/

.brand-resort {
  margin-bottom: 1.8rem;
  display: block;
}
.brand-resort img {
  max-height: 60px;
}
.resort_photo #headline {
  bottom: 10%;
}
.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;
}
.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;
}

            
          
@media only screen and (min-width:846px){
  /*.navbar-nav>li>a{padding-top:30px;
              padding-bottom:30px;}*/
}
@media only screen and (max-width: 991px){
  #ads {
    padding: 0 !important;
  }
  #ads > div { 
    width:25%;
    float:left;
  }
}
@media only screen and (max-width: 767px){
  #ads > div { 
    width:100%;
    float:none;
  }           
                
            footer h4{margin-top:30px;}
                
            #headline{display:none!important;}
            
            .jumbotron{min-height:500px;}
          
          }

@media only screen and (min-width: 768px){
                    
                #search-thumb {
                    background-color: #6cafd5;
                    background-image: url("https://tacticals.travelsavers.com/2015/OXP-templates/images/circle-texture.png");
                    background-repeat: repeat;
                    min-height: 100px;
                    position: relative;
                }
                #search-thumb:hover {
                    background-image: none;
                }
                #search-thumb div {
                    background-color: #343434;
                    border-bottom-right-radius: 10px;
                    border-top-left-radius: 10px;
                    color: #ffffff;
                    opacity: 0.6;
                    position: absolute;
                    top: 40%;
                }
                 #services h2{margin-top:0;}
        
                .lg-squares h4{
              font-size:18px;
            }
            
            .lg-squares{
            min-height:200px;}
            
            }


/*******content page styles**********/
            
article{
  text-align: left;
  padding:2% 0;
}
article figure {text-align: center; margin-bottom: 1em;}

article img {max-width: 100% !important; height: auto !important;}

            .articlePhoto{ background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/family-hero.jpg);
                background-size: cover;
                background-position: center;
                height:300px;
                width:100%;
                margin:0 15px 15px 0px;
                }
    
            .CTAform .row{
                margin-bottom:15px;} 
            
            #family-offer-1{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/tauck-family-offer.jpg);}
            #family-offer-2{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/mexico-family-offer.jpg);}
            #family-offer-3{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/ireland-family-offer.jpg);}
            #family-offer-4{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/cuba-family-offer.jpg);}

.simple-form {
  display: inline-block;
  width: 100%;
  padding: 1rem 0 2rem;
}
.simple-form form {
  padding: 1rem 0;
}

/********agent profile styles******/
        
#agentProfile h2{text-align: center;}

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

@media only screen and (min-width: 768px){
                    
            article .container{width:85%;
            max-width:960px;}
            
            .articlePhoto{ 
                height:300px;
                width:40%;
                float:left;}
    
}

/********Blog styles**********/

#blogListings h2 a{color:#343434;}

.blogListingPhoto, .destinationListing {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.destinationListing .blogListingPhoto {
  width: 100%;
  overflow: hidden;
  height: 150px;
  margin-bottom: .35rem;
}
.blogListingPhoto {
  margin:15px 0;
}
.blogListing .blogListingPhoto {
  overflow: hidden;
}
.blogListingPhoto img {
  width: 100%;
}
.destinations .blogListingPhoto {
  padding: 0 2.3rem;
}
article .description ul {
  display: inline-block;
}
.description img {
  max-width: 100%;
}

#blogSearch{margin-top:15px;}

/*******content page styles**********/
            
            article{text-align: left;
            padding:2% 0;}

            .articlePhoto{ background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/family-hero.jpg);
                background-size: cover;
                background-position: center;
                height:300px;
                width:100%;
                margin:0 15px 15px 0px;
                }
    
            .CTAform .row{
                margin-bottom:15px;} 
            
            #family-offer-1{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/tauck-family-offer.jpg);}
            #family-offer-2{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/mexico-family-offer.jpg);}
            #family-offer-3{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/ireland-family-offer.jpg);}
            #family-offer-4{background-image: url(https://tacticals.travelsavers.com/2015/OXP-templates/images/cuba-family-offer.jpg);}

/*******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;
  float:left;
  width:40%;
  margin-right:15px;
  background-color:#ebebeb;
  padding-top:10px;
  height: 200px;
}   

        .agentPhoto{width:100%;
            height:auto;}

        #meetTheTeam{text-align: left;}

        #meetTheTeam .col-sm-6{margin-bottom:15px;}

      
@media only screen and (min-width: 768px){
                    
            article .container{width:85%;
            max-width:960px;}
            
            .articlePhoto{ 
                height:300px;
                width:40%;
                float:left;}
    
}

/********Blog styles**********/

.blogListing {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}
    
#blogListings h2 a{color:#777777;}

#blogSearch{margin-top:15px;}
    
.blogArticlePhoto{ margin-bottom:15px;}

@media only screen and (min-width: 768px){

    .blogArticlePhoto{max-width:60%;
    float:left;
    margin-right:15px;
   }

}
/********Destination styles**********/

#destinationPhoto{
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
  margin:20px 0px;
}

    #nearbyDestinations ul{list-style: none;}


@media only screen and (min-width: 768px){
  .blogListing .blogListingPhoto {
    height: 200px;
  } 
}
/*=============================step-form-css=============================*/
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    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;
}
.m_top{margin-top:20px;}
.testimonials{padding:40px;}
.carousel-indicators .active{ background: #31708f; } 
.content{ margin-top:20px; } .adjust1{ float:left; width:100%; margin-bottom:0;border-radius:0!important; } 
.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:260px;
}

@media screen and (max-width: 768px) {
  .media-object{ 
    margin-top:0; 
  }
  .agentPhotoThumb{
    float:none;
    width:100%;
    height: auto;
  }
  .destinationListing .blogListingPhoto {
    height: auto;
  }
  .blogListing .blogListingPhoto {
    height: auto;
  }
}
/*contact-us*/
.contact_us_wrap{
  padding-top:50px;
}
.contact_us_wrap textarea{
  height:260px;
}
/********Product Page styles**********/

.additional-product-img{margin-bottom:15px;}
          

/********vacationport styles**********/

    #vacationport-form{position:absolute;
            top:25%;}

    #vacationport-form{padding-top:15px;
            padding-bottom:15px;
            background-color:#222222;
            opacity:.8;}
            
.for-booking .booking {
  background-color: rgba(255,255,255,.6);
}

    #bookingSearch .btn{color:#333333!important;}

    #bookingSearch div{margin-bottom:15px;}

#container, #container ul {
  display: inline-block;
  width: 100%;
}    
#container ul {
  margin: 0;
  padding: 0;
}
#container 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%;
  text-align: center;
}
#container li a {
  display: block;
}
#container li img {
  width: 90%;
  margin: auto;
  height: auto;
}
/*18-may*/
#bottom_blogs iframe {
    height: auto;
    margin: 15px 0;
    width: 100%;
}
.nearby-products a.title {
    background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    left: 0;
    margin: 15px 15px 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
}
.padd15 {
  padding: 15px;
}

/****** For ads module ******/

#containerb ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
#containerb ul li {
  list-style: none;
  display: inline-block;
}

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

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

.articlePhoto#cruiseexpressHero {
  background-image:none;
  float:none;
  width:100%;
}
#cruiseexpress-body {
  margin-left:auto;
  margin-right:auto;
}
#cruiseexpress-wrap iframe{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

@media only screen and (min-width: 768px){
  #cruiseexpress-wrap{
    margin-top:62px;
    padding-bottom:10px; 
    border:solid 1px #ebebeb;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px){
  #cruiseexpress-wrap{
    width:225px;
  }
  #cruiseexpress-body{width:330px;}
}

@media only screen and (min-width: 1200px){
  #cruiseexpress-wrap {
    width:250px;
    margin-left:30px;
  }
}

/* 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;
  }
}