/*fonts*/
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed&display=swap');

/*
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i|Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');

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

a {
  color: #202555; }

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

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

body {
  font-family: "Open Sans", helvetica, arial, sans-serif;
  background-color: #ffffff; 
line-height: 1.7;}

body.bd_OfferDetail {
  background-color: #ffffff; }

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;
  background-color: #ffffff; }

.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/306812/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 0px #343434;
  transition: box-shadow 250ms;
margin-bottom:20px}

.postcard:hover,
.flyer:hover {
box-shadow: 0 0 4px #343434;
cursor:pointer}

.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: 50px;
  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; }

/**** 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/305602/hero-background.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: #43c1f9;
  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; }

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

#exclusives {
  padding-top: 30px; }

.main-image {
  margin-bottom: 0px !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; }

.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: 760px) {
  .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-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; }

.bd_AboutUs .main-image,
.bd_Offers .main-image,
.bd_AgencySearch #main-image,
.bd_OfferDetail #main-image {
  background-image: url("/media/306814/reef.jpg");
  background-position: 0 67%;
  height: 300px;
  background-size: cover;
  background-attachment: fixed; }

.bd_CampaignResources #main-image {
  background-image: url("/media/306815/slides.jpg");
  background-position: 0 -100px;
  height: 350px;
  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; }

/***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: #43c1f9; }

.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%;
margin-bottom:20px}

.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,
.findanagentresultsubmit {
  font-size: 1.3rem;
  letter-spacing: 1px;
  display: inline-block;
  margin-top: 14px;
  color: #00a656;
  font-weight: 500;
  text-transform: uppercase;
  border-width: 1px;
  letter-spacing: 1px;
  padding: 10px 12px;
  border-style: solid;
  border-color: #333;
  transition: 0.1s background-color linear, 0.1s color linear;
  display: inline-block;
  margin-top: 14px;
  color: #8d2783;
  font-weight: 500;
  text-transform: uppercase; }

.featured-offer a:hover,
a.more-link:hover,
.display-offer a:hover {
  color: #8d2783 !important; }

.display-offer a:hover {
  border-width: 1px;
  background-color: #8d2783;
  color: #ffffff !important; }

.featured-offer a:hover {
  border-width: 1px;
  background-color: #8d2783;
  color: #ffffff !important; }

.findanagentresultsubmit {
  background-color: #ffffff !important;
  border-style: solid !important;
  border-color: #333 !important;
  border-width: 1px !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0); }

.findanagentresultsubmit:hover, .findanagentresultsubmit:focus {
  background-color: #8d2783 !important;
  color: #ffffff; }

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

/*Center offer detail*/
@media only screen and (min-width: 992px) {
  .bd_OfferDetail section#exclusives div.container div.row div.col-md-8 {
    margin-left: 16.66666667%; } }
.dvLoginForgotUsername {
  padding-bottom: 8px; }

.dvLoginForgotPassword {
  padding-bottom: 8px; }

#about-summary {
  display: none; }

.bd_CampaignResources #webAdLinks div.col-md-3,
.bd_CampaignResources #flyerPick div.col-md-3.col-sm-6,
.bd_CampaignResources #socialMedia div.col-md-4.col-sm-6 {
  margin-bottom: 30px; }

.bd_CampaignResources section#campaigns #socialMedia div.col-md-4.col-sm-6 {
  min-height: 270px; }

.bd_CampaignResources p.caption.postcardCaption {
  text-transform: none; }

.bd_CampaignResources #flyers h3, .bd_CampaignResources #flyers h2 {
  display: none; }

.bd_CampaignResources .dvflyerspersonalized {
  margin-bottom: 20px; }

.bd_CampaignResources #flyers h5 {
  font-family: "Crimson Text", "Times", "Open Sans", sans-serif;
  font-size: 35px;
  font-weight: normal;
  text-align: left;
  color: #333333;
  text-transform: none; }

.bd_CampaignResources #flyers, .bd_CampaignResources #socialMedia, .bd_CampaignResources #flyers, .bd_CampaignResources #ConsumerURLLink div.container {
  border-bottom: solid;
  border-top-color: #ccc;
  border-top-width: 1px;
  border-color: #ccc;
  border-width: 1px;
  padding-bottom: 40px; }

.bd_CampaignResources section {
  padding-top: 20px;
  padding-bottom: 25px; }

.bd_CampaignResources section#campaigns section#ConsumerURLLink div.container div {
  padding: 20px;
  background-color: #eee4d3;
  text-align: center;
  margin-bottom: 20px; }

.at_a11y {
  font-size: 14px; }

/**Add min height for when there are no offers**/
.all-offers {
  min-height: 500px; }

/***Fix nested row issue that was causing horizontal scrool bar***/
footer div.container section#footer-main-content div.container {
  width: 90%; }

.main-slider-container {
  padding: 4%;
  padding-top: 8%; }

.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: 'LIFESTYLES BY JOURNEYS';
  text-transform: uppercase;
  text-align: centre;
  font-size: 2.4vw;
  color: #33a652;
  display: block;
  letter-spacing: .24em;
  
  font-family: Josefin Sans;
  line-height: 66%;
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
display:none}

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

#main-slider .intro_head span.hero-subhead {
  font-family: "Barlow Condensed", "Open Sans", sans-serif;
  font-size: 9vw;
  text-align: center;
  color:#43c1f9
   }

/*#main-slider .intro_head span.hero-subhead::after {
    content: "";
    width: 100px;
    height: 5px;
    background: #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
}*/
.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: 50vh;
  background-repeat: none !Important;
  background-size: cover;
  background-position: top right;
  clear: both; }

@media (min-width: 1600px) {
  #main-slider .item {
    height: 70vh; } }
.home-quote {
  padding: 30px 30px;
  font-family: "Barlow Condensed", "Times", "Open Sans", sans-serif;
  font-size: 4rem;
  font-weight: bold;
  line-height: normal;
  color: #ce73c5;
  background-color: #8d2783;
  text-align: center;
  min-height: 300px; }

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

.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: "silver south script", "Open Sans", sans-serif;
  font-size: 30px;
  text-transform: none; }

#about-summary h2 {
  font-family: "Crimson Text", "Times", "Open Sans", sans-serif;
  font-size: 6rem;
  font-weight: normal; }

@media (min-width: 768px) {
  .main-slider-container {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    /*background-color: $primary-color;*/ }

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

  #main-slider .intro_head span.hero-mainhead {
    font-size: 7vw;
    line-height: 62%;
    color: #ffffff;
    margin-top: 4vh; }

  #main-slider .intro_head span.hero-subhead {
    font-size: 7vw;
text-align: center;
    color: #43c1f9; } }
@media (min-width: 1600px) {
  #main-slider .intro_head span.hero-mainhead::before {
    font-size: 22px;
    line-height: 24px; }

  #main-slider .intro_head span.hero-mainhead {
    font-size: 6vw;
    font-weight: normal; }

  #main-slider .intro_head span.hero-subhead {
    font-size: 6vw;
    
    text-align: center; }

  #main-slider .item {
    background-position: center top;
  background-attachment: fixed;
  } }
#cta2 {
  background-image: url(/media/306814/reef.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }

.bd_Offers #cta2 {
  background-image: url(/media/306814/reef.jpg); }

#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: normal; }

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

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

h3 {
  font-family: "Crimson Text", "Times", "Open Sans", sans-serif;
  font-size: 6rem;
  font-weight: normal;
  line-height: .1rem; }

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: normal;
  text-align: left;
  padding-bottom: 30px;
  border-bottom: 1px solid #d8d5d0;
  margin-bottom: 30px;
  line-height: 3.6rem; }

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

.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; } }
.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: #8d2783; }

.btn-primary:hover {
  background: #00a656; }

#about-summary .btn.btn-special {
  background: transparent;
  background-color: transparent !important;
  border: none;
  color: #00a656;
  padding: 0;
  box-shadow: none;
  font-size: 1.3rem; }

#about-summary .btn.btn-special:hover {
  background: transparent;
  background-color: transparent !important;
  color: #8d2783;
  box-shadow: none; }

#submit:hover {
  background-color: #4bb7e6 !important !important; }

/*
#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: #8d2783;
  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: 7rem;
  left: 0;
  font-family: "silver south script", "Open Sans", sans-serif;
  color: #ffffff;
  text-shadow: 1px 1px #000000;
  /*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;
  /*filter: grayscale(100%);*/ }

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




.navbar-brand img {

    max-height: 60px;
    max-width: 380px;

} 
/******** navbar/logo changes**/
/*.navbar .logo-header {
    float: left;
}

.navbar .container {
    float: right;
    width: 560px;
}

.navbar-brand img {
    max-height: 60px;
    max-width: 300px;
    display: inline-block;
    margin-top: 5px;
}

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

.navbar-nav {
    float: left;
    margin: 0;
}

.navbar-right {
    float: right !important;
    margin-right: -15px;
}

.navbar-nav {
    padding-top: 0px;
}*/
@media (min-width: 999px) {
.navbar .container {
    float: right;
    width: auto;
}}



@media (min-width: 1000px) {.navbar .logo-header {
    position:absolute
}}
#main-slider{padding-top:10px}
.navbar-nav {
    /* float: none;
    text-align: left;*/
}
.navbar{padding-top:0px;padding-bottom:0px}
.logo{padding-top:0px}
.logo img{margin-top: -5px;}
.navbar-brand{margin-top:10px}

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

.btn:hover, .btn-primary:hover{color:#ffffff!Important;background-color:#43c1f9!Important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);}


#main-content .btn-primary{border-width: 1px;
font-size: 21px!Important;
letter-spacing: 1px;
padding: 20px 22px;
border-style: solid;
border-color: #43c1f9;
transition: 0.3s background-color linear, 0.1s color linear;
display: inline-block;
margin-top: 2px;
color: #0071bb;
font-weight: 500;
text-transform: uppercase;
background-color:#ffffff;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
border-radius:4px;
width:100%}


#main-content .btn-content{width:50px}
#main-content .btn-content{width:50px}
#main-content .fa{color:#43c1f9}
a {
    /* color: #0b4d6a;*/
    text-decoration: none
}
/*a:hover{color:#43c1f9;}*/
.btn:hover .fa, .btn-primary:hover .fa {color:#ffffff!Important}
/*#main-content .current-projects .btn-primary{color:#ffffff!Important;background-color:#43c1f9!Important}*/
.featuredOffers{display:none}
#cta2{display:none}
footer{background-color:#153c4e}
#main-content .col-md-4 img{margin-top:60px}
.bd_AgentDetails #main-content  img{margin-top:0px}
.bd_AgentDetails h1{display:none}
.bd_AgentDetails h4{font-size:34px}
.bd_AgentDetails #main-content{padding-top:10px}
#footer-main-content{display:none}
.bd_SelectPostcard #main-content{background-color:#f2f4f5; padding-top:20px}
.bd_SelectPostcard #main-content .container{width:100% !important; }
.bd_SelectPostcard  #main-image{display:none}
.bd_EditPostcard  #main-image{display:none}
.bd_EditPostcard #main-content {
    background-color: #f2f4f5;
    padding-top: 20px;
}
.divider{color:#43c1f9}
.featured{color:#ffffff;background-color:#43c1f9; padding:10px;font-weight:bold;margin-top:10px;font-size:20px;margin-bottom:2px}
.item{background-color:#43c1f9}
.divider{color:#dfedf3}
h2{font-size:34px}
h1,h2,h3,h4{color:#1e6483}
h4{font-family: "Barlow Condensed", "Open Sans", sans-serif;font-size: 35px;font-weight: normal;}
#main-image{padding-top:0px}


/*************Form CSS********/
.umbraco-forms-caption{margin-left:15px}
.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%;
}
.umbraco-forms-field-wrapper .text {
    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%;
}

.umbraco-forms-field .umbraco-forms-field-wrapper {
    margin-bottom: 30px;
    color: #333
}

.umbraco-forms-field .umbraco-forms-label {
    color: #677680;
    font-family: "Work Sans","Roboto",sans-serif;
}

.umbraco-forms-indicator {
    color: #093;
    padding-left: 4px;
}


.bd_AgentDetails .bd_AgentDetails{padding-top:0px}

.header-Update-Agent-Details,.about-top{

    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("/media/307065/2.jpg");
    background-position: center bottom;
    background-size: 100% auto;
	height: 250px;
	background-position: bottom !important;
	background-size:cover

}

.bg-overlayimage img{opacity:1;height: 70vh;margin-left:-120px}
@media (max-width: 1600px){.bg-overlayimage img{height: 50vh;min-height:400px}}
@media (max-width: 769px){.bg-overlayimage img{display:none}}
.navbar-brand {
	width: 100%;}

#bottom-main-content .featured-postcards {background-color: #ffffff;margin-bottom:30px;padding-top:20px;padding:20px;border-radius:7px;padding-bottom:30px}
#bottom-main-content .featured-activity {background-color: #ffffff;margin-bottom:30px;padding-top:20px;padding:20px;border-radius:7px;padding-bottom:30px}
#bottom-main-content .featured-video {background-color: #ffffff;margin-bottom:30px;padding-top:20px;padding:20px;border-radius:7px}
#bottom-main-content {background-color:#3d4e56;padding-left:20px;padding-right:20px;background-image: url("/media/307146/back-grad.jpg");background-attachment:fixed;
	background-size:cover}
#bottom-main-content h2 {}

#bottom-main-content .container{
  width: 100%!Important;
	max-width:100%;!Important;
  padding-right: 15px!Important;
  padding-left: 15px!Important;
  margin-right: auto!Important;
  margin-left: auto!Important;}


#bottom-main-content hr{margin-top: 10px;
	margin-bottom: 20px;
	border: 0;
	border-top-style: none;
    border-top-width: 0px;
	border-top:2px solid #e7f0f180}
#bottom-main-content .fa {
    font-size:24px;
    color: #43c1f9;

}

.featured-video a,.featured-activity a,.featured-postcards a{font-size:13px;color:#77798d!Important}
.featured-video a:hover,.featured-activity a:hover,.featured-postcards a:hover{font-size:13px;color:#cccccc!Important;text-decoration:underline}
.featured-video .col-postcard img,.featured-activity .col-postcard img,.featured-postcards .col-postcard img {margin-bottom:0px}
[class*="bd_MyProjects"].bd_MyProjects #main-content li {
    padding-left: 0px;
    margin-left: 0px;
    line-height: 24px;
    margin-bottom: 0px;
}

[class*="bd_MyProjects"] .panel-heading{padding-bottom:0px;border-bottom:0px solid transparent}
[class*="bd_MyProjects"] .panel-body{min-height:500px}
[class*="bd_MyProjects"]  .nav-tabs {border-bottom: 0px solid #ddd;}
/* [class*="bd_MyProjects"] .nav-tabs li a {border-bottom: 0px solid #ddd;color:#ffffff!Important}
[class*="bd_MyProjects"]  .nav-tabs .active a,
[class*="bd_MyProjects"] .bd_MyProjects .nav-tabs li:hover a{color:#333333!Important}*/
[class*="bd_MyProjects"]  #main-image{margin-bottom:0px}
select { display: block;}
[class*="bd_MyProjects"]  section#main-content .socialconnectfilterandsortmockup .col-md-12 input.btn.primary{display:none}
.bd_SelectPostcard section#main-content .socialconnectfilterandsortmockup .col-md-12 input.btn.primary{display:none}
/***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***/
input[type="checkbox"] {

    display: none;

}

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

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

label::before{vertical-align:middle}

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

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

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

.umbraco-forms-field-wrapper label{display:inline-block; margin-right:20px}
.socialconnectfilterandsortmockup br{display:none}
fieldset{border: 0px solid silver!Important;}

.temp{display:none}
.btn-content{padding:8px!Important;}
.table-responsive > .table > tbody > tr > td {white-space:normal!Important}
[class*="bd_MyProjects"]  table{font-size:1.4rem}
[class*="bd_MyProjects"]  td{vertical-align: middle}
[class*="bd_MyProjects"]  label{margin-top:0px!Important}
[class*="bd_MyProjects"] #main-content{padding-top:20px!Important}
#main-image{padding-bottom:0px!Important}
.panel-primary > .panel-heading {
 color: #fff;
    background-color: #43c1f9;
    border-color: #43c1f9;
        border-bottom-color: rgb(67, 193, 249);
}
select {

    display: block;
    padding: 10px 20px;
font-size:1.5rem
}


@media (max-width: 1000px)
	{.from,.to{display:none}}
/*# sourceMappingURL=family.css.map */

.panel-postcard{margin-top:0px!Important}

.desc{font-weight:bold;clear:both;display:block}
#main-content .btn-change-layout{margin:0px;width:40px!Important;height:40px;margin-top:-3px; background-color:#ffffff;padding:4px!Important}
#main-content .btn-change-layout .fa{/*color:#Ffffff*/}
#main-content .btn-change-layout:hover .fa{color:#fffffff!Important}
.change-layout{float:right;margin-right:-6px}
.type{color:#43c1f9}

#main-content li {
  margin-bottom: 0px!Important; }

[class*="bd_MyProjects"] .about-top {
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("http://www.travelsavers.com/library/2020/05-postcards/laos-2.jpg");
    background-position: center bottom;
    background-size: 100% auto;
    height: 150px;
    background-position: bottom !important;
    background-size: cover;
	background-color:#43c1f9
}

.banner_image_head{font-family: "Barlow Condensed", "Open Sans", sans-serif;
color: #fff;
font-size: 40px;
margin-top: 40px;
display: block;}
/* .navbar-nav{float:right} */
.message{border-right: 3px dotted rgba(67,193,249,0.32); margin-bottom:10px;padding-right:15px}
.project-logo{margin-bottom:15px}
.agency-name{font-weight:bold}

.bd_EditPostcard .col-sm-6 .panel-postcard{margin-top:10px!Important;margin-bottom:0px!Important}
.campaign-link{    clear: both;
    padding: 10px;
    background-color: #EAF2F5;
    display: block;
    margin-top: 20px;
    border-radius: 4px;
    width: 220px;
	position: absolute;
bottom: 15px;
right: 15px;
z-index:99;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.17);
}
.campaign-link a{text-decoration:underline}  
.card-content{padding-top:0px!Important;}
.btn_editsaveshare{max-width:31%;margin-right:4px;padding:15px 15px}
.btn-primary:focus {
	background-color: #ffffff!important;
	color:#0071bb!important;}
.btn-campaign {
    color: #0071bb !Important
}
.btn-primary:hover,.btn-primary:active{color:#0071bb;}

.ifm_selectmedia {
    width:100%;
    height:400px;
}
.vertdisplay {
    margin-top:20px;
}
.dvContactDeleteBtn, .aboutus, .license, .customgreeting {
    display: none;
}

.media-content, #mediadisplay {
    padding: 10px;
}

/** Update Login***/
body.bd_Login{background-color:#153c4e}
.bd_Login #main-content{
background-image: linear-gradient(45deg,rgba(38, 83, 144, 1), rgba(38, 83, 144, 0.7)), url("/media/307065/2.jpg");
background-attachment: fixed;
background-size: cover;
min-height: 800px;
background-position-x:center}


.bd_Login #main-image{display:none}

@media (min-width: 769px)
{.bd_Login #main-content .container{ max-width: 500px;}
.bd_Login #main-content{display: flex;
justify-content: center;
align-items: center;
padding:0px;
padding-bottom:40px}
}
.bd_Login .navbar{height:80px}
.bd_Login #myNavbar{display:none!Important}
.bd_Login .navbar-header{display:none}
.bd_Login .dvLoginRememberMe label{color:#ffffff!Important}

.dvLoginForgotUsername a {
    letter-spacing: 2px;
}

.dvLoginForgotPassworda {
    letter-spacing: 2px;
}
@media (min-width: 961px){
/***Update Select Media***/
#mediadisplay {
    padding: 30px;
	margin-left:20px;
	margin-right:20px;
	margin-top: 30px!Important;}
	

}
.bd_SelectMedia #main-content{padding-top:20px}

.bd_SelectMedia #main-content #entiremediadisplay .col-md-4
{padding:30px;background-color:#4ab8e9!Important; border-radius:7px;color:#ffffff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);}

.bd_SelectMedia #main-content #entiremediadisplay .col-md-4  label{color:#ffffff!Important}
.bd_SelectMedia h2{color:#f8f9fb}
.bd_SelectMedia #mediadisplay{margin-top:0px!Important}

/*.bd_SelectMedia input[type="checkbox"]:checked + label::before {
    
    color: #ffffff;

}*/
.dvMediaContent{border-bottom: 1px solid #f4f2f2;
padding-bottom: 40px;
margin-bottom: 20px;}
.bd_SelectMedia .card-content{margin-top:30px}
.bd_SelectMedia .card-content .message {min-height:300px;}
.bd_SelectMedia #mediadisplay {padding-bottom:70px}
.bd_SelectMedia .Guide-image{margin-bottom:30px}
.bd_SelectMedia #contactdetails{padding-left:20px}

.bd_SelectMedia  .form-group:nth-of-type(3) {border-bottom: 1px solid #76d0f8;
padding-bottom: 40px;
margin-bottom: 0px;}

.bd_SelectMedia .about-top{background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("http://www.travelsavers.com/library/2020/05-postcards/laos-2.jpg");}

/***Update premium cards***/
.premium-card {
    background-color:#52b3df;
  /* border: solid;
    border-width: 3px;
    border-color: #43c1f9;*/
    border-radius: 0px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.0), 0 2px 10px 0 rgba(0, 0, 0, 0.0);
    color: #fff;
}

.premium-card .type{color:#ffffff}
.premium-card .card-content .fa-picture-o{color:#ffffff!Important}
.premium-card .card-content .fa-video-camera{color:#ffffff!Important}
.premium-card .card-content .fa-video-cuttlery{color:#ffffff!Important}
.premium-card .card-content .fa-instagram{color:#ffffff!Important}
.premium-card .btn-content{width:100%!Important;margin-top:20px!Important;margin-bottom:20px!Important}

.premium-card  .btn-text {
    font-size: 18px;
}


.dp_List .btn-text {
   display:none
}
/*.premium-card .type {color:#ffffff}*/

/*.premium-card span.fa {color:#ffffff!Important}*/


.bd_MyProjects .panel-primary .panel-heading {background-color:#88abbe;border-color:#88abbe}

/**Change page banners*/
.bd_MyProjects .about-top
{background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("/media/308539/banner-8.jpg");
height: 220px;
background-attachment: scroll;
background-position: center!Important;}

.bd_SelectMedia  .about-top
{background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("/media/308534/banner-3.jpg");height:220px}


.bd_AgentDetails .about-top
{background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/media/308540/banner-9.jpg");
height: 220px!Important;
background-attachment: scroll;
background-position:0 0px!Important;margin-bottom:30px}

.bd_PremiumSubscription  .about-top
{background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("http://www.travelsavers.com/library/2020/05-postcards/laos-2.jpg");
	height:220px}

/***Center banner headline*/
.banner-image-content
{display: flex;
align-items: center;
height: 220px}
.banner_image_head{margin-top:0px!Important}

/**Hide second headline*/
.bd_MyProjects #main-content  h2{display:none}
.bd_AgentDetails #main-content h4.umbraco-forms-caption {display:none}

/**Change tab hover colors*/
/*#main-content .nav > li > a:focus #main-content .nav > li > a:hover{background-color:transparent;color:#ffffff!Important}*/
.navbar> li > a:hover{background-color:transparent;color:#0071bb!Important}
.navbar>a:hover{color:#43c1f9}
.navbar>a{outline:none}
/* .nav > li > a{outline:none}*/


/***Add border to cards to help white postcards*/
.card img.postcard {
    display: ;
    border-color: #f3f1f1;
    border-width: 1px;
    border-style: solid;
}
/*Not needed on premium cards*/
.premium-card img.postcard { border-width: 0px;}

/*Fix activity guide margin*/
img.panel-activityguide{margin-top:0px!Important;width:100%!Important}


/*** Ensure interaction buttons have  standard position at bottom of cards*/
.inter-actions {
    position: absolute;
    bottom: 0px;

}

.card-content {
    margin-bottom: 70px;
}

.sp_premsub{font-size: 14px;
line-height: 20px!Important;
display: inline-block;
margin-left: 5px;
color:#eef1f6}

.premium-card .card-content {
    margin-bottom: 130px;
}

#btnSave {margin-top:30px!Important; width:100%;max-width:100%;display:inline-block}

.btn:active {border-color: #f7c247!Important; color:#f7c247!Important;}
.btn:active .fa, .btn-primary:active .fa{color: #f7c247!Important;}
.btn-primary:visited:hover{background-color:#43c1f9!Important}
.btn-change-layout{border-width:0px!Important}

.bd_PremiumSubscription #main-content  h1{display:none}

/***Premium Subscription page***/
.dvStatementInfo  h4{font-size:22px; padding:20px;text-align:center; background-color:#f0f3f5; border-radius:12px;max-width:500px; margin:0 auto;}
.bd_PremiumSubscription .contourPage {max-width:800px;margin:0 auto}
.premiumsubscription>label{display:none}
.lblProductName{display:none}
.cheddarget_currency{font-size:30px;color:#43c1f9}

/*** styles for btns that don't have btn btn-primary class*/
.primary,.dvContactSubmitBtn{border-width: 1px;
font-size: 21px!Important;
letter-spacing: 1px;
padding: 20px 22px;
border-style: solid;
border-color: #43c1f9;
transition: 0.3s background-color linear, 0.1s color linear;
display: inline-block;
margin-top: 2px;
color: #0071bb;
font-weight: 500;
text-transform: uppercase;
background-color: #ffffff;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
border-radius: 4px;
width: 100%;
	max-width:500px;
display:block;
margin:0 auto;}

.dvContactSubmitBtn:hover{color:#ffffff;background-color:#43c1f9}


#AgencyContactLogo
{cursor: pointer!Important;
border-radius: 3px;
border: 0;
text-transform: none;
letter-spacing: .05em;
padding: 15px 15px;
margin-top: 15px;
margin-bottom: 15px;
font-family: "Barlow Condensed", "Open Sans", sans-serif;
	font-size: 17px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.06), 0 2px 10px 0 rgba(0,0,0,.06);
width:100%}


/*Replace trashcan image*/
.ACbtnDeleteImage img{display:none}
.ACbtnDeleteImage:before {
  font-family: FontAwesome;
	color:#85bfd8;
	font-size:21px;
content:"\f014"}


a.btnDeleteImage:hover{color:#43c1f9!Important}
.navbar-right a {color:#74919d;}


.wow {
  visibility: hidden;
}
#myNavbar {margin-top:15px}
.navbar-brand{margin-top:15px}
.navbar{min-height:90px}
#main-slider {
    padding-top: 0px;
}
.logo img {
    margin-top: 6px;
  max-width: 360px;
  margin-left: 30px;
}

a:hover{text-decoration:underline}

.col-popular{margin-top:30px}
.bd_AgentDetails .media-display{background-color:#f4f5f5;border-radius:7px;position:relative;padding-bottom:30px}
.bd_AgentDetails .media-display  div{text-align:center}
.bd_AgentDetails .media-display img.img-responsive.popular{width:80%; margin:0 auto;}
.bd_AgentDetails .media-display a{
text-decoration:underline!Important; margin-top:10px!Important; }
.bd_AgentDetails .media-display a:after{
 content: '';
    position: absolute;
    width: 100%;
    height: 1px; 
    background: black; 
    top: 100%;
    left: 0;
}

.bd_AgentDetails .media-display a::after {

    content: '';
    position: absolute;
    width: 80%;
    height: 1px;
    background: #e5d9d9;
    top: 100%;
    left: 0;
    display: block;
    position: relative;
    text-align: center;
    margin: auto;
        margin-top: auto;
    margin-top: 22px;
	

}

#btnDeleteImage::before:hover{color:#43c1f9!Important}
 
/**Changing the container widths on the my projects/create pages for wider panel layout... as can't change the markup*/
.bd_SelectMedia #main-content div#entiremediadisplay  input[type="checkbox"]:checked + label::before{color:#ffffff}
.bd_MyProjects #main-content div.container{width:100%}
.bd_MyProjects .about-top .container {width:100%}

.bd_SelectMedia #main-content div.container{width:100%}
.bd_SelectMedia .about-top .container {width:100%}


@media (max-width: 992px) {.bd_SelectMedia #mediadisplay {margin-top:10px!Important}
	.btntopshare{margin-top:30px}
.bd_SelectMedia #myform #entiremediadisplay .col-md-8{padding-left:0px;padding-right:0px}
}


@media (min-width: 992px){
.bd_MyProjects #main-content div.container{width:100%}
.bd_MyProjects .about-top .container {width:100%}

.bd_SelectMedia #main-content div.container{width:100%}
.bd_SelectMedia .about-top .container {width:100%}
	
/**Changing the number of cols on the my projects/create pages for wider panel layout*/
/** Can't change markup so change col-md-4 to act as col-md-6 -- 2 columns*/	
.bd_SelectMedia #main-content .container .col-md-4 {
    width: 50%;
}

.bd_MyProjects #main-content .container .col-md-4 {
    width: 50%;
}
#entiremediadisplay .col-md-4{width:33%!Important}
}



/** Can't change markup so change col-md-4 to act as col-md-3 -- 4 columns*/	
@media (min-width: 1120px){
.bd_SelectMedia #main-content .container .col-md-4 {
    width: 25%;
}

.bd_MyProjects #main-content .container .col-md-4 {
    width: 25%;
}
#entiremediadisplay .col-md-4{width:33%!Important}
}





/**Not changing this container***/
.bd_SelectMedia  #myform  #main-content> .container{

padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width:1170px}


/***Change styles for Login, Save/Edit/Back buttons*/
#btnSave, #btnEdit, #btnGoBack, #submit
{border-width: 1px;
border-style: solid;
border-color: #eff3f5;
background-color: #4ab8e9!Important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,.2);
color:#ffffff!Important;
	border-color:#d4edf7!Important;
}

.bd_SelectMedia .col-md-4 .col-md-12:nth-of-type(1) {
    border-bottom: 1px solid #76d0f8;
    padding-bottom: 15px;
    margin-bottom: 30px;

}


.bd_SelectMedia .btn_editsaveshare
{border-width: 1px;
border-style: solid;
border-color: #eff3f5;
background-color: #4ab8e9!Important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,.2);
color:#ffffff!Important;
	border-color:#d4edf7!Important;
	max-width:100%!Important
}

.bd_SelectMedia .btn_editsaveshare:hover
{background-color: #1f99d0!Important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);}

#submit{border-width: 0px!Important;}
.bd_Login .lblError{color:#f1796d}
.bd_SelectMedia .btn-trash{display:none}

#btnSave:hover, #btnEdit:hover, #btnGoBack:hover,#submit:hover
{background-color: #1f99d0!Important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);}

.bd_shareproject{padding-top:30px;background-color:#43c1f9;background-image: linear-gradient(45deg,rgba(38, 83, 144, 1), rgba(38, 83, 144, 0.7)), url("/media/307065/2.jpg");
background-attachment: fixed;
background-size: cover;
min-height: 800px;
background-position-x: center;}
.bd_shareproject h1{text-align:left;margin-top:30px;color:#039be5}

#dvProjectDisplay{margin:15px}
#dvProjectDisplayStyle{background-color:#ffffff;padding:0px}
#dvCustomURL .btn-primary{max-width:80%}

@media (min-width: 1120px){
#dvProjectDisplayStyle{max-width:900px; background-color:#ffffff;padding-right:0px;padding-left:0px;border-radius:7px;padding-bottom:30px;margin-bottom:30px}
    #dvShareProject {
        max-width: 900px;
        padding-left: 0px; /* margin-top:15px*/
    }}

#dvShareProject .addthis_button_email{display:none}

#dvCustomURL .btn-primary{
    border-width: 1px;
    font-size: 21px!Important;
    letter-spacing: 1px;
    padding: 20px 22px;
    border-style: solid;
    border-color: #43c1f9;
    transition: 0.3s background-color linear, 0.1s color linear;
    display: inline-block;
    margin-top: 20px;
    color: #0071bb;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
    border-radius: 4px;
	width: 100%;
max-width:400px;margin-bottom:20px}

.bd_MyProjects .panel.with-nav-tabs{box-shadow: 0 0px 0px rgba(0,0,0,0)}

/*.project-details{background-color:#ffffff}*/


.bd_MyProjects .panel-body, .bd_SelectMedia .panel-body
{border-style: solid;
border-color: #ece7e7;
border-top-color: rgb(236, 231, 231);
border-width:1px;
border-top: 0px}

#PCImage{width:100%!Important}
.bd_MyProjects .Instagram img{width:100%!Important}
.detailsheader{
    text-align: left;
    margin-top: 0px;
    color: #039be5;
	font-size: 4.2rem!Important;
	line-height:4.4rem;!Important;
	margin-bottom:30px
}
.bd_shareproject h1{font-size: 4.2rem!Important;
line-height:4.4rem;!Important;}

.bd_SelectMedia .detailsmessage {text-align:left}
.detailsmessage{margin-bottom:20px}
.details.card-content{margin-top:0px}

#contactdetails{text-align:center}

#spHeaderDescription{max-width:80%!Important}
#spHeader{max-width:80%!Important}
.btntopshare{margin-right:15px; margin-left:15px}
.bd_shareproject .project-logo img{margin:0 auto}
.bd_SelectMedia .project-logo img{margin:0 auto}


.bd_shareproject #activity_content{max-width:80%}
.bd_shareproject #spHeaderDescription{text-align:left}
.Guide-image img{width:100%}
#AGImage{width:100%; margin-bottom:30px}


#contactdetails{
max-width:90%;
	border-top: dotted!Important;
    border-top-color: #cddcee!Important;
margin-top: 40px!Important;
padding-top: 40px!Important;
}

.detailsheader{margin-top:30px}

.btn_backbutton
{border-width: 1px;
font-size: 21px!Important;
letter-spacing: 1px;
padding: 10px 4px;
border-style: solid;
border-color: #43c1f9;

transition: 0.3s background-color linear, 0.1s color linear;
display: inline-block;
color: #0071bb;
color:#ffffff;
font-weight: 500;
text-transform: uppercase;
background-color:transparent;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
border-radius: 4px;
width: 100%;
max-width: 120px;
	margin-top:-10px!Important;
		top:0px;
	position:absolute;
	z-index:10;
	right:27vw
}


.btn_backbutton:before {
  font-family: FontAwesome;
	color:#ffffff;
	font-size:21px;
	content:"\f00d";
margin-right:10px}

.btn_backbutton:focus{background-color:transparent!Important}



@media (max-width: 650px){.btn_backbutton{position:relative;
right:10px}
}
#main-slider .item{min-height: 400px!Important;}

.bd_Login #main-content h1{display:none}

.intro_head{line-height:9.5vw}

@media (min-width: 1000px){
#main-slider .intro_head span.hero-subhead {text-align:left}
#main-slider .intro_head span{text-align:left}}


/*****Pagination*****/

.pagination li{margin-left:0px!important;font-size:18px!important;}

.pagination li  a{color:#43c1f9!important;
}

.pagination  a:hover{
	color:#43c1f9!important;
transform: scale(1.2); }


.pagination .active > a, .pagination .active a:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #43c1f9;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
  border-radius: 4px;
  transition:all .5s ease;
  display: inline-block;
  color: #43c1f9;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #ffffff;

}