/*fonts*/
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
@font-face {
  font-family: 'silver south script';
  src: url("/media/306156/silver-south-script-webfont.woff2") format("woff2"), url("/media/306155/silver-south-script-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/**Home page quote**/
/**blank footer image backghround**/
/**homepage blog intor background**/
a {
  color: #f8bb00; }

a:active, a:hover {
  text-decoration: none; }

.ts-product-title,
.a24-product-title {
  display: none; }

body {
  font-family: "Open Sans", helvetica, arial, sans-serif; }

p {
  margin-bottom: 30px; }

#social {
  display: none; }

.navbar-inverse {
  background-color: #ffffff;
  border: 0; }

.navbar {
  margin-bottom: 0;
  box-shadow: 0 0 1px 0;
  border-radius: 0; }

.navbar .container {
  width: 100%; }

.navbar-brand {
  max-width: 300px;
  display: block;
  height: auto; }

.navbar-inverse .navbar-nav > li > a:visited,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #0076b2; }

.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li.active > a:focus,
.navbar-inverse .navbar-nav > li.active > a:hover {
  color: #59c0f5;
  background-color: transparent; }

#joLogo {
  max-width: 200px;
  height: auto; }

.navbar-brand {
  padding: 5px; }

.findAgent {
  padding: 15px; }

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: none; }

.dropdown-menu.findAgent {
  text-align: center;
  right: 0;
  left: auto;
  width: 200px; }

.navbar-inverse .navbar-toggle {
  border: 0; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: transparent; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #7a8b93; }

@media (min-width: 768px) {
  .navbar-nav {
    text-align: left; }

  .navbar-nav > li {
    float: none;
    display: inline-block; } }
.navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase; }

.hero {
  position: relative;
  color: #ffffff;
  z-index: -200;
  min-height: 250px;
  min-height: 59vw;
  overflow: hidden;
  /*margin-top: 60px;*/ }

.hero img {
  z-index: 0; }

.headlineContainer {
  min-height: 280px;
  margin-top: 60px;
  margin-bottom: 30px;
  background-size: cover;
  position: relative; }

.heroOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 100; }

.hero .masthead {
  position: absolute;
  background-image: url("/media/305608/site-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-width: 700px;
  /*height: 200px;*/
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 200; }

.hero p {
  margin: 0;
  position: absolute;
  bottom: 0; }

.byJourneys {
  position: absolute;
  margin: auto;
  max-width: 600px;
  left: 0;
  right: 0;
  top: 65%;
  height: 50px;
  z-index: 200; }

.byJourneys img {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  max-width: 40%; }

/*.hero .headlineContainer {
    z-index: 100;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 250px;
    height: 25vw;
}

.headlineRule {
    border: solid 9px #ffffff;
    border: solid 1.5vw #ffffff;
    padding: 1vw 5vw;
    display: inline-block;
}
*/
.hero .headlineContainer h1 {
  margin: 0;
  padding: 0;
  line-height: normal;
  font-size: 25vw; }

#editorialPreview,
#offersPreview {
  padding-top: 30px;
  padding-bottom: 30px; }

#editorialPreview {
  text-align: center;
  padding-bottom: 15px; }

#offersPreview {
  background-color: #f8f8f8;
  text-align: center; }

#offersPreview .offerTitle {
  margin-bottom: 0; }

#top5section {
  display: flex; }

#top5section a {
  display: flex;
  flex: 1;
  flex-wrap: wrap; }

#top5preview,
#videosPreview_2 {
  text-align: center;
  color: #ffffff;
  height: 375px;
  overflow-y: hidden;
  background-size: cover;
  position: relative;
  display: flex;
  flex: 1;
  flex-wrap: wrap; }

#top5preview {
  background-image: url("/media/305610/cm-top-5.jpg");
  background-position: center;
  background-attachment: fixed; }

#videosPreview_2 {
  /*  background-image: $video-preview-image; */
  z-index: 200;
  padding-left: 0;
  padding-right: 0; }

#videoImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top; }

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.overlayType {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px; }

.overlayType h1 {
  margin-top: 0;
  padding-top: 0;
  line-height: .75em; }

#top5preview .overlay,
#videosPreview_2 .overlay {
  background-color: #0076b2;
  opacity: .5;
  transition: opacity 500ms; }

#top5preview .overlay:hover,
#videosPreview_2 .overlay:hover {
  opacity: .75; }

#top5preview:hover > #top5preview .overlay {
  opacity: .75; }

.siloWrap {
  position: relative; }

.siloWrap > img {
  position: absolute; }

#homeSilo1 {
  width: 288px;
  height: auto;
  left: -65px;
  top: -64px;
  z-index: -100;
  animation-duration: 6s; }

#homeSilo {
  max-height: 539px;
  top: -190px;
  z-index: 0;
  left: -20px; }

.modal-body {
  min-height: 500px;
  min-height: 68vh; }

.modal-open {
  padding: 0 !important; }

body.modal-open .navbar {
  padding-right: 15px; }

h2 > i.fa {
  font-size: 63px;
  margin-top: 0;
  line-height: .75em; }

@media (min-width: 768px) {
  .hero {
    min-height: 400px;
    max-height: 550px; }

  .hero .headlineContainer h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-size: 15vw; }

  .hero > .masthead {
    max-width: 800px; } }
@media (min-width: 992px) {
  .hero {
    min-height: 550px;
    max-height: 550px; }

  #homeSilo {
    max-height: 539px;
    top: -190px;
    z-index: 0; }

  #homeSilo1 {
    left: -0px;
    top: -195px; }

  .hero .headlineContainer h1 {
    font-size: 160px; }

  .headlineRule {
    border: solid 18px #ffffff;
    padding: 10px 50px;
    padding-bottom: 0;
    display: inline-block; }

  .hero > p > img {
    transform: translate(0, 20%); } }
@media (min-width: 1120px) {
  #homeSilo {
    left: -20px; } }
@media (max-width: 768px) {
  .heroOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1); } }
article {
  margin-top: 15px;
  margin-bottom: 45px; }

article img {
  display: block !important;
  width: 750px;
  max-width: 100% !important;
  height: auto !important; }

/*  consumer article{
    margin-top:140px;
}
 */
article h1 {
  font-size: 45px;
  font-size: 12vw;
  line-height: .9em;
  color: #7a8b93;
  text-align: left;
  letter-spacing: .05em; }

article h3 {
  text-align: left;
  margin-top: 0; }

.articlePhoto {
  margin-bottom: 30px;
  margin-top: 45px; }

blockquote {
  font-size: 175%;
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  margin-left: 30px;
  margin-top: 10px;
  float: right;
  letter-spacing: .15em;
  line-height: normal;
  border: solid 9px #59c0f5;
  background-color: #59c0f5;
  position: relative;
  color: #f2f2f2; }

blockquote::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -39px;
  border-top: solid 20px transparent;
  border-right: solid 30px #59c0f5;
  border-bottom: solid 20px transparent; }

@media (min-width: 776px) {
  article h1 {
    font-size: 82px; } }
@media (min-width: 992px) {
  blockquote {
    position: relative;
    left: -60px;
    margin-left: 0; } }
.contentHero {
  min-height: 280px;
  /*margin-top: 60px;*/
  margin-bottom: 30px;
  background-size: cover;
  position: relative; }

.contentHero > .masthead {
  position: absolute;
  background-image: url("/media/305608/site-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  max-width: 75%;
  height: 200px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10; }

#offersHero {
  background-image: url("/media/305612/cm-hero-1.jpg");
  height: 100%; }

.offerHeader {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  text-align: center;
  padding: 30px;
  padding-bottom: 15px;
  /*min-height: 86px;*/ }

.offerHeader:after,
.offerHeader:before {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border-bottom: 30px solid transparent; }

/*.offerHeader:after {
  bottom: -25px;
  right: -2px;
  height: 0;
  width: 0;
  border-right: 60px solid #8e857b; }

.offerHeader:before {
  bottom: -25px;
  left: -2px;
  height: 0;
  width: 0;
  border-left: 60px solid #8e857b; }
*/
.offerHeader > h3,
h1.modal-title {
  margin: 0;
  color: #59c0f5;
  font-size: 24px;
  font-family: "Open Sans", helvetica, arial, sans-serif; }

.offerPanel {
  background-color: #ffffff;
  border-radius: 0;
  border: solid 10px #7a8b93;
  text-align: center;
  position: relative;
  margin-bottom: 166px; }

.offerPanel:after {
  content: url("/media/302646/offer-arrow.png");
  position: absolute;
  bottom: -71px;
  left: 0;
  right: 0; }

.offerPanel > .panel-body {
  padding: 30px;
  padding-top: 15px;
  overflow: hidden; }

.offerPanel h5 {
  margin-bottom: 0;
  margin-top: 15px; }

.offerLogo {
  background-color: #ffffff;
  margin-top: 30px;
  position: absolute;
  height: 100px;
  bottom: -162px;
  left: 15px;
  right: 15px; }

.offerLogo > img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  max-height: 65px;
  max-width: 150px; }

.moreDetails {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #59c0f5; }

.showMore {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px; }

.showMore > button:focus {
  outline: none; }

.checkbacksoon {
  text-align: center;
  color: red; }

#flipbookCTA {
  margin-top: 30px;
  min-height: 565px;
  background-image: url("/media/305611/cm-flipback.jpg");
  background-size: cover;
  background-attachment: fixed;
  padding-top: 15px;
  padding-bottom: 15px; }

#flipbookPages {
  height: 400px;
  text-align: center; }

#flipbookPages > img {
  margin-left: auto;
  margin-right: auto; }

#viewFlipbook {
  text-align: center; }

@media screen and (min-width: 768px) {
  .offerPanel {
    min-height: 625px; }

  #flipbookPages {
    text-align: left;
    height: 565px;
    position: relative; }

  #flipbookPages > img {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0; }

  #viewFlipbook {
    text-align: left;
    position: relative;
    height: 565px; }

  #viewFlipbook > div {
    height: 50px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    /*right: 15px;*/
    text-align: right; } }
@media screen and (min-width: 768px) {
  .contentHero > .masthead {
    max-width: 600px; } }
@media screen and (min-width: 992px) {
  .offerPanel {
    min-height: 625px; }

  .contentHero > .masthead {
    max-width: 600px; } }
@media screen and (min-width: 1200px) {
  .offerPanel {
    min-height: 550px; } }
.modal-body img {
  max-height: 65px;
  max-width: 150px; }

.postcard,
.flyer {
  box-shadow: 0 0 4px #343434;
  transition: box-shadow 250ms; }

.postcard:hover,
.flyer:hover {
  box-shadow: none; }

.flyer {
  width: 100%; }

#videos {
  background: #fbf9f1; }

/*#webAdLinks{
    background:$sectionTint;
}
*/
section {
  padding-top: 45px;
  padding-bottom: 45px; }

.logo {
  text-align: center;
  color: #808080;
  background-color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-top: 10px;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase; }

.logo img {
  margin-left: auto;
  margin-right: auto;
  max-height: 50px;
  max-width: 200px; }

.phoneNumber {
  font-size: 20px;
  padding-top: 15px; }

.agentLogo {
  margin-left: auto;
  margin-right: auto; }

.agentLogo > img {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  background-color: #67777e; }

.consumer .contentHero {
  /*margin-top: 124px;*/ }

h5 > a {
  color: #808080; }

.agencyName {
  text-align: center;
  color: #808080;
  background-color: #ffffff;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase; }

.agentLogo img {
  margin-left: auto;
  margin-right: auto;
  max-height: 60px;
  max-width: 200px; }

.contactInfo {
  text-align: center;
  font-size: 20px; }

.agentEmail {
  font-size: 16px; }

.personalization {
  padding-top: 15px;
  padding-bottom: 10px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    background-color: #ffffff; } }
@media (min-width: 768px) {
  .contactInfo {
    text-align: right; }

  .agentLogo {
    text-align: left; }

  .agencyName {
    text-align: left; }

  .agentLogo img {
    margin-left: 0;
    margin-right: 0; } }
/*body {
    font-family: $body-font
    font-size: 16px;
    line-height: 1.5em;
    color: #444444;
    width: 100%;
    overflow-x: hidden;
}*/
.desktopOnly {
  display: none; }

.calloutBox {
  background-color: #59c0f5;
  width: 100%;
  min-height: 100px;
  position: relative;
  padding: 15px;
  color: #ffffff;
  margin-bottom: 70px;
  margin-top: 30px; }

.calloutBox::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -30px;
  left: 20%;
  border-top: solid 30px #59c0f5;
  border-left: solid 20px transparent;
  border-right: solid 20px transparent; }

.calloutBox.right::after {
  left: auto;
  right: 20%; }

@media (min-width: 768px) {
  .desktopOnly {
    display: block; } }
/*Form Fields*/
input.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 16px;
  height: 44px;
  line-height: 1.42857;
  padding: 8px 14px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  margin-bottom: 15px; }

/**remove yellow autofill background color*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

/***Style the checkboxes***/
input[type=checkbox] + label:before {
  transition: all 0.25s; }

input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block; }

.dvLoginRememberMe label {
  font-weight: normal;
  margin-right: 30px; }

/***Hide the native checkbox***/
.dvLoginRememberMe input[type=checkbox] {
  display: none; }

/* Style for unchecked icon */
.dvLoginRememberMe input[type=checkbox] + label:before {
  content: "\f0c8";
  font-size: 21px;
  color: #FFFFFF;
  cursor: pointer;
  max-width: 26px; }

.dvLoginRememberMe input[type=checkbox]:hover {
  cursor: pointer; }

.dvLoginRememberMe label {
  font-weight: normal; }

label::before {
  vertical-align: middle; }

/* space between checkbox and label */
.dvLoginRememberMe input[type=checkbox] + label:before {
  letter-spacing: 10px; }

/* checked icon */
.dvLoginRememberMe input[type=checkbox]:checked + label:before {
  content: "\f14a";
  font-size: 21px;
  color: #FFFFFF;
  max-width: 26px; }

/* allow space for check mark */
.dvLoginRememberMe input[type=checkbox]:checked + label:before {
  letter-spacing: 10px; }

.dvLoginForgotUsername a {
  color: #ffffff; }

.dvLoginForgotPassword a {
  color: #ffffff; }

.dvLoginForgotUsername, .dvLoginForgotPassword {
  margin-bottom: 10px;
  text-decoration: underline; }

/**** Hero background video***/
.jumbotron {
  padding-top: 0px;
  padding-bottom: 0px; }

.wrapper {
  width: 100%;
  /* height: 250px;*/
  overflow: hidden; }

/***fallback background image*/
.wrapper {
  background-image: url("/media/307356/exotics-back.jpg");
  background-position: center;
  background-size: cover; }

.wrapper video {
  /*object-fit: contain;*/
  /*       object-fit: fill; */
  object-fit: cover;
  width: 100%;
  height: 100%; }

@media only screen and (min-width: 768px) {
  .wrapper {
    height: 700px; } }
@media only screen and (max-width: 768px) {
  .hero .masthead {
    max-width: 70%; } }
#editorialPreview p {
  line-height: 34px; }

/*# sourceMappingURL=Caribbean-Mexico.css.map */
/* NEW TRAVEL CLUB CSS */
html {
  font-size: 62.5%; }

body {
  font-size: 1.7rem; }

/* 1.4=14px */
/***Hero****/
.carousel-item {
  height: 70vh;
  background-repeat: none !Important;
  background-size: cover;
  background-position: center; }

.item-1 {
  background-image: url(../media/305602/hero-background.jpg); }

.overlay-logo {
  position: absolute;
  top: 105px;
  left: 80px;
  z-index: 100; }

.navbar-toggle:focus,
.navbar-toggler:active {
  outline: none;
  box-shadow: none;
  border: 0px !Important; }

.navbar a:hover {
  color: #1f5caa;
  background-color: #fff !important; }

.top-menu-space {
  height: 100px;
  background-color: #343a40 !important; }

.navbar a.bck1a span {
  display: none; }

.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 14px;
  height: 44px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%; }

input[type=date] {
  padding: 0px 10px; }

.umbraco-forms-submitmessage {
  padding: 30px;
  text-align: center;
  background-color: #F7F7F7; }

.field-validation-error {
  font-size: 1.3rem; }

#panel_about_content img {
  margin-bottom: 30px; }

.bd_AdventuresintheNewWorld #panel_about_content img {
  margin-top: 0px; }

/***Fixes horizontal scrollbar issue***/
#main-content {
  padding: 50px 0;
  min-height: 450px; }

#exclusives {
  padding-top: 30px; }

.main-image {
  margin-bottom: 70px !Important; }

/*navbar updated**/
@media (max-width: 769px) {
  #exclusives {
    padding-left: 15px;
    padding-right: 15px; }

  .navbar-brand img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto; }

  .navbar-header {
    margin-top: 0px; } }
/********/
#exclusives .container {
  padding: 20px 0 30px 0; }

#exclusives #panel_about_content {
  padding-right: 15px;
  padding-left: 15px; }

#panel_about_content img {
  margin-top: 30px; }

.bd_AdventuresintheNewWorld {
  margin-top: 0px; }

.display-offer .panel-body a {
  margin-top: 20px;
  display: inline-block; }

.BottomBannerAdsSlide img {
  max-width: 100%;
  height: auto; }

#indexThumbs_articles {
  margin-top: -130px; }

.CenterRightAdsSlide {
  text-align: center; }

.travelclubjointravelclubtoday {
  padding: 30px !important;
  background-color: #F7F7F7;
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block; }

.find-advisor {
  padding: 30px !important;
  background-color: #F7F7F7;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -15px;
  display: block;
  text-align: center; }

.travelclubjointravelclubtoday input[type=submit] {
  background-color: #0071bc;
  color: #FFF !Important;
  font-size: 18px;
  width: 100%; }

#BottomBannerAds {
  text-align: center;
  padding: 30px 0; }

@media (max-width: 691px) {
  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-collapse.collapse.in {
    display: block !important; }

  .navbar-header .collapse,
  .navbar-toggle {
    display: block !important; }

  .navbar-header {
    float: none; } }
@media (min-width: 770px) {
  .navbar-nav > li {
    padding-right: 10px;
    padding-left: 10px; }

  .navbar-nav > li:last-child {
    border: none; } }
@media (max-width: 769px) {
  .nav-item {
    padding-top: 10px;
    padding-bottom: 10px; }

  .navbar-nav > li {
    border-bottom: 1px solid #cccccc;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block; }

  .navbar-nav > li:last-child {
    border: none; } }
@media only screen and (min-width: 768px) {
  .articleThumb img {
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 2px 1px #666666;
    -webkit-transition: box-shadow .5s;
    transition: box-shadow .5s; } }
.articleThumb h4 {
  color: #808080;
  font-weight: normal;
  letter-spacing: unset; }

#CenterRightAds {
  padding-top: 30px; }

#moreArticles {
  padding: 0px 30px; }

/*****************************diagonal******/
.ts-product-title,
.a24-product-title {
  display: none; }

@media (max-width: 968px) {
  .carousel-content.right {
    margin-top: 210px; } }
@media (max-width: 768px) {
  .carousel-content.right {
    margin-right: 0px;
    margin-top: 230px; }

  .carousel-content.right:after {
    content: "";
    position: absolute;
    bottom: -15px;
    /* value = - border-top-width - border-bottom-width */
    left: 50px;
    /* controls horizontal position */
    border-width: 25px 25px 0;
    /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #fcdc45 transparent;
    /* reduce the damage in FF3.0 */
    display: none;
    width: 0; } }
#intro {
  padding-top: 50px;
  padding-bottom: 50px; }

.join-box {
  padding: 30px;
  background-color: #F7F7F7;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px; }

.adbox {
  margin-top: 20px; }

.form-control {
  min-height: 40px;
  font-size: 1.5rem; }

label {
  font-size: 1.3rem;
  margin-bottom: 5px;
  color: #666;
  margin-top: 10px; }

.agency-search label {
  font-weight: normal;
  margin-right: 30px;
  margin-top: 5px;
  font-size: 1.6rem;
  color: #333;
  display: block; }

.cent {
  text-align: center; }

#ad {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #e9edf5; }

#travelclubTag {
  position: absolute;
  margin-top: -30px;
  left: -20px; }

.modal-footer {
  justify-content: center; }

.cta {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 1rem;
  letter-spacing: 1px; }

.br {
  border-right: 1px solid #d8daed; }

.offer-modal .modal-body {
  padding-left: 40px;
  padding-right: 40px !important; }

.modal-dialog {
  max-width: 700px; }

.close-btn {
  font-size: 3rem;
  color: #ffffff; }

.offer-modal .modal-footer {
  background-color: #0071bb;
  color: #FFF; }

.offer-modal .modal-header {
  background-color: #0071bb;
  color: #FFF; }

.offer-modal .modal-header {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem; }

.carousel-content {
  padding-top: 100px; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity; }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control {
  z-index: 2; }

/*** Hide Flipbook**/
#cta2 .container {
  display: none; }

#cta2 {
  min-height: 400px;
  background-color: #282726; }

/***Blog intro section on home page***/
.services {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-lose.jpg);
  padding-bottom: 30px;
  padding-top: 40px !important;
  background-color: #282726; }

.services {
  height: 100%;
  background-size: cover !important;
  background-position: center;
  min-height: 550px; }

.commitment {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 30px;
  padding: 50px; }

.header-howcanwehelp {
  display: none; }

.bd_AboutUs .main-image,
.bd_Offers .main-image,
.bd_AgencySearch #main-image,
.bd_OfferDetail #main-image {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-market.jpg);
  background-position: center -10px;
  height: 340px;
  /*background-size: cover;*/
  background-attachment: fixed;
  margin-bottom: 90px !important; }

.bd_Blog .main-image {
  background-position: center -22vh;
  height: 300px;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-macaw.jpg); }

.bd_Blog .article-container {
  max-width: 900px;
  margin-bottom: 50px; }

.bd_TopFive #main-image {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-vegas.jpg);
  background-position: center -22vh;
  background-position: center -23vmin;
  height: 400px;
  background-attachment: fixed; }

.bd_CampaignResources .main-image {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-rocks.jpg);
  height: 400px;
  background-position: right -20vmin;
  /*background-size: cover;*/
  background-attachment: fixed; }

.bd_CampaignResources h3 {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 30px;
  color: #000000;
  margin-bottom: 30px; }

.bd_Login #main-content {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-sky.jpg);
  background-position: center;
  min-height: 900px;
  padding-top: 100px;
  background-size: cover; }

.bd_Login #main-content .container {
  max-width: 470px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px;
  border-radius: 12px; }

.bd_Login #main-content a {
  font-size: 14px;
  padding-top: 10px;
  color: #483f3f; }

.bd_Login {
  background-color: #ffffff; }

/***Add header to login box***/
.bd_Login #main-content .container {
  max-width: 470px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px;
  border-radius: 12px;
  background-image: url(https://www.travelsavers.com/library/2022/11798-Americas/login-header.png);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position-x: center;
  background-position-y: 25px;
  padding-top: 160px; }

/*.bd_ParadiseFound #main-image {
    background-image: url('/media/307369/bck3.jpg');
   background-position: center -22vh;
height: 300px;
background-size: cover;
background-attachment: fixed;
}*/
/*.bd_AboutUs .bg-overlay2,
.bd_Offers .bg-overlay2,
.bd_AgencySearch .bg-overlay2,
.bd_TravelsmithExclusiveOffers .bg-overlay2,
.bd_OfferDetail .bg-overlay2 {
    background: transparent url('/media/304825/tc-logo.png') no-repeat top left;
    position: absolute;
    left: 80px;
    z-index: 100;
    width: 230px;
    height: 165px;
}
*/
.panel {
  border: 0px solid transparent; }

.featured-offer .panel-body {
  padding-bottom: 120px; }

.all-offers {
  padding-bottom: 50px;
  min-height: 500px; }

/***travel Edge***/
.bd_TravelEdge .main-image {
  /* background-image: url('/media/303988/park-guell-site-v3.jpg');*/
  background-image: url("/media/305563/site-banner-q4-19.jpg");
  /*background-position: 0 67%;*/
  height: 488px;
  background-size: cover; }

.bd_TravelEdge .carousel-indicators {
  display: none; }

#homepageIndex {
  padding-top: 40px;
  padding-bottom: 0px;
  z-index: 100;
  margin-top: -140px; }

#sampleOffers {
  padding-top: 45px;
  padding-bottom: 60px;
  text-align: center; }

#te-header {
  padding-top: 50px;
  padding-bottom: 40px;
  text-align: center; }

.articleContainer h1 {
  color: #0071bb; }

.articlePhoto {
  margin: 45px 0; }

#inThisIssue {
  background-color: #0071bb;
  color: #ffffff;
  padding-top: 35px;
  padding-bottom: 45px;
  text-align: center; }

#inThisIssue h1 {
  color: #ffffff; }

/*.display-offer .panel-body{min-height:470px;margin-bottom:30px}*/
/*@media (min-width: 769px) and (max-width: 1400px) { .display-offer  .panel-body{min-height:570px;margin-bottom:30px}}*/
/***Style Checkboxes***/
/***Style the checkboxes***/
input[type=checkbox] + label:before {
  transition: all 0.25s; }

input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block; }

.form-layout label {
  font-weight: normal;
  margin-right: 30px; }

/***Hide the native checkbox***/
.form-layout input[type=checkbox] {
  display: none; }

/* Style for unchecked icon */
.form-layout input[type=checkbox] + label:before {
  content: "\f096";
  font-size: 21px;
  color: #CECECE;
  cursor: pointer;
  max-width: 26px; }

.form-layout input[type=checkbox]:hover {
  cursor: pointer; }

.form-layout label {
  font-weight: normal; }

label::before {
  vertical-align: middle; }

.question h4 {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 1.6rem; }

.question {
  margin-bottom: 30px; }

/* space between checkbox and label */
.form-layout input[type=checkbox] + label:before {
  letter-spacing: 10px; }

/* checked icon */
.form-layout input[type=checkbox]:checked + label:before {
  content: "\f14a";
  font-size: 21px;
  color: #4677bf;
  max-width: 26px; }

/* allow space for check mark */
.form-layout input[type=checkbox]:checked + label:before {
  letter-spacing: 10px; }

#filter {
  padding-bottom: 30px; }

.filter-sort {
  padding-bottom: 30px;
  margin-top: 20px; }

.form-control {
  min-height: 40px;
  padding: 10px; }

select[multiple],
select[size] {
  padding: 10px;
  height: auto; }

.fa-th {
  margin-right: 7px; }

label {
  font-weight: normal; }

.carousel-indicators li {
  display: inline-block;
  width: 40px;
  height: 5px;
  margin: 0px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(255, 255, 255, 0.5);
  border: 0px solid #fff;
  border-radius: 0px; }

.carousel-indicators li .active {
  background-color: white;
  margin: 1px; }

.carousel-indicators .active {
  width: 40px;
  height: 5px; }

.row.display-flex {
  display: flex;
  flex-wrap: wrap; }

.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column; }

.row.display-flex .panel {
  height: 100%; }

#background {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(polina.jpg) no-repeat;
  background-size: cover; }

#myCarousel {
  background-color: #333; }

@media (max-width: 768px) {
  .navbar-collapse {
    background-color: #f6f7f8; }

  .navbar {
    padding: 0px; }

  .navbar-nav {
    padding-top: 0px; }

  .navbar-brand img {
    padding-left: 0px; }

  .navbar .logo-header {
    float: none; }

  .navbar-brand {
    max-width: 100%; } }
/****navbar-toggle animation***/
.navbar-default .navbar-toggle .icon-bar {
  background-color: #3f4750; }

.navbar-toggle {
  border: none;
  background: transparent !important;
  margin-top: 0px; }

.navbar-toggle:hover {
  background: transparent !important; }

.navbar-toggle .icon-bar {
  width: 37px;
  height: 4px;
  transition: all 0.5s;
  background-color: #000000; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px; }

.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%; }

.navbar-toggle .middle-bar {
  opacity: 0; }

.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%; }

.navbar-toggle.collapsed .top-bar {
  transform: rotate(0); }

.navbar-toggle.collapsed .middle-bar {
  opacity: 1; }

.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0); }

img {
  -ms-interpolation-mode: bicubic; }

.som-ad {
  width: 100%;
  text-align: center;
  margin-bottom: 20px; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.view-all-offers {
  text-align: center; }

/****Find an agent****/
.card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 2px 10px 0 rgba(0, 0, 0, 0.09); }

.card-agent {
  min-height: 260px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  line-height: 26px;
  margin-bottom: 30px;
  height: 100%; }

.card-panel {
  padding: 20px; }

.row.display-flex .card {
  height: 100%; }

.agencyInfo .findanagentresulttext {
  line-height: 25px;
  color: #2d538b;
  font-size: 20px; }

a.selectanagent {
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block; }

.sidebars {
  overflow: hidden;
  text-align: center;
  margin-top: 30px;
  height: 70px; }

.sidebars:before,
.sidebars:after {
  border-top: 1px solid #edf1f5;
  border-bottom: 1px solid #edf1f5;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 40%;
  margin-bottom: .15em; }

.sidebars:before {
  right: 20px;
  margin-left: -210%; }

.sidebars:after {
  left: 20px;
  margin-right: -210%; }

h3.sidebars {
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 20px; }

.agency-search h3 {
  color: #0071bb;
  font-size: 34px;
  font-weight: normal; }

/***Style the checkboxes***/
input[type=checkbox] + label:before {
  transition: all 0.25s; }

input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block; }

/***Hide the native checkbox***/
.agency-search input[type=checkbox] {
  display: none; }

/* Style for unchecked icon */
.agency-search input[type=checkbox] + label:before {
  content: "\f096";
  font-size: 21px;
  color: #CECECE;
  cursor: pointer;
  max-width: 26px; }

.agency-search input[type=checkbox]:hover {
  cursor: pointer; }

label::before {
  vertical-align: middle; }

/* space between checkbox and label */
.agency-search input[type=checkbox] + label:before {
  letter-spacing: 10px; }

/* checked icon */
.agency-search input[type=checkbox]:checked + label:before {
  content: "\f14a";
  font-size: 21px;
  color: #4677bf;
  max-width: 26px; }

/* allow space for check mark */
.agency-search input[type=checkbox]:checked + label:before {
  letter-spacing: 10px; }

/*.details-for-agent{background-color:#FFFFFF}*/
.search-results {
  margin-bottom: 30px; }

/*Add some xs padding for agent form*/
@media (max-width: 991px) {
  .details-for-agent {
    padding-left: 30px;
    padding-right: 30px; } }
.agency-profile-info label {
  margin-bottom: 0px;
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 1.6rem;
  margin-top: 10px;
  color: #333;
  margin-top: 18px; }

.center {
  text-align: center; }

.back-to {
  right: 14px;
  top: -20px;
  z-index: 100;
  position: absolute; }

.back-to a {
  color: #CCC;
  font-size: 14px; }

.findanagentresultsubmit {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
  margin-top: 40px !Important;
  font-size: 16px; }

.tnc {
  text-align: left;
  font-size: 1.2rem;
  color: #808080;
  line-height: 2rem; }

.temp {
  color: #333;
  font-size: 12px;
  margin-top: 20px;
  line-height: 16px; }

.img-find-advisor {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 30px; }

.agency-details {
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
  padding: 30px;
  padding-top: 20px;
  background-color: #F7F7F7;
  text-align: center; }

.agency-details h3 {
  padding-bottom: 10px; }

.agency-details h4 {
  margin-bottom: 0px;
  color: #999999;
  font-size: 12px; }

.agency-details .panel-body {
  padding: 0px; }

.agency-details .btn {
  margin-top: 10px; }

/*.benefits{margin-top:20px;margin-right:0px;margin-left:0px;padding:30px;
	background-color: #F7F7F7;}*/
#main-content ul {
  list-style-image: url("../media/217221/sq.jpg"); }

#main-content li {
  padding-left: 20px;
  margin-left: 20px;
  line-height: 24px;
  margin-bottom: 10px; }

.featured-offer a,
a.more-link,
.featuredOffers .moreoffers a,
.display-offer a {
  font-size: 1.3rem;
  letter-spacing: 1px;
  display: inline-block;
  margin-top: 14px;
  color: #1f5caa;
  font-weight: 500;
  text-transform: uppercase; }

.featured-offer a:hover,
a.more-link:hover,
.display-offer a:hover {
  color: #f8bb00; }

.offer-img {
  object-fit: cover;
  height: 240px;
  width: 100%; }

/*Workaround for flex issue in ie on smaller screens*/
@media (max-width: 768px) {
  .row.display-flex {
    display: block; } }
/*agent exclusive snipe*/
.agency-exclusive {
  background-color: #f6d627;
  color: #f6d627;
  color: #083d60;
  text-transform: uppercase;
  line-height: normal;
  font-weight: 800;
  font-size: 1.25rem;
  left: -5px; }

.agency-exclusive::after {
  border-top: 54px solid #f6d627;
  border-right: 43px solid transparent; }

.agency-exclusive > p {
  font-size: 1.75rem;
  margin-bottom: 8px; }

.agency-exclusive + .panel-body > h2 {
  margin-top: -35px; }

/* Styles for object-fit replacement in IE*/
.check-img-ie {
  width: 100%;
  height: 240px; }

/*** offer-img using object-fit**/
.offer-img,
.featured-offer > img {
  width: 100%;
  height: 240px;
  object-fit: cover; }

/*hide offer-img if its being replaced for IE*/
.check-img-ie.compat-object-fit .offer-img {
  opacity: 0; }

/**alternative to object-fit*/
.check-img-ie.compat-object-fit {
  background-size: cover;
  background-position: center center; }

.featuredOffers .display-flex > .col-md-3 {
  flex-grow: 1; }

#socialMedia {
  margin-bottom: 40px; }

.flyers h2 {
  padding-top: 30px; }

.flyers {
  padding-left: 30px; }

/*** Hide Flipbook**/
.cta2 container {
  display: none; }

/******Animated navbar toggle****/
.navbar-toggle {
  border: none;
  background: transparent !important;
  margin-right: 3px;
  margin-bottom: 3px; }

.navbar-toggle:hover {
  background: transparent !important; }

.navbar-toggle .icon-bar {
  width: 33px;
  height: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #1f5caa; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #1f5caa !important; }

.navbar-toggle.collapsed .icon-bar {
  margin-bottom: 5px;
  height: 3px; }

/* ANIMATED X */
.navbar-toggle .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 10% 10%;
  -ms-transform-origin: 10% 10%;
  transform-origin: 10% 10%; }

.navbar-toggle .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0); }

.navbar-toggle .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: -5% 50%;
  -ms-transform-origin: -5% 50%;
  transform-origin: -5% 50%; }

.home-video {
  margin-top: 15px; }

/* ANIMATED X COLLAPSED */
.navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

.navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100); }

.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

.navbar-nav > li > a {
  font-size: 1.5rem;
  padding: 10px 5px !important; }

.bd_CampaignResources section#ConsumerURLLink div.container div {
  background: #f8f8f8;
  border: 1px solid #333333 !important;
  color: #4f5555;
  padding: 30px; }

/* END ANIMATED X */
/*.logo-header{display:none}*/
.bd_Login #main-image {
  display: none; }

.bd_Login #cta2 {
  display: none; }

#about-summary .btn-special {
  margin-left: 15px; }

#about-summary {
  padding-bottom: 55px; }

#about-summary {
  padding-top: 0px !important; }

#bottom-main-content {
  padding-bottom: 15px !important; }

#bottom-main-content .container {
  border-bottom: solid;
  border-bottom-color: #eee7e7;
  border-bottom-width: 1px; }

/*** Center Offer detail as theres nothing in the col-md-4***/
@media (min-width: 992px) {
  .bd_OfferDetail .col-md-8 {
    margin-left: 16.66666667%; } }
.customsite .agency-details h3 {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 24px;
  padding-top: 20px;
  padding-bottom: 20px; }

/****Agency Details panel is displayed on custom site only***/
.agency-details {
  display: none; }

.customsite .agency-details {
  display: block; }

/**Hide the quote on custom site as agency details is displayed here***/
.customsite .home-quote {
  display: none; }

/*****Footer Contact Details on custom sites only***/
#contact {
  display: none; }

.customsite #contact {
  display: block; }

#contact .sidebars {
  font-size: 31px; }

.footer-agency-logo img {
  max-width: 200px;
  max-height: 100px;
  margin: 0 auto;
  padding-top: 10px; }

#socialMedia .col-md-3 {
  min-height: 380px; }

#socialMedia p.caption {
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #604e4e; }

#webAdLinks .col-md-3 {
  min-height: 400px; }

/*** Style banner headline****/
/*************** Animate menu underline****/
.nav > li > a:focus {
  background-color: transparent !important; }

.navbar-nav > li > a {
  border-bottom: transparent 0em solid !important;
  transition: all ease-in-out .2s; }

.navbar-nav > li > a::after {
  content: '';
  position: absolute;
  width: 0px;
  height: 5px;
  left: 50%;
  bottom: 0;
  background-color: #1f5caa;
  transition: all ease-in-out .2s; }

.navbar-nav > li > a:hover::after {
  width: 100%;
  left: 0; }

@media (max-width: 769px) {
  .navbar-nav > li > a::after {
    background-color: transparent; }

  .navbar-nav > li > a:hover {
    background-color: #f8bb00 !important;
    color: #ffffff !important; } }
.bd_Offers #cta2 {
  background-position: center !important; }

/****************/
.main-slider-container {
  padding: 4%; }

.main-slider-container .col-sm-6 {
  width: 100%; }

#main-slider .item {
  position: relative; }

#main-slider {
  padding-top: 0; }

#main-slider .intro_head span {
  text-align: center;
  color: #ffffff;
  display: block;
  margin: auto; }

#main-slider .intro_head span.hero-mainhead::before {
  content: 'destinations by';
  text-transform: uppercase;
  text-align: center;
  font-size: 4vw;
  color: #ffffff;
  display: block;
  letter-spacing: .25em; }

#main-slider .intro_head span.hero-mainhead {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 19vw;
  line-height: 69%; }

#main-slider .intro_head span.hero-subhead {
  font-family: "silver south script", "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 4vw;
  line-height: 5vw; }

#main-slider .intro_head span.hero-subhead::after {
  content: "";
  width: 100px;
  height: 5px;
  background: #ffffff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

.main-slider-container img {
  width: 230px; }

#main-slider {
  overflow: hidden; }

#main-slider .owl-prev {
  left: -35px;
  text-indent: 12px; }

#main-slider .owl-next {
  right: -35px;
  text-indent: -12px; }

#main-slider .owl-prev,
#main-slider .owl-next {
  position: absolute;
  top: 50%;
  background-color: rgba(170, 170, 170, 0.1);
  color: #fff;
  font-size: 35px;
  display: inline-block;
  margin-top: -55px;
  height: 70px;
  width: 70px;
  line-height: 60px;
  text-align: center;
  border-radius: 100px;
  z-index: 5;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms; }

#main-slider .item {
  height: 70vh;
  background-repeat: none !Important;
  background-size: cover;
  background-position: top right;
  clear: both; }

.main-intro {
  padding-right: 100px; }

.home-quote {
 /*   padding: 28px 14px;
    font-size: 3.0rem;
    font-weight: 800;
    line-height: normal;
    color: $home-quote-color;
    background-color: $quote-background;
    background-image:$home-quote-background-img;
    text-transform: uppercase;
    text-align: center;
    background-size:cover;
    font-family: barlow condensed, Arial, sabs-serif;
min-height: 300px;
    padding:40px;*/
  padding: 28px 14px;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(93, 88, 45, 0)), url("https://www.travelsavers.com/library/2024/journeys/destinations/americas/quote.jpg");
  background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(93, 88, 45, 0)), url("https://www.travelsavers.com/library/2024/journeys/destinations/americas/quote.jpg");
  text-transform: uppercase;
  text-align: center;
  background-size: contain;
  min-height: 360px;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center; }

.home-quote p {
  font-size: 1.8rem;
  font-weight: 400; }

.featuredOffers {
  background-color: #ebebeb;
  padding-bottom: 40px;
  padding-top: 30px; }

.featured {
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px; }

.featuredOffers .fa-circle {
  color: #0071bb; }

.featuredOffers .card {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  min-height: 400px; }

.featuredOffers .offer-logo {
  margin-top: 30px; }

.featuredOffers .featured-offer {
  height: 100%;
  min-height: 720px; }

.featuredOffers .moreoffers {
  text-align: center;
  padding-top: 30px; }

#about-summary h1 {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 30px;
  text-transform: none; }

#about-summary h2 {
  font-family: "silver south script", "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 6rem;
  font-weight: normal; }

@media (min-width: 768px) {
  .main-slider-container {
    position: absolute;
    width: 38%;
    bottom: 0;
    top: 0;
    background-color: #f8bb00; }

  #main-slider .intro_head span.hero-mainhead::before {
    font-size: 1.5vw; }

  #main-slider .intro_head span.hero-mainhead {
    font-size: 8vw;
    line-height: 69%; }

  #main-slider .intro_head span.hero-subhead {
    font-size: 6vw;
    line-height: 7vw;
    margin-top: 30px;
    margin-bottom: 30px; } }
@media (min-width: 1600px) {
  #main-slider .intro_head span.hero-mainhead::before {
    font-size: 28px; }

  #main-slider .intro_head span.hero-mainhead {
    font-size: 140px;
    line-height: 70px; }

  #main-slider .intro_head span.hero-subhead {
         /*font-size: 80px;
line-height: 160px;*/ }

  #main-slider .item {
    background-position: top 70%; } }
@media (max-width: 769px) {
  #main-slider .intro_head span.hero-subhead {
    font-size: 14vw;
    line-height: 15vw; } }
.bd_Offers #cta2 {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-login.jpg); }

.bd_OfferDetail #cta2 {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-login.jpg); }

#cta2 {
  background-image: url(https://www.travelsavers.com/library/2024/journeys/destinations/americas/banner-stones.jpg);
  background-repeat: no-repeat;
  /* background-size:cover;*/
  background-attachment: fixed;
  background-position: center 300px; }

#cta2 h2 {
  float: left;
  width: 400px;
  max-width: 100%; }

#cta2 img {
  max-width: 100%; }

section#contact {
  display: none; }

footer {
  background: #222222 url("/media/306567/journeys-logo.png") no-repeat bottom center;
  color: #f8f8f8;
  font-size: 12px;
  padding-top: 45px;
  padding-bottom: 45px; }

#offerCards h2 {
  margin-bottom: 45px;
  text-align: center; }

section h1:first-of-type,
section h2:first-of-type,
section h3:first-of-type {
  margin-top: 0; }

h1,
h2,
h3,
h4 {
  line-height: 1.35em;
  font-weight: bold; }

h1 {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 6rem;
  text-transform: uppercase;
  color: #121216;
  text-align: left; }

h2 {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 30px; }

h3 {
  font-family: "silver south script", "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 6rem;
  font-weight: normal;
  line-height: .1rem;
  color: #1f5caa; }

h5 {
  font-size: 16px;
  color: #808080;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px; }

.featuredOffers h1 {
  text-transform: uppercase !Important;
  font-size: 30px;
  margin-top: 10px;
  color: #000000;
  margin-bottom: 40px;
  text-align: center; }

.featuredOffers h2, .display-offer h2 {
  color: #000000;
  line-height: 3rem;
  font-weight: bold;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 5px solid #000000; }

.article-photos {
  padding-top: 30px;
  margin-bottom: 70px; }

.article-photos .column {
  padding: 0; }

.article-photos .column:first-of-type {
  border-top: 5px solid #000000; }

.article-photos .column:nth-of-type(2) img {
  border-bottom: 5px solid #000000;
  display: none; }

@media (min-width: 992px) {
  .article-photos .column:nth-of-type(2) img {
    display: block; }

  .article-photos .col-md-4 {
    position: relative;
    top: -160px; }

  .lead {
    margin-top: -100px; } }
.bd_EndlessSummer h3 {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 9rem;
  text-transform: uppercase;
  color: #202726;
  text-align: left;
  line-height: 8rem; }

.bd_EndlessSummer h1 {
  font-family: "silver south script", "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 8rem;
  font-weight: normal;
  line-height: 1.1rem;
  text-transform: none; }

.btn {
  border-radius: 0;
  border: 0;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 10px 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 17px; }

.btn:hover {
  color: #ffffff; }

.btn-primary {
  background: #f8bb00; }

.btn-primary:hover {
  background: #1f5caa; }

.btn.btn-special {
  background: transparent;
  background-color: transparent !important;
  border: none;
  color: #f8bb00;
  padding: 0;
  box-shadow: none;
  font-size: 1.9rem; }

.btn.btn-special:hover {
  background: transparent;
  background-color: transparent !important;
  color: #1f5caa;
  box-shadow: none; }

/*
#webAdLinks .btn {
    width: 100%;
    margin-top: 15px;
}

.btn-tc {
    background-color: #0071bc;
    color: #FFF !Important;
    margin-top: 20px;
    font-size: 18px;
    padding-left: 30px;
    padding-right: 30px
}

a.btn-tc {
    color: #ffffff
}

.btn-submit {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0)
}

.btn {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
}

.btn-primary {

    font-weight: bold;
    border-width: 1px;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 12px;
    border-style: solid;
    border-color: #0071bb;
    transition: 0.3s background-color linear, 0.1s color linear;
    display: inline-block;
    margin-top: 14px;
    color: #0071bb;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #fff;

}

.btn-primary:hover {
    border-width: 1px;
    background-color: #0071bb !Important;
    color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);
    border-color: #0071bb;
}

.btn-primary .fa {
    margin-right: 6px
}

*/
.bd_TopFive .umb-grid img {
  max-width: 100%; }

.caption {
  text-transform: uppercase;
  color: #f8bb00;
  font-weight: bold;
  padding-top: 15px; }

p.caption {
  margin-bottom: 0; }

.main-image {
  position: relative; }

.bd_Offers .main-image .about-top .container {
  position: absolute;
  background: #ffffff;
  bottom: 0;
  max-width: 40%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 6rem;
  left: 0;
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  border-top: solid 5px #000000; }

#exclusives #panel_about_content #panel_about_content h1 {
  font-size: 30px; }

.bd_OfferDetail h1 {
  font-size: 30px; }

.offer-img {
  border-radius: 5px 5px 0 0; }

.panel-body {
  padding: 30px; }

.display-offer .panel-body {
  padding-bottom: 130px; }

.offer-logo {
  max-width: 170px;
  max-height: 65px; }

.featuredOffers .offer-logo,
.display-offer .offer-logo {
  margin: 10px auto;
  bottom: 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 40px; }

.display-offer {
  -webkit-box-shadow: 0px 0px 5px rgba(107, 103, 103, 0.2);
  box-shadow: 0px 0px 5px rgba(107, 103, 103, 0.2); }

@media (max-width: 768px) {
  .display-offer .panel-body {
    min-height: auto;
    margin-bottom: 30px; } }
/************** Move offer up page on offer-detail page (desktop) ***********************/
@media only screen and (min-width: 992px) {
  .bd_OfferDetail #exclusives .container .row .col-md-8 {
    margin-left: 16.66666667%;
    background-color: rgba(255, 255, 255, 0.95);
    margin-top: -351px;
    padding-top: 30px;
    box-shadow: beige;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 15px, rgba(0, 0, 0, 0.05) 0px 5px 10px; } }
/********* Tidy up campaign resources page - especially odd flyers h2, h3 layout********* */
.head-flyers {
  display: block !important; }

.postcardCaption {
  font-weight: normal;
  margin-bottom: 40px !important;
  text-transform: none; }

.postcard, .flyer {
  box-shadow: 0 0 0px #343434;
  transition: box-shadow 250ms; }

.postcard:hover, .flyer:hover {
  box-shadow: 0 0 4px #343434;
  transition: box-shadow 250ms; }

.head-social {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 30px;
  color: #000000;
  margin-bottom: 30px;
  font-weight: normal; }

h3.head-social {
  display: none; }

.head-web-ads {
  font-weight: normal; }

.head-url {
  font-weight: normal; }

#socialmedia, .flyers {
  border-bottom: 2px;
  border-bottom: solid;
  border-bottom-color: currentcolor;
  border-bottom-width: medium;
  border-bottom-color: #f4f2f2;
  border-bottom-width: 1px; }

.flyers {
  padding-left: 0px; }

/**** En *************/
.bd_CampaignResources #flyers h3 {
  display: none; }

.bd_CampaignResources #flyers h2 {
  display: none; }

.bd_CampaignResources section#webAdLinks .col-md-3 {
  margin-bottom: 40px; }

.bd_CampaignResources .row.display-flex > [class*="col-"] {
  margin-right: 30px;
  min-height: 500px;
  margin-bottom: 30px; }

.bd_CampaignResources .addthis_button_facebook {
  margin-top: 15px; }

.bd_CampaignResources .addthis_button_facebook img {
  display: inline-block; }

.addthis_button_facebook {
  color: #45639e; }

.facebookShare {
  margin-top: 15px; }

.bd_CampaignResources #campaigns #webAdLinks .col-md-3 {
  margin-bottom: 15px; }

.bd_CampaignResources #webAdLinks h5 {
  text-align: left; }

/***Replace the old/chunky FB button with an fa icon**/
.bd_CampaignResources .a2a_button_facebook img {
  display: none; }

.at_a11y::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  content: "\f09a";
  margin-right: 5px; }

/***********FR ********* */
.bd_Ressourcesdelacampagne #flyers h3 {
  display: none; }

.bd_Ressourcesdelacampagne #flyers h2 {
  display: none; }

.bd_Ressourcesdelacampagne section#webAdLinks .col-md-3 {
  margin-bottom: 40px; }

.bd_Ressourcesdelacampagne .row.display-flex > [class*="col-"] {
  margin-right: 30px;
  min-height: 500px;
  margin-bottom: 30px; }

.bd_Ressourcesdelacampagne .addthis_button_facebook {
  margin-top: 15px; }

.bd_Ressourcesdelacampagne .addthis_button_facebook img {
  display: inline-block; }

.bd_Ressourcesdelacampagne #campaigns #webAdLinks .col-md-3 {
  margin-bottom: 15px; }

.bd_Ressourcesdelacampagne #webAdLinks h5 {
  text-align: left; }

.bd_Ressourcesdelacampagne h3 {
  font-family: "Barlow Condensed", "Open Sans", sans-serif !important;
  font-size: 30px;
  color: #000000;
  margin-bottom: 30px; }

.bd_Ressourcesdelacampagne section#ConsumerURLLink div.container div {
  background: #f8f8f8;
  border: 1px solid #333333 !important;
  color: #4f5555;
  padding: 30px; }

/*** FR Replace the old/chunky FB button with an fa icon**/
.bd_Ressourcesdelacampagne .addthis_button_facebook img {
  display: none; }

/*** Banner headline on Sub pages 2 options.(comment Option 1  or Option 2 to hide as appropriate)***/
/******************** Option 1: Plain headline (Left/Center) over background Image ************************************/
/***  linear gradient background ****/
/*#main-image{padding-top:0px}

.banner-image-content {
    display:flex;
    padding-top:0px;
    height: 400px;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
left: 0px;
max-width: 80vmin;
margin-left: 30px;
z-index: 101;
    color:#ffffff
}

.banner_image_head{
    display:inherit;
align-items:center;
text-shadow: 0px 0px 0px black !important;
    text-transform: uppercase !important;
    font-size: 44px !important;
   
}

@media (max-width: 769px){.banner_image_head{margin:0 auto;text-align:center}}



@media (max-width: 769px) {
#main-image
{  
 background-position: center!important;}  
.banner-image-content { max-width:80vmin}    
    .bd_CampaignResources .banner_image_head{ margin-left:-30px!important}
}


@media (max-width: 769px) {
#main-image{position:relative}

#main-image::after {
    content: ""; // ::before and ::after both require content
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #0d3064, #0d3064);
    opacity: .7;
       z-index: 1;
}

}



@media (min-width: 768px) {
.bd_CampaignResources .main-image .about-top .container {
    position: absolute;
    opacity: 1;
    max-width: 40%;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 4rem;
    left: 0;
}
}


*/
/*************************** Option 2: Text on white background section (bottom/left). Black border top.
Headline on circle on smaller screens ***********************************************************/
.bd_Offers .main-image .about-top .container,
.bd_CampaignResources .main-image .about-top .container,
.bd_Offres .main-image .about-top .container,
.bd_Ressourcesdelacampagne .main-image .about-top .container {
  background: #ffffff;
  display: block;
  opacity: .75;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 6rem;
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  border-top: solid 5px #000000;
  text-align: center; }

@media (min-width: 768px) {
  .bd_Offers .main-image .about-top .container,
  .bd_CampaignResources .main-image .about-top .container,
  .bd_Offres .main-image .about-top .container,
  .bd_Ressourcesdelacampagne .main-image .about-top .container {
    position: absolute;
    opacity: 1;
    max-width: 40%;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 4rem;
    left: 0; } }
@media (max-width: 768px) {
  .bd_Offers .main-image .about-top .container,
  .bd_CampaignResources .main-image .about-top .container,
  .bd_Offres .main-image .about-top .container,
  .bd_Ressourcesdelacampagne .main-image .about-top .container {
    text-align: center;
    border-radius: 500px;
    width: 300px;
    height: 300px;
    padding-top: 45px;
    font-size: 5rem;
    line-height: 5.6rem;
    display: flex;
    justify-content: center;
    padding-top: 60px;
    border-top: solid 0px #000000;
    position: relative;
    max-width: 300px; } }

/***Update buttons***/
.featuredOffers .moreoffers a, .display-offer a, a.more-link, .featured-offer a {
  background: transparent!important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0)!important;
  border-width: 1px;
  letter-spacing: 1px;
  padding: 10px 12px;
  border-style: solid;
  border-color: #ced0d9;
  color: #31333c!important;
}

.display-offer a:hover{background-color:#fafaf5!important;color:#f8bb00!important}

/***Update buttons***/
.featuredOffers .moreoffers a, .display-offer a, a.more-link, .featured-offer a {
  background: transparent!important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0)!important;
  border-width: 1px;
  letter-spacing: 1px;
  padding: 10px 12px;
  border-style: solid;
  border-color: #ced0d9;
  color: #31333c!important;
}

.display-offer a:hover, .btn-primary:hover {
  background-color: #fff !important;
  color: #f8bb00 !important;
  border-color: #f8bb00 !important;
}