/* =================================== */
/*  Global Styles
/* =================================== */

html {
  height: 100%;
  overflow-x: hidden;
  background-color: #1C1C1C;
}
body {
  font-size: 16px;
  font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 1.5;
  padding-top: 160px; /* change back to 155 once the virus banner is gone */
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  background-color: #FFFFFF;
}

body#villainfo {
  padding-top: 150px;
}

/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
  body {
    /***padding-top: 135px;***/
    padding-top: 125px;
  }
  body#hgvc {
    padding-top: 105px;
  }
  body#mvc {
    padding-top: 115px;
  }
  body#villainfo {
    padding-top: 120px;
  }
}

/* Less than 768px */
@media (max-width: 767px) {
  body#travimp {
    padding-top: 100px;
  }
}

/* Less than 544px */
@media (max-width: 543px) {
  body {
    /***padding-top: 130px;***/
    padding-top: 160px;
  }
  body#ensemble {
    padding-top: 105px;
  }
  body#travimp {
    padding-top: 95px;
  }
  body#villainfo {
    padding-top: 95px;
  }
}

/* Less than 375px */
/***
@media (max-width: 374px) {
  body {
    padding-top: 140px;
  }
}
***/

/* =================================== */

main, 
section {
  background: #FFFFFF;
}
a {
  color: #4169E1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a:hover {
  color: #6495ED;
}
a:link, 
a:visited, 
a:active {
  color: #4169E1;
}
p > a, 
p > a:link, 
p > a:visited, 
p > a:hover, 
p > a:active, 
li > a, 
td > a {
  font-weight: 700;
}
a.u-link {
  font-weight: 800;
  color: #4169E1;
  border-bottom: 1px solid #4169E1;
  text-transform: uppercase;
}
a.u-link:hover {
  border-bottom: 1px solid #DAA520;
  text-decoration: none;
}
a.u-link-alt {
  font-weight: 800;
  color: #B8860B;
  text-transform: uppercase;
}
a.u-link-alt:hover {
  text-decoration: none;
}
.u-link_icon {
  color: #4169E1;
}
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}
dl, ol, ul {
  padding-left: 30px;
}
iframe {
  border: 0;
}
strong {
  font-weight: 800;
}
.underline {
  text-decoration: underline;
}
img.img-fluid {
  /*** IE 10 Fix ***/
  width: 100% \9;
}
img.img-thumbnail {
  background-color: #CCFFF6;
  border-radius: 0;
  border: 0 none;
  padding: 1.5rem;
}
#content img {
  color: #FFFFFF;
  background-color: #F5F6FA;
}
*::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #000000 !important;
  opacity: 1;
  font-weight: 500;
}
*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000000 !important;
  opacity: 1;
  font-weight: 500;
}
*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000000 !important;
  opacity: 1;
  font-weight: 500;
}
*:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000000 !important;
  opacity: 1;
  font-weight: 500;
}
*::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000 !important;
  opacity: 1;
  font-weight: 500;
}
.form-control {
  font-weight: 500;
}
.form-control::placeholder {
  color: #000000;
}
/*.browserupgrade {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  background-color: #DC3545;
  border: 0 none;
  border-radius: 0;
  padding: 20px;
  margin: 0;
  width: 100%;
  height: 65px;
  position: fixed;
  top: 162px;
  z-index: 3;
}*/
/*.browserupgrade a, 
.browserupgrade a:hover {
  color: #FFFFFF;
}
.browserupgrade .close {
  font-size: 40px;
  color: #000;
  text-shadow: 0 0 0 transparent;
  opacity: 1;
}*/
.anchorjs-link {
  transition: all .25s linear;
}
*:hover > .anchorjs-link {
  margin-right: -1.125em !important;
}
a.anchorjs-link:hover {
  text-decoration: none;
}
.autocomplete {
  width: 100%;
  top: 42px;
  z-index: 2;
  -webkit-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  -moz-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
}
.autocomplete a:link, 
.autocomplete a:visited, 
.autocomplete a:hover, 
.autocomplete a:active {
  color: #000000;
}
.autocomplete .list-unstyled {
  margin: 0;
}
.errors {
  min-height: inherit;
}
.autotitle {
  color: #009CCC;
  padding: 5px;
  font-weight: bold;
}
.autoli {
  text-indent: 10px;
  padding: 5px;
}
.villa-summary {
font-style: italic;
}

.toast {
  color: #FFFFFF;
  padding: 1.5rem;
  font-size: inherit;
  background-color: rgba(0,0,0,.75);
  border: 1px solid rgba(255,255,255,1);
  box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
  border-radius: 0;
  z-index: 50 !important;
}
.toast-header {
  color: #FFFFFF;
  background-color: transparent;
  border-bottom: 0 none;
  font-size: 20px;
  text-transform: uppercase;
  padding: 0 0 .5rem 0;
}
.toast-icon {
  margin-top: -10px;
}
.toast-title {
  line-height: 1.25;
}
.toast .close {
  text-shadow: 0 none;
  opacity: 1;
  color: #FFF;
}
.toast-body {
  padding: 0;
}
.toast a.u-link {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.toast .u-link_icon {
  color: #FFFFFF;
}

/* Less than 1200px */
@media (max-width: 1199px) {
  .toast {
    font-size: 15px;
    padding: 1rem;
    top: .75rem !important;
    right: .5rem !important;
    width: 190px;
  }
  .toast-header {
    font-size: 18px;
  }
}
/* 992px to 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .toast-icon, 
  .toast-title {
    display: block;
    width: 100%;
  }
}
/* Less than 992px */
@media (max-width: 991px) {
  .toast {
    width: 350px;
  }
}
/* Less than 768px */
@media (max-width: 767px) {
  #home-toast {
    display: none !important;
  }
}

/* Less than 768px */
/***
@media (max-width: 767px) {
  .toast {
    max-width: 100%;
    top: 0 !important;
    right: 0 !important;
    width: 100%;
    border-left: 0 none;
    border-right: 0 none;
  }
}
***/

/* =================================== */
/*  Helper Classes
/* =================================== */

.separator-white_mid {
  width: 40px;
  border-bottom: 1px solid #FFFFFF;
  display: block;
  margin: .75rem auto .75rem auto;
}
.separator-white_lt {
  width: 40px;
  border-bottom: 1px solid #FFFFFF;
  display: block;
  margin: .75rem 0 .75rem 0;
}
.separator-black_mid {
  width: 40px;
  border-bottom: 1px solid #000000;
  display: block;
  margin: .75rem auto .75rem auto;
}
.separator-black_lt {
  width: 40px;
  border-bottom: 1px solid #000000;
  display: block;
  margin: .75rem 0 .75rem 0;
}
.separator-blue_mid {
  width: 40px;
  border-bottom: 1px solid #6495ED;
  display: block;
  margin: .75rem auto .75rem auto;
}
.separator-blue_lt {
  width: 40px;
  border-bottom: 1px solid #6495ED;
  display: block;
  margin: .75rem 0 .75rem 0;
}
.separator-gold_mid {
  width: 40px;
  border-bottom: 1px solid #DAA520;
  display: block;
  margin: .75rem auto .75rem auto;
}
.separator-gold_lt {
  width: 40px;
  border-bottom: 1px solid #DAA520;
  display: block;
  margin: .75rem 0 .75rem 0;
}
.separator-grey_mid {
  width: 40px;
  border-bottom: 1px solid #CCCCCC;
  display: block;
  margin: .75rem auto .75rem auto;
}
.separator-grey_lt {
  width: 40px;
  border-bottom: 1px solid #CCCCCC;
  display: block;
  margin: .75rem 0 .75rem 0;
}
.bordered-blk {
  border: 2px solid #000000;
}
.bordered-wht {
  border: 2px solid #FFFFFF;
}
.clr-gold {
  color: #B8860B !important;
}
.clr-gold-lt {
  color: #DAA520 !important;
}
.clr-blue {
  color: #4169E1 !important;
}
.clr-blue-lt {
  color: #6495ED !important;
}
.clr-blue-dk {
  color: #191970 !important;
}
.clr-offblk {
  color: #1C1C1C !important;
}
.clr-blk {
  color: #000000 !important;
}
.clr-red {
  color: #DC143C !important;
}

.pt-10 {padding-top:10px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pl-10 {padding-left:10px !important;}
.pl-20 {padding-left:20px !important;}
.pl-30 {padding-left:30px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pr-10 {padding-right:10px !important;}
.pr-20 {padding-right:20px !important;}
.pr-30 {padding-right:30px !important;}
.px-10 {padding-left:10px !important; padding-right:10px !important;}
.px-20 {padding-left:20px !important; padding-right:20px !important;}
.px-30 {padding-left:30px !important; padding-right:30px !important;}
.py-10 {padding-top:10px !important; padding-bottom:10px !important;}
.py-20 {padding-top:20px !important; padding-bottom:20px !important;}
.py-30 {padding-top:30px !important; padding-bottom:30px !important;}

.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.ml-10 {margin-left:10px !important;}
.ml-20 {margin-left:20px !important;}
.ml-30 {margin-left:30px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mr-10 {margin-right:10px !important;}
.mr-20 {margin-right:20px !important;}
.mr-30 {margin-right:30px !important;}
.mx-10 {margin-left:10px !important; margin-right:10px !important;}
.mx-20 {margin-left:20px !important; margin-right:20px !important;}
.mx-30 {margin-left:30px !important; margin-right:30px !important;}
.my-10 {margin-top:10px !important; margin-bottom:10px !important;}
.my-20 {margin-top:20px !important; margin-bottom:20px !important;}
.my-30 {margin-top:30px !important; margin-bottom:30px !important;}

.map-wrap {
  position: relative;
  padding-bottom: 75%; /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
}
.map-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* =================================== */
/*  Spinner Preloader
/* =================================== */

/*.spinner-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  z-index: 999999;
}
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
  position: absolute;
  top: 48%;
  left: 48%;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000000;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}*/

/* =================================== */
/*  Fonts
/* =================================== */

/*  Avenir Light - set with font-weight: 300;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-Light.eot');
  src: url('/webfonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-Light.woff2') format('woff2'),
      url('/webfonts/Avenir-Light.woff') format('woff'),
      url('/webfonts/Avenir-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
/*  Avenir Light Oblique - set with font-weight: 300; font-style: italic;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-LightOblique.eot');
  src: url('/webfonts/Avenir-LightOblique.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-LightOblique.woff2') format('woff2'),
      url('/webfonts/Avenir-LightOblique.woff') format('woff'),
      url('/webfonts/Avenir-LightOblique.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
/*  Avenir Book - set with font-weight: 400;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-Book.eot');
  src: url('/webfonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-Book.woff2') format('woff2'),
      url('/webfonts/Avenir-Book.woff') format('woff'),
      url('/webfonts/Avenir-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
/*  Avenir Book Oblique - set with font-weight: 400; font-style: italic;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-BookOblique.eot');
  src: url('/webfonts/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-BookOblique.woff2') format('woff2'),
      url('/webfonts/Avenir-BookOblique.woff') format('woff'),
      url('/webfonts/Avenir-BookOblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
/*  Avenir Medium (DEFAULT BODY FONT) - set with font-weight: 500;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-Medium.eot');
  src: url('/webfonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-Medium.woff2') format('woff2'),
      url('/webfonts/Avenir-Medium.woff') format('woff'),
      url('/webfonts/Avenir-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
/*  Avenir Medium Oblique - set with font-weight: 500; font-style: italic;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-MediumOblique.eot');
  src: url('/webfonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-MediumOblique.woff2') format('woff2'),
      url('/webfonts/Avenir-MediumOblique.woff') format('woff'),
      url('/webfonts/Avenir-MediumOblique.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
/*  Avenir Heavy - set with font-weight: 800;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-Heavy.eot');
  src: url('/webfonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-Heavy.woff2') format('woff2'),
      url('/webfonts/Avenir-Heavy.woff') format('woff'),
      url('/webfonts/Avenir-Heavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
/*  Avenir Heavy Oblique - set with font-weight: 800; font-style: italic;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-HeavyOblique.eot');
  src: url('/webfonts/Avenir-Heavyblique.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-HeavyOblique.woff2') format('woff2'),
      url('/webfonts/Avenir-HeavyOblique.woff') format('woff'),
      url('/webfonts/Avenir-HeavyOblique.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
/*  Avenir Black - set with font-weight: 900;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-Black.eot');
  src: url('/webfonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-Black.woff2') format('woff2'),
      url('/webfonts/Avenir-Black.woff') format('woff'),
      url('/webfonts/Avenir-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
/*  Avenir Black Oblique - set with font-weight: 900; font-style: italic;
/* =================================== */
@font-face {
  font-family: 'Avenir';
  src: url('/webfonts/Avenir-BlackOblique.eot');
  src: url('/webfonts/Avenir-Blackblique.eot?#iefix') format('embedded-opentype'),
      url('/webfonts/Avenir-BlackOblique.woff2') format('woff2'),
      url('/webfonts/Avenir-BlackOblique.woff') format('woff'),
      url('/webfonts/Avenir-BlackOblique.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

/*  Adobe Caslon Pro (via Typekit)
/* =================================== */

.serif {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  font-style: normal;
}
.serif-it {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  font-style: italic;
}
.serif-smbd {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 600;
  font-style: normal;
}
.serif-smbd-it {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 600;
  font-style: italic;
}
.serif-bld {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 700;
  font-style: normal;
}
.serif-bld-it {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 700;
  font-style: italic;
}

/* =================================== */
/*  Bootstrap Overrides
/* =================================== */

/*  General
/* =================================== */

.form-control {
  padding: 10px;
}
.input-group-prepend .input-group-text {
  padding: 0;
  margin-right: 2px;
  color: #4169E1;
}
.input-group-text {
  border-radius: 0;
}

/*  Media Queries
/* =================================== */

/* 1400px and up */
@media (min-width: 1400px) {
  .container {
    max-width: 1340px;
  }
}

/* =================================== */
/*  Navigation
/* =================================== */

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
/*.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
}
*/
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
/*.sticky-header + #content {
  padding-top: 60px;
}*/


#navbar-main {
  font-size: 16px;
  font-weight: 300;
  background-color: transparent;
  text-transform: uppercase;
  z-index: 90 !important;
}
#navbar-main a {
  color: #000000;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
#navbar-main a:hover {
  color: #000000;
}
#navbar-main a:link, 
#navbar-main a:visited, 
#navbar-main a:active {
  color: #000000;
}
#navbar-main .navbar-nav .nav-link, 
#navbar-main .navbar-nav .nav-link:focus, 
#navbar-main .navbar-nav .nav-link:hover {
  color: #000000;
}
.navbar-toggler {
  color: #000000;
  font-size: 2rem;
  border: 0 none;
  border-radius: 0;
  margin-left: 10px;
  position: relative;
  top: 5px;
}
.navbar-toggler small {
  color: #000000;
  font-size: .9rem;
  text-transform: uppercase;
  position: relative;
  top: -7px;
}
.nav-link {
  padding: 0 1rem;
}
/*** Button Link in Navbar ***/
.nav-link.btn-link {
  font-weight: 100;
  padding: 0;
}

/***
#navbar-main .nav-item .dropdown-menu {
  background-color: #FFFFFF;
  border-radius: 0;
  border-color: #000000;
  padding: 12px 0 12px 0;
  margin: 8px 0 0 0;
}
***/
#navbar-main .nav-item .dropdown-item {
  color: #000000;
}
#navbar-main .nav-item .dropdown-item:focus, 
#navbar-main .nav-item .dropdown-item:hover {
  background-color: #FFFFFF;
  text-decoration: underline;
}
#navbar-main .nav-item .dropdown-toggle::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f078";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1.5em;
  margin-left: .5em;
  /*** BS Overrides ***/
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  vertical-align: 0;
}
.nav-pills .nav-link {
  border-radius: 0;
}
.nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*  Destinations dropdown
/* =================================== */

#navbar-main  .navbar-nav .dropdown.destinations {
  position: static;
}
#navbar-main .nav-item .dropdown-menu.multi-column {
  /***margin-top: -1px;***/
  margin-top: 0;
  text-transform: none;
  border-left: 0 none;
  border-right: 0 none;
}
.destinations-list {
  list-style-type: none;
  line-height: 1.75;
  padding: 0;
  margin: 0;
}
.destinations-list span {
  padding-right: 5px;
}
.destinations-list li > a {
  font-weight: 400;
}
.destinations-list li.region > a {
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid #6495ED;
  padding-bottom: 5px;
}
.destinations-list li.region > a:hover {
  text-decoration: none;
}
.destinations-list .region {
  font-size: 1rem;
  list-style-type: none;
}
#navbar-main  .navbar-nav .dropdown-item.region:focus, 
#navbar-main  .navbar-nav .dropdown-item.region:hover {
  text-decoration: none;
}
.destinations-list .dropdown-item {
  white-space: normal;
  padding: .25rem 0 .25rem 0;
}
.destinations-list .destination {
  font-size: .9rem;
  list-style-type: none;
}
.destinations-list .submenu a {
  font-weight: 600;
}
.destinations-list .location {
  font-size: .9rem;
  list-style-type: none;
  text-indent: 10px;
  line-height: 1.65;
}
.destinations-list .bull::before {
  content: "•";
  margin-right: 5px;
}
.destinations-list-region {
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #6495ED;
    padding-bottom: 5px;
    display: inline;
}
/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
  .destinations-list .dropdown-item {
    padding: .25rem 0;
  }
	.MobileMenuDivWrapper { 
    height: 300px;
    max-height: 300px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling:touch;
  }
}

/*@media (min-width: 1025px) {
  .destinations-list .dropdown-item {
    padding: .25rem 0;
  }
  .MobileMenuDivWrapper { 
    height: 500px;
    max-height: 500px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling:touch;
  }
}*/

/* =================================== */

/*  Offcanvas Mobile Menu
/* =================================== */

/***
.offcanvas-nav {
  position: relative;
  visibility: hidden;
  display: none;
}
.offcanvas-collapse.open .nav-item .dropdown-menu {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  border: 0 none;
}
.offcanvas-collapse.open .nav-item .dropdown-item {
  color: #000000;
}
.offcanvas-collapse.open .nav-item .dropdown-item:focus, 
.offcanvas-collapse.open .nav-item .dropdown-item:hover {
  color: #00C4FF;
  background-color: transparent;
}
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255,255,255,.75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}
.nav-underline .nav-link:hover {
  color: #007bff;
}
.nav-underline .active {
  font-weight: 400;
  color: #343a40;
}
***/
/*  Media Queries
/* =================================== */

/* Less than 992px */
/***
@media (max-width: 991.98px) {
  .offcanvas-navbar-brand {
    padding: 1.5rem 0 1.25rem 0;
    width: 75%;
    max-width: 300px;
  }
  .offcanvas-navbar-toggler {
    color: #000000;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
    background-color: transparent;
    position: absolute;
    right: .5rem;
    top: 1rem;
  }
  .offcanvas-collapse.open .offcanvas-nav {
    visibility: visible;
    display: block;
  }
  .offcanvas-collapse.open .navbar-nav .nav-link, 
  .offcanvas-collapse.open .navbar-dark .navbar-nav .nav-link:focus, 
  .offcanvas-collapse.open .navbar-dark .navbar-nav .nav-link:hover {
    color: #000000;
  }
  .offcanvas-collapse {
    color: #000000;
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(255,255,255,1);
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
  }
  .offcanvas-collapse.open {
    left: 0;
    visibility: visible;
  }
}
@media (max-width: 575px) {
  .offcanvas-collapse .btn {
    display: block;
    width: 100%;
  }
}
***/




/* =================================== */

/*  NEW Nav
/* =================================== */

/***
.navbar-nav li:hover>.dropdown-menu {
  display: block;
}
***/
.navbar {
  padding: 0;
  margin: .5rem 1rem 0 1rem;
}
.navbar-collapse {
  margin-bottom: 7px;
}
.nav-nodrop {
  margin-right: .5rem;
  margin-top: 1px;
}
.nav-link, 
.dropdown-item {
  font-weight: 100;
  padding: 0 .5rem;
}
.dropdown-item.destinations-list-region {
  font-weight: 700;
}
.dropdown-menu {
  background-color: #FFFFFF;
  border-radius: 0;
  border-color: #000000;
  margin: 0;
  margin-top: 7px;
}
.dropdown-menu li {
  padding: .25rem .75rem .25rem .75rem;
}
/*** Make Dropdowns work on Hover 
.dropdown:hover > .dropdown-menu {
  display: block;
}
***/

/*** Prevents on-click to use hover
.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}
***/
.sub-menu-toggle::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f054";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1em;
  margin-left: .5em;
}
.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  /***visibility: hidden;***/
  display: none;
  margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
  /***visibility: visible;***/
  display: block;
}
.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}
.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}

/*** Required for Destinations dropdown ***/
.megamenu-li {
	position: static;
}
.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;
}

@media (max-width: 991px) {
  .dropdown-menu {
    border: 0 none;
  }
  .dropdown-menu li {
    padding: 0;
  }
  .dropdown-item {
    padding: .25rem .5rem;
  }
  .dropdown-menu .sub-menu {
    left: .5rem;
    position: relative;
  }
  .dropdown > .dropdown-toggle:active {
    /* Need to revert back to on-click */
    pointer-events: auto;
  }
  .dropdown-toggle[aria-expanded="true"] {
    text-decoration: underline;
  }
  .dropdown-menu {
    display: none !important;
  }
  .dropdown-menu.show {
    display: block !important;
  }
  .dropdown-menu.sub-menu {
   display: block !important;
  }
  .sub-menu-toggle {
    text-decoration: underline;
  }
  .megamenu {
    padding: 0;
  }
}

/* =================================== */

/*  Buttons
/* =================================== */

.btn {
  font-weight: 500;
  text-transform: uppercase;
  padding: .375rem 1.25rem;
  border-radius: 0;
}
.btn-lower {
  text-transform: none;
}
/*** Rounded: Pill-Shape, or Circle ***/
.btn-rounded, 
.btn-circle {
  border-radius: 100px;
}
/*** Primary: Black on Blue, Black on Dark Blue ***/
.btn-primary {
  color: #FFFFFF !important;
  background-color: #4169E1;
  border-color: #4169E1;
}
.btn-primary:hover {
  color: #B8860B !important;
  background-color: #FFFFFF;
  border-color: #4169E1;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(65, 105, 225, .5);
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle {
  color: #000000;
  background-color: #4169E1;
  border-color: #4169E1;
}
/*** Secondary: White on Dark Blue, White on Blue ***/
.btn-secondary {
  color: #FFFFFF !important;
  background-color: #4169E1;
  border-color: #4169E1;
}
.btn-secondary:hover {
  color: #FFFFFF !important;
  background-color: #6495ED;
  border-color: #6495ED;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(100, 149, 237, .5);
}
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #6495ED;
  border-color: #6495ED;
}
/*** Success: White on Dark Gold, Black on Gold ***/
.btn-success {
  color: #FFFFFF !important;
  background-color: #B8860B;
  border-color: #B8860B;
}
.btn-success:hover {
  color: #000000 !important;
  background-color: #DAA520;
  border-color: #DAA520;
}
.btn-success:not(:disabled):not(.disabled).active:focus, 
.btn-success:not(:disabled):not(.disabled):active:focus, 
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(184, 134, 11, .5);
}
.btn-success:not(:disabled):not(.disabled).active, 
.btn-success:not(:disabled):not(.disabled):active, 
.show > .btn-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #B8860B;
  border-color: #B8860B;
}
/*** Danger: NOT SET YET ***/
.btn-danger {
  color: #000000 !important;
  background-color: #FFAF7A;
  border-color: #FFAF7A;
}
.btn-danger:hover {
  color: #000000 !important;
  background-color: #FF7733;
  border-color: #FF7733;
}
/*** Warning: NOT SET YET ***/
.btn-warning {
  color: #000000 !important;
  background-color: #FFE696;
  border-color: #FFE696;
}
.btn-warning:hover {
  color: #000000 !important;
  background-color: #FFFF4D;
  border-color: #FFFF4D;
}
/*** Info: Black text on transparent bg, no border ***/
.btn-info {
  color: #000000 !important;
  background-color: transparent;
  border-color: transparent;
}
.btn-info:hover {
  color: #4169E1 !important;
  background-color: transparent;
  border-color: transparent;
}
.btn-info:not(:disabled):not(.disabled).active:focus, 
.btn-info:not(:disabled):not(.disabled):active:focus, 
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.btn-info:not(:disabled):not(.disabled).active, 
.btn-info:not(:disabled):not(.disabled):active, 
.show > .btn-info.dropdown-toggle {
  color: #000000;
  background-color: transparent;
  border-color: transparent;
}
.btn-info span {
  border-bottom: 1px solid #000000;
}
.btn-info:hover span {
  border-bottom: 1px solid #4169E1;
}
/*** Light: Black on White/Black border, Blue on White/Black border  ***/
.btn-light {
  color: #000000 !important;
  background-color: #FFFFFF;
  border-color: #000000;
}
.btn-light:hover {
  color: #FFFFFF !important;
  background-color: #000000;
  border-color: #000000;
}
.btn-light:not(:disabled):not(.disabled).active:focus, 
.btn-light:not(:disabled):not(.disabled):active:focus, 
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5);
}
.btn-light:not(:disabled):not(.disabled).active, 
.btn-light:not(:disabled):not(.disabled):active, 
.show > .btn-light.dropdown-toggle {
  color: #4169E1;
  background-color: #FFFFFF;
  border-color: #000000;
}
/*** Dark: White on Black, Black on White/Gold border ***/
.btn-dark {
  color: #FFFFFF !important;
  background-color: #000000;
  border-color: #FFFFFF;
}
.btn-dark:hover {
  color: #000000 !important;
  background-color: #FFFFFF;
  border-color: #DAA520;
}
.btn-dark:not(:disabled):not(.disabled).active:focus, 
.btn-dark:not(:disabled):not(.disabled):active:focus, 
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5);
}
.btn-dark:not(:disabled):not(.disabled).active, 
.btn-dark:not(:disabled):not(.disabled):active, 
.show > .btn-dark.dropdown-toggle {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #DAA520;
}
a.btn-dark {
  color: #FFFFFF !important;
}
a.btn-dark:hover {
  color: #000000 !important;
}
/*** Link: Blank ***/
.btn-link {
  color: #000000;
}
.btn-link:hover {
  color: #4169E1;
}

/*  Forms
/* =================================== */

.form-control {
  color: #000000;
  border-radius: 0;
}
.form-control:focus {
  color: #000000;
  border-color: #000000;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}
.form-group label span {
  color: indianred;
}
#serpform .checkboxes label {
    font-size: 16px;
}
/***  Pretty Form Checkboxes ***/
.form-check_lg {
  padding-left: 0;
}
.form-check_lg input[type=checkbox] + label {
  display: block;
  margin-top: 10px;
  cursor: pointer;
}
.form-check_lg input[type=checkbox] {
  display: none;
}
.form-check_lg input[type=checkbox] + label:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 20px;
  border: 1px solid #000000;
  border-radius: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding-left: 6px;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}
.form-check_lg input[type=checkbox] + label:active:before {
  transform: scale(0);
}
.form-check_lg input[type=checkbox]:checked + label:before {
  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
}
.form-check_lg input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}
.form-check_lg input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

/*  Alert
/* =================================== */

.alert {
  border-radius: 0;
}
.alert-success {
  color: #427B3D;
  background-color: #F0FFF0;
  border-color: #8FBC8B;
}

/*  Pagination
/* =================================== */

.page-link {
  color: #00C4FF;
}
.page-link:hover {
  color: #000000;
}
.page-item.active .page-link {
  background-color: #00C4FF;
  border-color: #00C4FF;
}

/*  Cards
/* =================================== */

.card {
  border-radius: 0;
  border: 1px solid #000000;
}
.card-header {
  border-bottom: 1px solid #000000;
}
.card-img, 
.card-img-top {
  border-radius: 0;
}
.card-date, 
.card-date-time {
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  display: block;
}
.card-date-time {
  font-style: normal;
}
.card .card-img_wrap {
  cursor: pointer;
  position: relative;
}
.card .card-img_wrap {
  width: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: #F5F6FA;
}
.card-img {
  background-image: url('/img/specific/vod/img-placeholder.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 100%;
}
.card-img_left {
  height: 300px
}
.card-img-overlay {
  position: relative;
}
a.card-img_link {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  position: absolute;
}

/*  Card Image Styles
/* =================================== */

.card.card-img_wrap {
  height: 250px;
}
.card.grid-2-up .card-img_wrap {
  height: 350px;
}
.card.grid-3-up .card-img_wrap {
  height: 250px;
}
.card.grid-4-up .card-img_wrap {
  height: 200px;
}

/*  Media Queries
/* =================================== */

/* Less than 1400px */
@media (max-width: 1399px) {
  .card.grid-2-up .card-img_wrap {
    height: 300px;
  }
  .card.grid-3-up .card-img_wrap {
    height: 225px;
  }
  .card.grid-4-up .card-img_wrap {
    height: 150px;
  }
  .card-img_left {
    height: 275px
  }
}
/* Less than 1200px */
@media (max-width: 1199px) {
  .card.grid-2-up .card-img_wrap {
    height: 275px;
  }
  .card.grid-3-up .card-img_wrap {
    height: 200px;
  }
  .card.grid-4-up .card-img_wrap {
    height: 250px;
  }
  .card-img_left {
    height: 250px
  }
}
/* Less than 992px */
@media (max-width: 991px) {
  .card.grid-2-up .card-img_wrap, 
  .card.grid-3-up .card-img_wrap, 
  .card.grid-4-up .card-img_wrap {
    height: 200px;
  }
  .card-img_left {
    height: 250px
  }
}
/* Less than 768px */
@media (max-width: 767px) {
  .card.grid-2-up .card-img_wrap, 
  .card.grid-3-up .card-img_wrap, 
  .card.grid-4-up .card-img_wrap {
    height: 300px;
  }
  .card-img_left {
    height: 300px
  }
}
/* Less than 544px */
@media (max-width: 543px) {
	.card.grid-2-up .card-img_wrap, 
  .card.grid-3-up .card-img_wrap, 
  .card.grid-4-up .card-img_wrap {
    height: 250px;
  }
}

/* =================================== */

/*  Card Styles
/* =================================== */

/*** Card Style 01 - box shadow ***/
.card-style-01 {
  border-radius: 0;
  border: 0 none;
  -webkit-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  -moz-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
}
.card-style-01 .card-img-top {
  border-radius: 0;
}
.card-style-01 .card-title {
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  margin-top: .5rem !important;
}
.card-style-01 .card-text {
  text-align: left;
}

/* =================================== */

/*** Card Style 02 - borderless box (serp results grid view) ***/
.card-style-02 {
  border-radius: 0;
  border: 0 none;
}
.card-style-02 .card-body {
  padding: 10px 0px 10px 0px;
}
.card-style-02 .card-img-top {
  border-radius: 0;
}
.card-style-02 .card-img {
  width: 100%;
  position: relative;
  background-image: url('/img/specific/vod/img-placeholder.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #F5F6FA;
}
.card-style-02 .card-img-overlay .fav {
  font-size: 40px;
  color: #FFFFFF;
  position: absolute;
  top: 15px;
  right: 15px;
}
.card-style-02 .fav a, 
.card-style-02 .fav a:link, 
.card-style-02 .fav a:visited, 
.card-style-02 .fav a:hover, 
.card-style-02 .fav a:active {
  color: #FFFFFF;
}
.card-style-02 .card-img-overlay .sale {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: rgba(0,0,0,.70);
  padding: 3px 10px 2px 10px;
  position: absolute;
  top: 10px;
  left: 0;
}

.card-style-02 .card-img-overlay .availablex {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: rgba(0,0,0,.70);
  padding: 3px 10px 2px 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.card-style-02 .card-info {
  font-size: 16px;
}
.card-style-02 .card-title {
  color: #4169E1;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.card-style-02 .card-location {
  display: block;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
}
.card-style-02 .card-info-price {
  border-bottom: 1px solid #DAA520;
  font-size: 18px;
}

/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
	.card-style-02 .card-img-overlay .fav {
    font-size: 24px;
  }
}
/* Less than 768px */
@media (max-width: 767px) {
	.card-style-02 .card-img-overlay .fav {
    font-size: 32px;
  }
}

/* =================================== */

/*** Card Style 03 - (serp results list view) ***/
.card-style-03 {
  border-radius: 0;
  border: 0 none;
}
.card-style-03 .card-body {
  padding: 10px 0px 10px 0px;
}
.card-style-03 .card-img-top {
  border-radius: 0;
}
.card-style-03 .card-img {
  width: 100%;
  position: relative;
  background-image: url('/img/specific/vod/img-placeholder.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #F5F6FA;
}
.card-style-03 .card-img-overlay .availablex {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: rgba(0,0,0,.70);
  padding: 3px 10px 2px 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.card-style-03 .card-img-overlay .fav {
  font-size: 40px;
  color: #FFFFFF;
  position: absolute;
  top: 15px;
  right: 15px;
}
.card-style-03 .fav a, 
.card-style-03 .fav a:link, 
.card-style-03 .fav a:visited, 
.card-style-03 .fav a:hover, 
.card-style-03 .fav a:active {
  color: #FFFFFF;
}
.card-style-03 .card-img-overlay .sale {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: rgba(0,0,0,.70);
  padding: 3px 10px 2px 10px;
  position: absolute;
  top: 10px;
  left: 0;
}
.card-style-03 .card-info {
  font-size: 16px;
}
.card-style-03 .card-info .icon {
  margin-right: 2px;
}
.card-style-03 .card-info .icon.fa-bed {
  margin-right: 4px;
}
.card-style-03 .card-title {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}
.card-style-03 .card-location {
  display: block;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
}
.card-style-03 .card-info-price {
  border-bottom: 1px solid #DAA520;
  font-size: 18px;
}
.card-style-03 .card-blurb {
  font-size: 18px;
  line-height: 1.5;
  border: 1px solid #000000;
  padding: .75rem 1rem;
}
.card-style-03 .card-blurb p {
  margin-bottom: 0;
}
.card-style-03 .card-offers h5 {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}
.card-style-03 .card-offers ul {
  color: #DC143C;
  list-style-type: none;
  padding-left: 0;
}
.card-style-03 .card-offers li {
  font-size: 16px;
  font-weight: 800;
  font-style: italic;
}
.card-style-03 .card-offers .offer-expire {
  font-weight: 400;
}

/* Less than 1200px */
@media (max-width: 1199px) {
  .card-style-03 .card-offers li {
    display: inline-block;
    margin-right: 10px;
  }
}

/* =================================== */

/*** Card Style 04 - other ***/
.card-style-04 {
  border-radius: 0;
}
.card-style-04 .card-img-top {
  border-radius: 0;
}
.card-style-04 .card-img_wrap {
  width: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #333940;
}
.card-style-04 .card-title {
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

/*  Card Types
/* =================================== */

/*** Card Type - Offers ***/
.card-type_offers .card-title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #B8860B;
}
.card-type_offers .card-subtitle {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
  color: #666666;
}
.card-type_offers .card-text {
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
}

/*** Card Type - Specials ***/
.card-type_specials .card-title {
  font-size: 30px;
}
.card-type_specials .card-subtitle {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: .5rem;
}
.card-type_specials .card-text {
  text-align: center;
  /* use this value to count block height */
  line-height: 1.5em;
  /* max-height = line-height (1.2) * lines max number (4) */
  max-height: 6em;
  overflow: hidden;
  position: relative;
  margin-right: -.75em;
  padding-right: .75em;
}
.card-type_specials .card-text:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}
.card-type_specials .card-text:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: #FFFFFF;
}

/*** Card Type - Destination Specials ***/
.card-type_dest-specials .card-title {
  font-size: 22px;
}
.card-type_dest-specials .card-subtitle {
  color: #666666;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: .5rem;
}
.card-type_dest-specials .card-text {
  text-align: left;
}

/*** Card Type - Collections ***/
.card-type_collections .card-title {
  font-size: 28px;
}
.card-type_collections .card-title_sm {
  font-size: 24px;
  text-align: center;
}
.card-type_collections .card-text {
  text-align: center;
}

/*** Card Type - Magazine ***/
.card-type_magazine .card-title {
  font-size: calc(24px + (34 - 24) * ((100vw - 320px) / (1600 - 320)));
  /***
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
  ***/
}
.card-type_magazine .card-date {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  color: #666666;
  text-align: center;
  margin: 1rem 0 .5rem 0;
}
.card-type_magazine .card-text {
  text-align: center;
}
.card-type_magazine .card-btn {
  margin-top: 1.5rem 0 .75rem 0;
}

/* 1600px and up */
@media (min-width: 1600px) {
  .card-type_magazine .card-title {
    font-size: 34px;
  }
}
/*  Card Masonry Photo Gallery
/* =================================== */

.photo-gallery.card-columns {
  column-gap: 1rem;
}
.photo-gallery.card-columns .card {
  margin-bottom: 1rem;
}
.photo-gallery .card {
  border: 0 none;
}

/*  Media Queries
/* =================================== */

/* Less than 576px */
@media (max-width: 575px) {
  .photo-gallery.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

/* =================================== */

/*  Flickity Carousel
/* =================================== */

.carousel {
  background: #FFFFFF;
  height: 360px;
}
/* .is-fullscreen added to carousel when fullscreen
size cells to full height when fullscreen */
.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}
.flickity-viewport {
  transition: height 0.2s;
}
.carousel-cell {
  width: 66%;
  height: 100%;
  margin-right: 10px;
  background: #F5F6FA;
  counter-increment: carousel-cell;
}
.carousel-cell-image {
  transition: opacity 0.4s;
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}
.flickity-button {
  background: rgba(0, 0, 0, .75);
  border: 1px solid #FFF;
}
.flickity-button:hover {
  background: rgba(0, 0, 0, 1);
}
.flickity-prev-next-button {
  width: 60px;
  height: 60px;
}
.flickity-prev-next-button .flickity-button-icon {
  left: 18%;
}
.flickity-button-icon {
  fill: rgba(255, 255, 255, .5);
}
.flickity-button:hover .flickity-button-icon {
  fill: rgba(255, 255, 255, 1);
}
.flickity-enabled:focus .flickity-viewport {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
/* position dots in carousel */
.flickity-page-dots {
  display: none;
}

/*  Flickity Fullscreen Overrides
/* =================================== */

.flickity-enabled.is-fullscreen {
  z-index: 999999 !important;
}
.flickity-enabled.is-fullscreen .flickity-page-dots {
  display: block;
}
.flickity-enabled.is-fullscreen .carousel-cell {
  background: transparent;
}
.flickity-fullscreen-button {
  width: 160px;
  height: 40px;
  border-radius: 0;
}
.flickity-fullscreen-button .flickity-button-icon {
  display: none;
}
.flickity-fullscreen-button-view::after {
  content: "VIEW FULLSCREEN";
  color: #FFFFFF;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.flickity-fullscreen-button-exit::after {
  content: "EXIT FULLSCREEN";
  color: #FFFFFF;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
}

/* Less than 992px */
@media (max-width: 991px) {
  .carousel {
    height: 330px;
  }
}

/* Less than 768px */
@media (max-width: 767px) {
  .carousel {
    height: 230px;
  }
  .flickity-prev-next-button {
    width: 50px;
    height: 50px;
  }
}

/* Less than 544px */
@media (max-width: 543px) {
  .flickity-prev-next-button {
    width: 40px;
    height: 40px;
  }
}

/* 1200px and up */
@media (min-width: 1200px) {
  .carousel {
    height: 360px;
  }
}

/* 1400px and up */
@media (min-width: 1400px) {
  .carousel {
    height: 500px;
  }
}

/* 1900px and up */
@media (min-width: 1900px) {
  .carousel {
    height: 650px;
  }
}

/*  Modals
/* =================================== */

.modal {
  background-color: rgba(0,0,0, .75);
  /*** Smoother scrolling in iOS Safari ***/
  -webkit-overflow-scrolling: touch;
}
.modal-body {
  padding: 1rem 2rem 2rem 2rem;
}
.modal-footer {
  justify-content: center;
  padding-bottom: 0;
  border-top: 0 none;
  width: 100%;
}
.modal-backdrop {
  z-index: 1;
}
.modal.full, 
.modal.dark {
  background-color: rgba(0,0,0,.80);
}
.modal.full .modal-dialog {
  margin-top: 0;
  max-width: 1000px;
}
.modal.full .modal-header {
  border-bottom: 0 none;
}
.modal.full .modal-content {
  border: 0 none;
  border-radius: 0;
  background-color: transparent;
}
.modal.full .modal-body {
  padding: 0;
}
.modal-content, 
.modal-header {
  border-radius: 0;
  border-bottom: 0 none;
}
.modal .modal-header .close {
  font-size: 40px;
  color: #000000;
  opacity: 1;
}
.modal .modal-header .close:not(:disabled):not(.disabled):focus, 
.modal .modal-header .close:not(:disabled):not(.disabled):hover {
  color: #000000;
}
.modal .modal-header .modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
}
.modal .logo {
  max-width: 300px;
}

/* Less than 768px */
@media (max-width: 767px) {
  .modal-full {
    min-width: 100%;
    margin: 0;
  }
  .modal-full .modal-content {
    min-height: 100vh;
  }
}

/*  Villa Inquiry Modal
/* =================================== */

#villaInquiryModal .modal-header, 
#requestToBookModal .modal-header {
  background: url("/img/form-img_inquiry.jpg") center center / cover no-repeat #333940;
  min-height: 200px;
}
#villaInquiryModal .modal-header-inner, 
#requestToBookModal .modal-header-inner {
  color: #000000;
  width: 100%;
  height: 100%
}
#headline_x {
  background-color: rgba(255,255,255,.80);
  padding: 1rem 2rem;
}
#villaInquiryModal .modal-title, 
#requestToBookModal .modal-title {
  font-weight: 700;
  line-height: 1.25;
}
#villaInquiryModal .modal-subtitle, 
#requestToBookModal .modal-subtitle {
  font-weight: 400;
  font-style: italic;
  margin-top: .5rem;
}
#villaInquiryModal.modal .modal-header .close, 
#requestToBookModal.modal .modal-header .close {
  font-size: 40px;
  color: #FFFFFF;
  opacity: 1;
}
#villaInquiryModal.modal .modal-header .close i, 
#requestToBookModal.modal .modal-header .close i {
  text-shadow: 2px 2px 5px #000;
}
#villaInquiryModal.modal .modal-header .close:not(:disabled):not(.disabled):focus, 
#villaInquiryModal.modal .modal-header .close:not(:disabled):not(.disabled):hover, 
#requestToBookModal.modal .modal-header .close:not(:disabled):not(.disabled):focus, 
#requestToBookModal.modal .modal-header .close:not(:disabled):not(.disabled):hover {
  color: #FFFFFF;
}

/*  Villa Inquiry Modal - Thank You
/* =================================== */

#thankyouModal .modal-header {
  border-bottom: 0 none;
  padding-bottom: 0;
}
#thankyouModal .thankyou-head {
  font-size: 3rem;
  font-weight: 300;
}
#thankyouModal .thankyou-blurb {
  font-size: 1.25rem;
}
#thankyouModal .thankyou-phone {
  font-size: 2.5rem;
}
#thankyouModal .thankyou-hours_title {
  text-transform: uppercase;
  font-weight: 800;
}
#thankyouModal .thankyou-hours {
  font-weight: 800;
  font-size: 1.25rem;
}
#thankyouModal .thankyou-hours span {
  font-weight: 300;
}

/* Less than 992px */
@media (max-width: 991px) {
  #thankyouModal .thankyou-head {
    font-size: 2rem;
  }
  #thankyouModal .thankyou-subhead {
    font-size: 1.25rem;
  }
  #thankyouModal .thankyou-blurb {
    font-size: 1rem;
  }
  #thankyouModal .thankyou-phone {
    font-size: 2rem;
  }
  #thankyouModal .thankyou-hours {
    font-size: 1rem;
  }
}

/* Less than 768px */
@media (max-width: 767px) {
	
}

/* Less than 544px */
@media (max-width: 543px) {

}

/* =================================== */
/*  Search Typeahead
/* =================================== */

.search-typeahead {
  font-size: 18px;
  color: #000000;
  text-align: left;
  position: absolute;
  bottom: -65px;
  width: 100%;
  z-index: 2;
}
.search-typeahead.serp {
  position: relative;
  top: -135px;
}
.search-typeahead .container {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  -moz-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
}
.search-typeahead .wrap {
  padding: 1.5rem;
}
.search-typeahead h3 {
  font-size: 22px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
}
.search-typeahead label {
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5rem;
}
.search-typeahead .form-control {
  font-size: 18px;
}
.search-typeahead .input-group {
  border-bottom: 1px solid #6495ED;
}
.search-typeahead .input-group-text {
  font-size: 18px;
  background-color: transparent;
  border: 0 none;
}
.search-typeahead .input-group input {
  border: 0 none;
  font-weight: 500;
}
.search-typeahead .form-control:disabled, 
.search-typeahead .form-control[readonly] {
  background-color: transparent;
  padding-left: 0;
}
.search-typeahead .checkboxes .input-group {
  border-bottom: 0 none;
}
.search-typeahead .checkboxes label {
  color: #000000;
  border-bottom: 0 none;
  text-transform: unset;
}

/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
  .search-typeahead .container {
    max-width: 100%;
  }
  .search-typeahead, 
  .search-typeahead .form-control {
    font-size: 15px;
  }
}
/* 992px to 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .search-typeahead .container {
    max-width: 90%;
  }
}

/* =================================== */

/*  Date Picker
/* =================================== */

.search-typeahead .datepicker {
  top: 42px;
}
.datepicker {
  color: #000000;
}
.datepicker__topbar {
  display: block;
  float: left;
  width: 100%;
}
.datepicker__months {
  display: block;
  float: left;
  width: 100%;
}
.datepicker__info {
  width: 50%;
  float: left;
}
.datepicker__info.datepicker__info--selected-label {
  width: 75px;
}
.datepicker__close-button {
  float: right;
}
.datepicker__close-button {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 0;
}
.datepicker__close-button:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.datepicker__month {
  width: 100%;
}
.datepicker__month-button {
  border-radius: 0;
}
.datepicker__months::before {
  background: transparent;
  width: 0;
}
.datepicker__month-button:hover {
  background-color: #4169E1;
}
.datepicker__month-day {
  color: #000000;
}
.datepicker__month-day--selected, 
.datepicker__month-day--hovering {
  background-color: rgba(0,0,0,.10);
  color: #000000;
}
.datepicker__month-day--today, 
.datepicker__month-day--first-day-selected, 
.datepicker__month-day--last-day-selected {
  background-color: #000000;
  color: #FFFFFF;
}
.datepicker__month-day--invalid {
  color: #acb2c1;
}
.datepicker__tooltip {
  background-color: #B8860B;
  color: #FFFFFF;
}
.datepicker__tooltip::after {
  border-top: 4px solid #B8860B;
}

/*  Guest Count
/* =================================== */

.guest-counter .guest-field-wrap {
  position: relative;
  top: 2px;
}
.guest-counter .input-group {
  /*** display: inline-block; ***/
  overflow: hidden;
}
.guest-counter .input-before {
  font-weight: 500;
  position: relative;
  top: 6px;
  margin-right: 5px;
  display: block;
  float: left;
}
.guest-counter .form-control {
  padding: 0;
  display: block;
  float: left;
  width: 25px;
}
.guest-counter input {
  border: 0 none;
}
.guest-counter .input-group > .form-control {
  border: 0 none;
}
.guest-counter .input-group-append {
  display: block;
  float: right;
}
.guest-counter .plus-btn, 
.guest-counter .minus-btn {
  cursor: pointer;
}
.guest-counter .minus-btn {
  padding-right: 20px;
}
.guest-counter .form-control:focus {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

/*  Media Queries
/* =================================== */

/* Less than 544px */
@media (max-width: 543px) {
  .search-typeahead .datepicker {
    width: 100%;
  }
}

/* Less than 768px */
@media (max-width: 767px) {
  .search-typeahead .datepicker {
    left: 0;
  }
}

/* Less than 992px */
@media (max-width: 991px) {
  .search-typeahead .datepicker {
    top: 39px;
    right: 0;
  }
  .guest-counter .minus-btn {
    padding-right: 10px;
  }
}

/* =================================== */

/*  jQuery Nice Select
/* =================================== */

.select {
  border-radius: 0;
  width: 100%;
}
.select .list {
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  -webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.25);
}

/*  Styled Select
/* =================================== */

.styled-select {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.styled-select:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: lighter;
  color: #000000;
  right: 0;
  top: 8px;
  position: absolute;
  pointer-events: none;
}
.styled-select select {
  font-weight: 500;
  background: transparent;
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  top: 2px;
  left: 10px;
  cursor: pointer;
  /***text-indent: -1px;***/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.styled-select .input-group-prepend .input-group-text {
  margin-top: 11px;
  margin-right: 10px;
}
/* Hide native button */
.styled-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* Hide native button (IE 11) */
select::-ms-expand {
  display: none;
}

/*  jQuery UI Price Range Slider
/* =================================== */

.price-range-slider {
  width: 100%;
}
.price-range-slider .range-value {
  margin: 0;
}
.price-range-slider .range-value input {
  width: 100%;
  background: none;
  color: #000;
  font-size: 16px;
  font-weight: initial;
  border: none;
  margin: 20px 0 20px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.price-range-slider .range-bar {
  border: none;
  background: #000;
  height: 3px;
  width: 96%;
  margin-left: 8px;
}
.price-range-slider .range-bar .ui-slider-range {
  background: #6495ED;
}
.price-range-slider .range-bar .ui-slider-handle {
  border: none;
  border-radius: 25px;
  background: #fff;
  border: 2px solid #6495ED;
  height: 17px;
  width: 17px;
  top: -0.52em;
  cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-handle + span {
  background: #6495ED;
}

/*  jQuery Truncate
/* =================================== */

.truncate p:last-of-type::after {
  content: "";
  display: block;
  /***height: 50px;***/
}
.truncate::after {
  content: "";
  display: block;
  height: 50px;
}
.bs-truncate_readmore_button::before {    
  content: "";
  display: block;
  position: relative;
  bottom: 40px;
  right: 0;
  width: 100%;
  height: 40px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.bs-truncate_readmore_button {
  display: block;
}
.bs-truncate_readmore_button .fal {
  margin-left: 20px;
}

/*  Availability Calendar
/* =================================== */
/*  jQuery Availability Calendar
/* =================================== */

/*** Calendar toolbar ***/
/***
 .availability-calendar-toolbar {
  padding-bottom: 15px;
  font-size: 1.4em;
  font-weight: bold;
}
.availability-calendar-toolbar span:last-child {
  float: right;
  margin-bottom: 10px;
}
.availability-calendar-toolbar input {
  border: 1px solid #BBB;
  font-weight: bold;
  cursor: pointer;
  outline: 0;
}
.availability-calendar-toolbar input:first-child {
  margin-right: 5px;
  border-radius: 6px;
}
.availability-calendar-toolbar input:nth-child(2) {
  border-radius: 6px 0 0 6px;
}
.availability-calendar-toolbar input:last-child {
  margin-left: -1px;
  border-radius: 0 6px 6px 0;
}
.availability-calendar-toolbar .btn-mid {
  border-radius: 0;
  border-left: 0 none;
}
***/
/*** Calendar table and cells ***/
/***
.availability-calendar {
  width: 100%;
  background: #FFF;
  table-layout: fixed;
  border-collapse: collapse;
}
.availability-calendar th, .availability-calendar td {
  border: 1px solid #DDD;
  padding: 5px;
}
.availability-calendar td {
  height: 100px;
  vertical-align: top;
  text-align: right;
}
.availability-calendar .ex-month {
  opacity: 0.4;
}
.availability-calendar .unavailable {
  position: relative;
}
.availability-calendar .unavailable div {
  position: absolute;
  top: 40%;
  left: 0;
  right: -1px;
  height: 30px;
  background: #F88;
  border-top: 0 none;
  border-bottom: 0 none;
}
.availability-calendar .unavailable:last-child div {
  right: 0;
}
.availability-calendar .unavailable .first {
  left: 50%;
  border-radius: 0;
  border-left: 0 none;
}
.availability-calendar .unavailable .last {
  right: 50%;
  border-radius: 0;
  border-right: 0 none;
}
***/

/* =================================== */
/*  Headers
/* =================================== */

#header-main {
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
  /* border-top: 10px solid #000000;
  height: 161px; */
}
#header-main .header-logo {
  margin-top: 14px;
}
#header-main .header-logo a {
  display: block;
  width: 300px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
body#hgvc #header-main .header-logo a {
  width: 600px;
}
body#mvc #header-main .header-logo a {
  width: 600px;
}
body#travimp #header-main .header-logo a {
  width: 560px;
}
#header-main .header-hours {
  color: #FFFFFF;
  /*font-size: .85rem;*/
  font-size: 18px;
  text-align: center;
  line-height: 1.5;
  padding: 4px;
  background-color: #1C1C1C;
}
#header-main .header-hours .phone {
  font-size: 1rem;
  margin-right: 10px;
}
#header-main .header-hours .phone a {
  color: #FFFFFF;
}
#header-main .header-hours .week span {
  font-weight: 300;
}
#header-main .header-hours .week::after {
  /*content: "/";*/
  margin-left: 6px;
  margin-right: 2px;
  font-weight: 300;
}
#header-main.your-villa-vacation {
  background-image: url("/img/specific/jamaicavillas/pages/bg-header-your-villa-vacation.jpg");
}
header {
  position: relative;
}
header .hero {
  /*background: url("/img/specific/vod/img-hero-home_01.jpg") center center / cover no-repeat transparent;*/
  background: url("https://photos.jamaicavillas.com/images/img-hero-home_01.jpg") center center / cover no-repeat transparent;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  height: 15rem;
  width: 100%;
}
header .hero .header-callout {
  padding: 0 1rem 0 1rem;
  position: absolute;
  bottom: 85px;
  left: 0;
  right: 0;
  z-index: 2;
}
header .hero .header-callout h1 {
  font-weight: 500;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
header .hero .header-callout h2 {
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
header .hero .cutline {
  font-size: 14px;
  line-height: 1.1;
  text-align: right;
  padding: 0;
  position: absolute;
  bottom: 75px;
  left: 0;
  right: 0;
  z-index: 2;
}
header .hero .villa-name {
  font-size: 12px;
  font-weight: 500;
}
header .hero .dest-name {
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
}
header .hero .overlay {
  width: 100%;
  height: 400px;
  display: block;
  position: absolute;
  bottom: 0;
  background: transparent;
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  z-index: 1;
}

/*  Media Queries
/* =================================== */

/* 992px to 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .header-wrap .container {
    max-width: 90%;
  }
  header .hero .header-callout {
    bottom: 108px;
  }
  header .hero .cutline {
    bottom: 100px;
  }
  .search-typeahead {
    bottom: -95px;
  }
}
/* Less than 992px */
@media (max-width: 991px) {
  .header-wrap .container {
    max-width: 100%;
  }
  header .hero .header-callout {
    bottom: 10px;
  }
  header .hero .cutline {
    margin-right: 5px;
    bottom: 5px;
  }
  header .hero .overlay {
    height: 200px;
  }
  .search-typeahead {
    position: inherit;
    bottom: inherit;
  }
  .search-typeahead.serp {
    position: inherit;
    top: inherit;
  }
}
/* Less than 768px */
@media (max-width: 767px) {
  body#hgvc #header-main .header-logo a {
    width: 430px;
  }
  body#mvc #header-main .header-logo a {
    width: 430px;
  }
  body#travimp #header-main .header-logo a {
    width: 420px;
  }
  .search-typeahead h3 {
    text-align: center;
  }
}
/* Less than 544px */
@media (max-width: 543px) {
  #header-main .header-logo a {
    display: block;
    width: 200px;
  }
  body#hgvc #header-main .header-logo a {
    width: 280px;
  }
  body#mvc #header-main .header-logo a {
    width: 280px;
  }
  body#travimp #header-main .header-logo a {
    width: 280px;
  }
  header .hero .header-callout {
    bottom: 8px;
    position: relative;
    z-index: 3;
  }
  header .hero .cutline {
    height: 100%;
    top: 0;
    bottom: inherit;
    position: absolute;
    background-color: rgba(0,0,0,.30);
    margin-right: 0;
    padding-top: 10px;
    padding-right: 5px;
  }
  header .hero .overlay {
    display: none;
  }
}
/* Less than 400px */
@media (max-width: 400px) {
  .search-typeahead h3 {
    font-size: 16px;
    font-weight: 500;
  }
}

/* 544px and up */
@media (min-width: 544px) {
  header .hero {
    height: 20rem;
  }
  header .hero .header-callout h2 {
    margin: 0;
  }
}

/* 768px and up */
@media (min-width: 768px) {
  header .hero {
    height: 28rem;
  }
  header .hero .header-callout h1 {
    font-size: 20px;
  }
  header .hero .header-callout h2 {
    margin: 0 20px;
    font-size: 30px;
  }
}

/* 992px and up */
@media (min-width: 992px) {
	header .hero {
    height: 28rem;
  }
  header .hero .header-callout h1 {
    font-size: 22px;
  }
  header .hero .header-callout h2 {
    font-size: 45px;
  }
}

/* 1200px and up */
@media (min-width: 1200px) {
  header .hero {
    height: 26.5rem;
  }
}

/* 1400px and up */
@media (min-width: 1400px) {
  header .hero {
    height: 30rem;
  }
  header .hero .header-callout h1 {
    font-size: 24px;
  }
  header .hero .header-callout h2 {
    font-size: 50px;
  }
}
/* 1900px and up */
@media (min-width: 1900px) {
  header .hero {
    height: 34rem;
  }
}

/* =================================== */

/* =================================== */
/*  Sections
/* =================================== */

/*  Section Styles
/* =================================== */

.sect-style-01 {
  background-color: #F6F7F9;
}
.sect-style-02 .container {
  border: 1px solid #000000;
}

/* =================================== */

/*  Box Styles
/* =================================== */

/*** Box Style 01 - box shadow ***/
.box-style-01 {
  -webkit-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  -moz-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
}

/*** Bordered Row ***/
.boxed-row {
  border: 1px solid #000000;
  padding: 1rem;
}

/*  Media Queries
/* =================================== */

/* Less than 544px */
@media (max-width: 543px) {
  .sect-style-02 .container {
    border-left: 0 none;
    border-right: 0 none;
  }
}
/* 1400px and up */
@media (min-width: 1400px) {
  .sect-style-02 .container {
    max-width: 1360px;
  }
}

/* =================================== */

/*  Section Headers, Section Intros
/* =================================== */

.sect-header_lt, 
.sect-header_mid {
  font-size: 40px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}
.sect-subhead_lt, 
.sect-subhead_mid {
  font-size: 22px;
  font-weight: 800; 
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
.sect-subhead-sm_lt, 
.sect-subhead-sm_mid {
  font-size: 18px;
  font-weight: 800; 
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
.sect-intro_lt, 
.sect-intro_mid {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 0;
}
.sect-header_lt, 
.sect-subhead_lt, 
.sect-intro_lt {
  text-align: left;
}
.sect-header_mid, 
.sect-subhead_mid, 
.sect-intro_mid {
  text-align: center;
}

/*  Media Queries
/* =================================== */

/* Less than 544px */
@media (max-width: 543px) {
  .sect-header_lt, 
  .sect-header_mid {
    font-size: 32px;
  }
  .sect-intro_lt, 
  .sect-intro_mid {
    font-size: 20px;
  }
}

/* =================================== */

/* =================================== */
/*  Page - Global Sections
/* =================================== */

/*  Concierge Section
/* =================================== */

.concierge-photo {
  background-image: url('/img/specific/vod/img-sect-concierge_01.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
  .concierge-photo {
    height: 200px;
    background-position: center 50%;
  }
}

/* =================================== */

/* =================================== */
/*  Page - Default
/* =================================== */

#page-title {
  font-size: calc(30px + (45 - 30) * ((100vw - 320px) / (1600 - 320)));
  /***
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
  ***/
  font-weight: 900;
  text-align: center;
}
section.first-section {
  margin-top: 6.5rem;
}
#info h2 {
  font-weight: 300;
  font-size: 45px;
}
#info h3, 
#info h4, 
#info h5, 
#info h6 {
  font-weight: 900;
}

/*** Photo Cutlines ***/
.photo-wrap, 
.image-wrap, 
.img-wrap {
  position: relative;
}
.bg-photo-wrap {
  width: 100%;
  height: 275px;
  position: relative;
  background-image: url('/img/specific/vod/img-placeholder.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: #F5F6FA;
}
.img-cutline_wrap {
  width: 100%;
  height: 50px;
  display: block;
  position: absolute;
  bottom: 0;
  background: transparent;
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.img-cutline {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  text-align: right;
  position: absolute;
  bottom: 2px;
  right: 5px;
}
.img-cutline .dest-name {
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
}

/*  Media Queries
/* =================================== */

/* Less than 1200px */
@media (max-width: 1199px) {
  section.first-section {
    margin-top: 8.5rem;
  }
}

/* Less than 992px */
@media (max-width: 991px) {
  section.first-section {
    margin-top: 2.5rem;
  }
}

/* 544px and up */
@media (min-width: 544px) {
  .bg-photo-wrap {
    height: 325px;
  }
}

/* 768px and up */
@media (min-width: 768px) {
	.bg-photo-wrap {
    height: 250px;
  }
}

/* 992px and up */
@media (min-width: 992px) {
  .bg-photo-wrap {
    height: 275px;
  }
}

/* 1200px and up */
@media (min-width: 1200px) {
  .bg-photo-wrap {
    height: 300px;
  }
}

/* 1400px and up */
@media (min-width: 1400px) {
  .bg-photo-wrap {
    height: 400px;
  }
}

/* 1600px and up */
@media (min-width: 1600px) {
  #page-title {
    font-size: 45px;
  }
}

/* =================================== */

/*  Sidebar
/* =================================== */

#sidebar {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#sidebar .wrap {
  background-color: #F9F9F9;
  border: 1px solid rgba(0,0,0,.15);
  margin-left: 1.5rem;
}
#sidebar h3, 
#sidebar h4, 
#sidebar h5, 
#sidebar h6 {
  font-weight: 900;
}
#sidebar .intro {
  font-weight: 700;
  font-style: italic;
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
#sidebar .phone {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: .25rem;
}
#sidebar .email {
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  margin-bottom: 2rem;
}
#sidebar .hours {
  text-align: center;
}

/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
  #sidebar {
    margin-top: 0;
  }
  #sidebar .wrap {
    margin-left: 0;
  }
}

/* =================================== */

/* =================================== */
/*  Homepage
/* =================================== */

/*** Change percentage based on each hero image ***/
header#header-home .hero {
  background-position: center 50%;
}

/* 1200px and up */
@media (min-width: 1200px) {

}
/*  Section - #home-feat
/* =================================== */

#home-feat h3 {
  text-align: left;
  max-width: 950px;
}

/* =================================== */

/*  Section - #home-dest
/* =================================== */

#home-dest .card.bg-dark {
  background-color: #000000 !important;
}
#home-dest .card.bg-light {
  background-color: #FFFFFF !important;
}
#home-dest .card {
  border: 0 none;
}
#home-dest .card.bordered-blk {
  border: 1px solid #000000;
  padding: 2px;
}
#home-dest .card a {
  color: #FFFFFF;
}
#home-dest .card.bg-light a {
  color: #000000;
}
#home-dest .card.bg-light a.u-link {
  border-color: #000000;
}
#home-dest .card a.u-link {
  border-color: #000000;
}
#home-dest .card .u-link_icon {
  color: #FFFFFF;
}
#home-dest .card-body {
  padding: 0;
}
#home-dest .card-img-overlay {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: 0;
  left: inherit;
  padding: 1rem;
  width: 100%;
  text-align: center;
  background: transparent;
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#home-dest .card-title {
  font-size: 21px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
}

/*  Section - #home-prop
/* =================================== */

#home-prop h4 {
  font-size: 20px;
  text-transform: uppercase;
}
#home-prop p {
  margin-bottom: 0;
}
#home-prop .home-prop_photo {
  background: url("/img/specific/vod/img-home-prop_01.jpg") center 70% / cover no-repeat transparent;
}
#home-prop .home-prop_icon {
  font-size: 2.5rem;
  color: #6495ED;
}

#taweb-prop h4 {
  font-size: 20px;
  text-transform: uppercase;
}
#taweb-prop p {
  margin-bottom: 0;
}
#taweb-prop .taweb-prop_photo {
  background: url("/img/specific/vod/emotionalpicturewebinar.jpg") center 70% / cover no-repeat transparent;
}
#taweb-prop .taweb-prop_icon {
  font-size: 2.5rem;
  color: #6495ED;
}

/*  Media Queries
/* =================================== */

/* Less than 768px */
@media (max-width: 767px) {
  #home-prop .home-prop_photo {
    height: 23rem;
    overflow: hidden;
  }
}

/* =================================== */

/*  Section - #home-news
/* =================================== */


/*  Section - #home-promo
/* =================================== */

#home-promo .card {
  border: 0 none;
  border-radius: 0;
}
#home-promo .card-img {
  border-radius: 0;
}
#home-promo .card-img-overlay {
  text-align: center;
  position: absolute;
  top: inherit;
  padding: 1.25rem;
  background-color: rgba(0,0,0,.60);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#home-promo .card-title {
  font-size: calc(30px + (35 - 30) * ((100vw - 320px) / (1600 - 320)));
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 700;
}
#home-promo .card-text {
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1600 - 320)));
  color: #00FFE7;
  font-weight: 300;
  text-transform: uppercase;
}
#home-promo a:hover {
  text-decoration: none;
}
#home-promo a:hover > .card-img-overlay {
  background-color: rgba(0,0,0,.85);
}

/* =================================== */
/*  SERP Page
/* =================================== */

/*  SERP Header
/* =================================== */

#header-serp .hero {
  background: url("/img/specific/vod/img-hero-serp_01.jpg") center center / cover no-repeat transparent;
}
#header-serp .hero .header-callout {
  bottom: 155px;
}
#header-serp .hero .cutline {
  bottom: 145px;
}
#header-serp .options.wrap {
  border: 1px solid #000000;
}
#header-serp .styled-select {
  width: 100%;
}
#header-serp .styled-select select {
  border-bottom: 0 none;
}

/* Less than 1200px */
@media (max-width: 1199px) {

}
/* Less than 992px */
@media (max-width: 991px) {
  #header-serp .hero .header-callout {
    bottom: 10px;
  }
  #header-serp .hero .cutline {
    bottom: 10px;
  }
}
/* Less than 768px */
@media (max-width: 767px) {
}
/* Less than 544px */
@media (max-width: 543px) {
  #header-serp .hero .header-callout {
    bottom: 8px;
  }
  .search-typeahead.serp {
    bottom: 0;
  }
}

/*  SERP Options
/* =================================== */

#serp-options {
  /***padding-top: 7rem;***/
  position: relative;
  top: -7rem;
  font-size: 18px;
  color: #000000;
  text-align: left;
}
#serp-options .input-group {
  border-bottom: 1px solid #6495ED;
}
#serp-options .input-group-text {
  font-size: 18px;
  background-color: transparent;
  border: 0 none;
}
#serp-options .styled-select {
  width: 100%;
}
#serp-options .styled-select select {
  border-bottom: 0 none;
  min-height: 41px;
}
#serp-options .btn i, 
#header-serp .btn i {
  margin-left: 5px;
}
#serp-options .datepicker {
  top: 38px;
}
#serp-options .datepicker__month {
  width: 100%;
}
#serp-options .datepicker__months::before {
  background: inherit;
  left: inherit;
  position: inherit;
  width: 1px;
}

/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
  #serp-options {
    padding-top: 2rem;
  }
}

/* 0px to 768px */
@media (min-width: 0px) and (max-width: 767px) {
  #serp-options .datepicker {
    width: 100%;
  }
}

/* =================================== */

/*  Collections SERP Options
/* =================================== */

#collections-serp-options .input-group {
  border-bottom: 1px solid #6495ED;
}
#collections-serp-options .input-group-text {
  font-size: 18px;
  background-color: transparent;
  border: 0 none;
}
#collections-serp-options .styled-select {
  width: 100%;
}
#collections-serp-options .styled-select select {
  border-bottom: 0 none;
}
#collections-serp-options .btn i, 
#header-serp .btn i {
  margin-left: 5px;
}

/*  SERP Results
/* =================================== */

#serp-results {
  position: relative;
  top: -6rem;
}
#serp-results.not-fullwidth {
  position: inherit;
  top: inherit;
}
#serp-results h3 {
  font-size: 30px;
  font-weight: 600;
}
#serp-results a, 
#serp-results a:link, 
#serp-results a:visited, 
#serp-results a:hover, 
#serp-results a:active {
  text-decoration: none;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}
#serp-results .view-grid .card-img_wrap {
  height: 300px;
  overflow: hidden;
}
#serp-results.not-fullwidth .view-grid .card-img_wrap {
  height: 250px;
}
#serp-results .view-list .card-img_wrap, 
#serp-results .view-list_no-toggle .card-img_wrap {
  height: 300px;
  overflow: hidden;
}
#serp-results .card-img-overlay {
  height: 100%;
}

/*  Media Queries
/* =================================== */

/* 544px and up */
@media (min-width: 544px) {
  #serp-results .view-grid .card-img_wrap, 
  #serp-results.not-fullwidth .view-grid .card-img_wrap {
    height: 300px;
  }
  #serp-results .view-list .card-img_wrap, 
  #serp-results .view-list_no-toggle .card-img_wrap {
    height: 300px;
  }
}

/* 768px and up */
@media (min-width: 768px) {
  #serp-results .view-grid .card-img_wrap, 
  #serp-results.not-fullwidth .view-grid .card-img_wrap {
    height: 250px;
  }
  #serp-results .view-list .card-img_wrap, 
  #serp-results .view-list_no-toggle .card-img_wrap {
    height: 400px;
  }
}

/* 992px and up */
@media (min-width: 992px) {
  #serp-results h3 {
    font-size: 36px;
  }
  #serp-results .view-grid .card-img_wrap, 
  #serp-results.not-fullwidth .view-grid .card-img_wrap {
    height: 300px;
  }
  #serp-results .view-list .card-img_wrap, 
  #serp-results .view-list_no-toggle .card-img_wrap {
    height: 300px;
  }
}

/* 1200px and up */
@media (min-width: 1200px) {
  #serp-results h3 {
    font-size: 40px;
  }
  #serp-results .view-grid .card-img_wrap, 
  #serp-results.not-fullwidth .view-grid .card-img_wrap {
    height: 350px;
  }
  #serp-results .view-list .card-img_wrap, 
  #serp-results .view-list_no-toggle .card-img_wrap {
    height: 250px;
  }
}

/* 1400px and up 
@media (min-width: 1400px) {
  #serp-results.not-fullwidth .view-grid .card-img_wrap {
    height: 275px;
  }
}
*/
/* 1600px and up */
@media (min-width: 1540px) {
  #serp-results .view-grid .card-img_wrap {
    height: 350px;
  }
  #serp-results.not-fullwidth .view-grid .card-img_wrap {
    height: 275px;
  }
  #serp-results .view-list .card-img_wrap {
    height: 300px;
  }
  #serp-options.container, 
  #serp-results.container {
    max-width: 1840px;
  }
  #serp-results.container.not-fullwidth {
    max-width: 1340px;
  }
  #serp-results .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

/* 1900px and up */
@media (min-width: 1840px) {
  #serp-results .card-img_wrap {
    height: 400px;
  }
}

/* =================================== */

/*  SERP Results - Grid View
/* =================================== */

#serp-results .card-title {
  color: #4169E1;
}

/*  SERP Results - List View
/* =================================== */

#view-list-serp .card-style-03 {
  border-bottom: 1px solid #DDDDDD;
}
#view-list-serp .col-12:last-child > .card-style-03 {
  border-bottom: 0 none;
}

/*  Media Queries
/* =================================== */

/* Less than 992px */
@media (max-width: 991px) {
  #serp-options, 
  #serp-results {
    position: inherit;
    top: inherit;
  }
  #serp-results .card-columns {
    column-count: 2;
  }
}
/* Less than 768px */
@media (max-width: 767px) {
  #serp-results .card-columns {
    column-count: 1;
  }
  #serp-results .view-list .card-content_wrap, 
  #serp-results .view-list_no-toggle .card-img_wrap {
    display: block;
  }
  #serp-results .view-list .card-img_wrap, 
  #serp-results .view-list_no-toggle .card-img_wrap {
    display: block;
  }
  #serp-results .view-list .card-info_wrap, 
  #serp-results .view-list_no-toggle .card-img_wrap {
    display: block;
  }
}

/* =================================== */

/* =================================== */
/*  Villa Page Header
/* =================================== */

.villa-subtitle {
  font-weight: 400;
}
.share-btns {
  display: block;
  width: 80px;
  margin-top: 20px;
  position: absolute;
  right: 20px;
  filter: drop-shadow(1px 1px 2px rgba(0,0,0,.75));
}
.share-btns .icon-lt {
  display: block;
  float: left;
}
.share-btns .icon-rt {
  display: block;
  float: right;
}
.share-btns .btn {
  padding: 0;
}
.share-btns .fal {
  font-size: 26px;
  color: #FFFFFF;
}
.banner-photos {
  position: absolute;
  top: -60px;
  right: 20px;
}
.banner-photos .fal {
  margin-right: 5px;
}

/*  Media Queries
/* =================================== */

/* Less than 768px */
@media (max-width: 767px) {
  .banner-photos {
    top: inherit;
    bottom: -20px;
    z-index: 2;
  }
  .banner-photos .btn span {
    display: none;
  }
}

/* =================================== */

/* =================================== */
/*  Villa Page
/* =================================== */

/*  Villa Intro Section
/* =================================== */

#villa-intro {
  padding-top: 3rem;
  padding-bottom: 1.25rem;
}
#villa-intro h1 {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 600;
  font-style: normal;
}

/*  Title
/* =================================== */

#villa-intro #title {
  text-align: center;
}
#villa-intro #title h1 {
  font-size: 48px;
  margin: 0;
}
#villa-intro #title p {
  font-size: 18px;
  font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-style: italic;
  margin-top: 1rem;
  margin-bottom: 0;
}

/*  Summary
/* =================================== */

#villa-intro #summary {
  font-size: 22px;
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  border: 1px solid #000000;
}
#villa-intro #summary p {
  margin-bottom: 0;
}

/*  Details
/* =================================== */

#villa-intro #details {
  font-size: 20px;
}
#villa-intro #details i {
  margin-right: 10px;
}
#villa-intro #details small {
  font-size: 16px;
}
#villa-intro #details span {
  margin-right: 5px;
  font-weight: 800;
}

/*  Villa Menu Nav
/* =================================== */

#villa-menu {
  background-color: #F5F6F9;
  padding: 1rem;
}
#villa-menu li a {
  color: #000000;
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

/*  Villa Info Section
/* =================================== */

/*  About
/* =================================== */

#villa-info h2 {
  font-family: adobe-caslon-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  font-weight: 600;
  font-style: normal;
}
#villa-info .separator-blue_lt {
  margin-bottom: 1.5rem;
}
#villa-info #about .wrap {
  position: relative;
}
#villa-info #about .wrap h3 {
  color: #6c757d !important;
  font-weight: 400;
  font-style: italic;
}
#villa-info #about .card-info {
  width: 100%;
}

/*  Promo
/* =================================== */

#villa-info #promo .accordion .card {
  background-color: #FFFFFF;
  border: 0 none;
  border-radius: 0;
  margin-bottom: 10px;
}
#villa-info #promo .accordion .card-header {
  border-bottom: 0 none;
  border-radius: 0;
  padding: 0;
}
#villa-info #promo .accordion > .card .card-header {
  margin-bottom: 0;
}
#villa-info #promo .accordion .btn-success.collapsed {
  color: #FFFFFF !important;
  background-color: #000000;
  border-color: #000000;
}
#villa-info #promo .accordion .btn-success.collapsed:hover {
  color: #FFFFFF !important;
  background-color: #000000;
  border-color: #000000;
}
#villa-info #promo .accordion .card {
  border: 1px solid #000000;
  padding: 1px;
}
#villa-info #promo .accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#villa-info #promo .accordion .card:first-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#villa-info #promo .btn {
  font-weight: 700;
  white-space: normal;
  width: 100%;
  text-align: left;
}
#villa-info #promo .accordion .open {
  display: none;
}
#villa-info #promo .accordion .collapsed .open {
  display: block;
}
#villa-info #promo .accordion .collapsed .closed {
  display: none;
}
#villa-info #promo .btn .fas {
  margin-right: 5px;
}
#villa-info #promo .btn span {
  float: right;
}
#villa-info #promo h5 {
  margin: 0;
}
#villa-info #promo p:last-child {
  margin-bottom:0;
}

/*  Amenities
/* =================================== */

#villa-info #amenities .fal, 
#villa-info #amenities .far {
  font-size: 18px;
  margin-right: 5px;
}

/*  Rates
/* =================================== */

.table .thead-dark th {
  background-color: #000000;
  border-color: #000000;
}

/*  Availability
/* =================================== */

#villa-info #availability h3 {
  color: #6495ED;
}
#villa-info #availability .legend {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
#villa-info #availability .legend-color {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #FF8785;
}
#villa-info #availability .legend-color strong {
  position: relative;
  top: -7px;
  left: 5px;
}

/*  Reviews
/* =================================== */

#villa-info #reviews .post {
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  margin-bottom: 1rem;
  padding-bottom: 0;
}

/*  Villa Sidebar
/* =================================== */

#villa-book {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#villa-book .wrap {
  background-color: #F6F7F9;
  margin-left: 1.5rem;
  border: 1px solid rgba(25,25,115,.15);
  -webkit-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  -moz-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
}
#villa-book #price {
  text-align: center;
}
#villa-book #price h3 {
  font-size: 22px;
  margin: 0;
}
#villa-book #price h3 span {
  font-size: 24px;
font-weight: 800;
  border-bottom: 1px solid #DAA520;
}
#villa-book #price h3 small {
  font-size: 16px;
  font-weight: 400;
}
#villa-book #price p {
  margin-bottom: 0;
}
#villa-book #price p small {
  font-size: 14px;
}
#villa-book label {
  font-size: 16px;
  font-weight: 800;
}
#villa-book .input-group {
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
#villa-book .input-group-text {
  font-size: 18px;
  background-color: transparent;
  border: 0 none;
}
#villa-book .form-control:disabled, 
#villa-book .form-control[readonly] {
  background-color: transparent;
  padding-left: 0;
}
#villa-book .styled-select {
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
#villa-book .styled-select:after {
  right: 10px;
}
#villa-book .datepicker {
  top: 39px;
  width: 480px;
  right: 0;
}
#villa-book .datepicker__month {
  width: 50%;
  float: left;
  display: block;
}
#villa-book .datepicker__months::before {
  background: inherit;
  left: inherit;
  position: inherit;
  width: 1px;
}
#villa-book .btn-wrap {
  border-bottom: 1px solid rgba(0,0,0,.15);
  padding-bottom: 1rem;
}
#villa-book #terms .terms {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.25;
  text-align: center;
  color: #666666;
}
#villa-book #info h4 {
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
}
#villa-book #info .small {
  line-height: 1.25;
}
#villa-book #info .phone {
  font-size: 26px;
  font-weight: 900;
  text-align: center;
  margin-bottom: .25rem;
}
#villa-book #info .phone a {
  color: #000000;
}
#villa-book #info .phone a:hover {
  color: #4169E1;
}
#villa-book #info .phone a:link, 
#villa-book #info .phone a:visited, 
#villa-book #info .phone a:active {
  color: #000000;
}
#villa-book #fav-share {
  text-align: center;
  border-top: 1px solid rgba(0,0,0,.15);
}

/*  Media Queries
/* =================================== */

/* Less than 1400px */
@media (max-width: 1400px) {
  #villa-book #info h4 {
    font-size: 22px;
  }
  #villa-book #info .phone {
    font-size: 24px;
  }
}
/* Less than 1200px */
@media (max-width: 1199px) {
  #villa-book #info h4 {
    font-size: 18px;
  }
  #villa-book #datepicker .form-control {
    font-size: .85rem;
  }
  /*#villa-book #bedrooms .nice-select {
    font-size: .85rem;
  }*/
}
/* Less than 992px */
@media (max-width: 991px) {
  #villa-book {
    border-top: 1px solid rgba(0,0,0,.15) !important;
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0 -1px 8px 1px rgba(0, 0, 0, 0.14) !important;
    -moz-box-shadow: 0 -1px 8px 1px rgba(0, 0, 0, 0.14) !important;
    box-shadow: 0 -1px 8px 1px rgba(0, 0, 0, 0.14) !important;
    z-index: 50 !important;
  }
 /* #sticky {
    top: inherit !important;
    bottom: 0 !important;
    width: 100% !important;
  }*/
  #villa-book .wrap {
    border: 0 none;
    margin-left: 0;
  }
  #villa-book .wrap.p-4 {
    padding: .5rem !important;
  }
  #villa-book #price h3 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* Less than 768px */
@media (max-width: 767px) {
  #villa-intro #title h1 {
    font-size: 40px;
  }
  #villa-book .datepicker {
    top: 36px;
  }
}
/* Less than 544px */
@media (max-width: 543px) {
  #villa-intro #title h1 {
    font-size: 36px;
  }
}

/* =================================== */

/*  Destination Page
/* =================================== */

#dest-about h4 {
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
#dest-about h5 {
  color: #666666;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5rem;
}
.dest-stats {
  font-size: 26px;
  font-weight: 900;
  text-align: center;
  border: 1px solid #000000;
}
.dest-locations h4 {
  text-transform: uppercase;
}

/* =================================== */

/*  Magazine Page
/* =================================== */

#magazine-nav {
  background-color: rgba(0,0,0,100);
  margin-top: 0;
}
#magazine-nav a, 
#magazine-nav a:link, 
#magazine-nav a:visited, 
#magazine-nav a:active {
  color: #FFFFFF;
  font-weight: 300;
}
#magazine-nav a:hover {
  color: #4169E1;
}
.mag-nav_lt a {
  font-size: 30px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
  top: 5px;
}
.mag-search .btn-link {
  color: #FFFFFF !important;
  padding: 0 10px 0 15px;
}
header#header-magazine .hero .header-callout {
  bottom: 30px;
}
header#header-magazine .hero .header-callout h1 {
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
header#header-magazine .hero .header-callout p {
  font-size: 20px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
header#header-magazine .hero .cutline {
  bottom: 5px;
}

/* Less than 992px */
@media (max-width: 991px) {
  header#header-magazine .hero .header-callout h1 {
    font-size: 30px;
    margin: 0 20px;
  }
  header#header-magazine .hero .header-callout p {
    font-size: 18px;
  }
  header#header-magazine .hero .overlay {
    height: 100%;
    bottom: 0;
  }
}

/* Less than 768px */
@media (max-width: 767px) {
  header#header-magazine .hero .header-callout h1 {
    font-size: 24px;
    margin: 0;
  }
  header#header-magazine .hero .header-callout p {
    font-size: 16px;
  }
  header#header-magazine .btn-lg {
    font-size: 1rem;
    padding: .375rem 1.25rem;
  }
}

/* Less than 370px */
@media (max-width: 378px) {
  header#header-magazine .hero {
    height: 25rem;
  }
}

/* 544px to 686px */
@media (min-width: 544px) and (max-width: 686px) {
  #magazine-nav {
    margin-top: 20px;
  }
}

/* 544px and up */
@media (min-width: 544px) {
  #magazine-posts .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

/* 768px and up */
@media (min-width: 768px) {
  #magazine-posts .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

/* 992px and up */
@media (min-width: 992px) {
  #magazine-posts .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

/* 1600px and up */
@media (min-width: 1540px) {
  #magazine-posts .container {
    max-width: 1840px;
  }
  #magazine-posts .card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

/*  Magazine Post Page
/* =================================== */

header#header-magazine .hero {
  height: 20rem;
}
#magazine-body .post-prev_btn, 
#magazine-body .post-next_btn {
  font-size: 14px;
}
#magazine-body .post-title {
  font-size: 24px;
}
#magazine-body .post-blurb {
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
}
#magazine-body .post-date {
  font-size: 16px;
  font-style: italic;
  color: #666666;
}
#magazine-body h2 {
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
}
#magazine-body h3 {
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
}
#magazine-body h4 {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
}
#magazine-body h5 {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
}
#magazine-body h6 {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
}
#magazine-body figure {
  width: 90%;
  max-width: 640px;
  margin: 0 auto;
  -webkit-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  -moz-box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
  box-shadow: 0 12px 20px 0 rgba(25, 25, 112, .15);
}
#magazine-body figcaption {
  font-size: 14px;
  font-style: italic;
  background-color: #FFFFFF;
  padding: 1rem;
}
#magazine-body figcaption a:link, 
#magazine-body figcaption a:visited, 
#magazine-body figcaption a:active {
  color: #B8860B;
}
#magazine-body img {
  max-width: 100%;
  height: auto;
}

/* 544px and up */
@media (min-width: 544px) {
  header#header-magazine .hero {
    height: 20rem;
  }
}

/* 768px and up */
@media (min-width: 768px) {
  header#header-magazine .hero {
    height: 28rem;
  }
  #magazine-body .post-prev_btn, 
  #magazine-body .post-next_btn {
    font-size: 16px;
  }
  #magazine-body .post-title {
    font-size: 30px;
  }
  #magazine-body .post-blurb {
    font-size: 20px;
  }
}

/* 992px and up */
@media (min-width: 992px) {
  header#header-magazine .hero {
    height: 28rem;
  }
  #magazine-body .post-title {
    font-size: 45px;
  }
  #magazine-body .post-prev_btn, 
  #magazine-body .post-next_btn {
    font-size: 16px;
  }
  /*** Commented out until we have Previous, Next buttons
  .post-title_wrap {
    margin-top: -3.75rem;
  }
  ***/
}

/* 1200px and up */
@media (min-width: 1200px) {
  header#header-magazine .hero {
    height: 26.5rem;
  }
}

/* 1400px and up */
@media (min-width: 1400px) {
  header#header-magazine .hero {
    height: 34rem;
  }
  #magazine-body .post-title {
    font-size: 50px;
  }
}

/* 1900px and up */
@media (min-width: 1900px) {
  header#header-magazine .hero {
    height: 45.5rem;
  }
}

/* =================================== */

/*  Press Room Page (Pressroom)
/* =================================== */

#header-pressroom .hero {
  background-position: center 75%;
}
#pressroom-media .pressroom-media_photo {
  background: url("/img/specific/vod/img-pressroom_01.jpg") 75% 50% / cover no-repeat transparent;
}

/* Less than 768px */
@media (max-width: 767px) {
  #pressroom-media .pressroom-media_photo {
    height: 15rem;
    overflow: hidden;
  }
}

/* =================================== */

/*  Concierge Page
/* =================================== */

#header-concierge .hero {
  background-position: top center;
}
#concierge-intro .box-photo {
  background: url("/img/specific/vod/img-concierge_01.jpg") center center / cover no-repeat transparent;
}

/* Less than 768px */
@media (max-width: 767px) {
  #concierge-intro .box-photo {
    height: 15rem;
    overflow: hidden;
  }
}

/* =================================== */

/*  Travel Advisors Page
/* =================================== */

#ta-sect-03 .box-photo {
  background: url("/img/specific/vod/img-ta_03.jpg") center 20% / cover no-repeat transparent;
}

/* Less than 768px */
@media (max-width: 767px) {
  #ta-sect-03 .box-photo {
    height: 15rem;
    overflow: hidden;
  }
}

/* =================================== */

/*  Villa Standards Page
/* =================================== */

#vstandards-intro .box-photo {
  background: url("/img/specific/vod/img-vstandards_intro-01.jpg") center center / cover no-repeat transparent;
}

/* Less than 768px */
@media (max-width: 767px) {
  #vstandards-intro .box-photo {
    height: 15rem;
    overflow: hidden;
  }
}

/* =================================== */

/*  Villa Standards Page
/* =================================== */

#about-info .stats-num {
  font-size: 80px;
  color: #B8860B;
}
#about-info .stats-title {
  text-transform: uppercase;
  font-weight: 800;
  position: relative;
  top: -1.5rem;
}

/* Less than 992px */
@media (max-width: 991px) {
  #about-info .stats-num {
    font-size: 55px;
  }
}

/* =================================== */

/*  Travel Protection Page
/* =================================== */

#travprotect-intro .box-photo {
  background: url("/img/specific/vod/img-travprotect_01.jpg") center 35% / cover no-repeat transparent;
}

/* Less than 768px */
@media (max-width: 767px) {
  #travprotect-intro .box-photo {
    background-position: center 20%;
    height: 15rem;
    overflow: hidden;
  }
}

/* =================================== */

/*  Awards Page
/* =================================== */

#awards-list .award-yr_gold {
  color: #B8860B;
  font-weight: 800;
  display: inline-block;
  width: 105px;

}
#awards-list .award-yr_slvr {
  color: #9B9B9B;
  font-weight: 800;
  display: inline-block;
  width: 105px;
}
#awards-list .award-yr_blk {
  color: #000000;
  font-weight: 800;
  display: inline-block;
  width: 270px;
}
#awards-list .award-sep {
  color: #CCCCCC;
  font-weight: 300;
  display: inline-block;
  width: 20px;
}
#awards-list .award-title {
  color: #666666;
  font-weight: 800;
  display: inline-block;
}

/* Less than 992px */
@media (max-width: 991px) {
	#awards-list .award-sep {
    display: none;
  }
  #awards-list .award-yr_gold, 
  #awards-list .award-yr_slvr, 
  #awards-list .award-yr_blk {
    display: block;
  }
  #awards-list .award-title {
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: .25rem;
    margin-bottom: .25rem;
  }
}

/* =================================== */

/*  Email Subscribe Page
/* =================================== */

#body-email-subscribe #email-subscribe-no {
  display: none;
}

/* =================================== */

/*  Similar Villas
/* =================================== */

#similar-villas .villa-loc {
  font-style: italic;
}
#similar-villas .more-villas-wrap {
  font-size: 16px;
}
#similar-villas .more-villas {
  color: #4169E1;
  font-size: 14px;
  border-bottom: 1px solid #DAA520;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
#similar-villas .more-villas p {
  font-size: 16px;
}
#similar-villas .more-villas a {
  text-decoration: none;
  border-bottom: 1px solid #4169E1;
}
#similar-villas .more-villas:first-of-type {
  padding-top: 0;
}
#similar-villas .more-villas:last-of-type {
  border-bottom: 0 none;
}
#similar-villas .more-villas p {
  color: #000000;
}
#similar-villas .more-villas a {
  color: #4169E1;
  text-transform: uppercase;
}

/*  Media Queries
/* =================================== */

/* Less than 1200px */
@media (max-width: 1199px) {
  #villa-book .form-control {
    font-size: .85rem;
  }
  #villa-book #datepicker .form-control {
    font-size: .85rem;
  }
  /*#villa-book #bedrooms .nice-select {
    font-size: .85rem;
  }*/
  #villa-book .styled-select select {
    top: -2px;
  }
  #villa-book .guest-counter .input-before {
    top: 9px;
    font-size: .85rem;
  }
  #villa-book .guest-counter .form-control {
    top: 3px;
    position: relative;
  }
}
/* Less than 992px */
@media (max-width: 991px) {
  #villa-book {
    border-top: 1px solid rgba(0,0,0,.15) !important;
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 50 !important;
  }
  /*#sticky {
    top: inherit !important;
    bottom: 0 !important;
    width: 100% !important;
  }*/
  #villa-book .wrap {
    border: 0 none;
    margin-left: 0;
  }
  #villa-book #price h3 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* 1400px and up */
@media (min-width: 1400px) {
  #similar-villas .container {
    max-width: 1360px;
  }
}

/* =================================== */
/*  Agent Notes
/* =================================== */

/*** TEMPORARY CSS for Legacy content ***/

#agent_notes .large-6 {
  width: 50%;
}

/* Less than 992px */
@media (max-width: 991px) {
  #agent_notes .large-6 {
    width: 100%;
  }
  #agent_notes .large-6:nth-child(2) {
    margin-top: 1rem;
  }
}
/******/

#agent_notes .agent-content {
  border: 10px solid #6495ED;
  padding: 1rem;
  margin: 0px;
}
#agent_notes h3 {
  font-size: 1.25rem;
  text-transform: uppercase;
  border-bottom: 1px solid #6495ED;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
}
#agent_notes h3 small {
  color: #DC143C;
}
#agent_notes .table-responsive {
  border: 1px solid #DEE2E6;
}
#agent_notes .agent-general {
  padding-left: 0;
}
#agent_notes .agent-notes {
  padding-right: 0;
}

/* Less than 992px */
@media (max-width: 991px) {
  #agent_notes .agent-general {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1rem;
    border-bottom: 1px dashed #ccc;
  }
  #agent_notes .agent-notes {
    padding-left: 0;
    padding-right: 0;
  }
}

/* =================================== */
/*  Footer Main
/* =================================== */

#footer-main {
  color: #FFFFFF;
  font-weight: normal;
  background-color: #1C1C1C;
}
#footer-main a {
  color: #FFFFFF;
  font-weight: normal;
}
#footer-main a:link, 
#footer-main a:visited, 
#footer-main a:hover, 
#footer-main a:active {
  color: #FFFFFF;
}
#footer-main a:hover {
  text-decoration: none;
}
#footer-main .nav .btn {
  font-weight: 300;
}

/*  .footer-top
/* =================================== */

#footer-main .footer-top {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#footer-main .nav-item {
  font-weight: 400;
  text-transform: uppercase;
}
#footer-main .nav-item .btn {
  padding: 0 .5rem;
  color: #FFFFFF;
  display: block;
  top: -1px;
  position: relative;
}
#footer-main .nav-item a:hover {
  text-decoration: underline;
}
#footer-main .destinations-list {
  list-style-type: none;
  line-height: 30px;
  padding: 0;
  margin: 0;
}
#footer-main .destinations-list span {
  padding-right: 5px;
}
#footer-main .destinations-list li > a {
  font-weight: 500;
}
#footer-main .destinations-list li.region > a {
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 5px;
}
#footer-main .destinations-list li.region > a:hover {
  text-decoration: none;
}
#footer-main .destinations-list .region {
  font-size: 1rem;
  list-style-type: none;
}
#footer-main .destinations-list .destination {
  font-size: .9rem;
  list-style-type: none;
  white-space: normal;
}
#footer-main .destinations-list .location {
  font-size: .9rem;
  list-style-type: none;
  text-indent: 10px;
}

/*  .footer-mid
/* =================================== */

#footer-main .footer-mid {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#footer-main h3 {
  font-size: 30px;
  font-weight: 400;
}
#footer-main small {
  font-size: 15px;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
}
#footer-main .email-signup .btn {
  color: #000000;
  padding: 5px 15px 3px 15px;
}
#footer-main .email-signup i {
  font-size: 24px;
}

/*  .footer-amex
/* =================================== */

#footer-main .footer-amex {
  color: #000000;
  background-color: #FFFFFF;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*  .footer-btm
/* =================================== */

#footer-main .footer-btm {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#footer-main .social-icon a.btn {
  background-color: #4169E1;
  width: 64px;
  height: 64px;
  padding: 9px;
  font-size: 30px;
  color: #000000;
}
#footer-main .social-icon a.btn:hover {
  color: #FFFFFF;
}
#footer-main .copyright {
  font-size: 16px;
  text-align: center;
}
#footer-main .copyright strong {
  font-weight: 800;
}
#footer-main .copyright a.u-link {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  text-transform: unset;
}

/*  Media Queries
/* =================================== */

/* Less than 1200px */
@media (max-width: 1199px) {
	#footer-main .social-icon a.btn {
    width: 50px;
    height: 50px;
    padding: 7px;
    font-size: 24px;
  }
}

/* Less than 992px */
@media (max-width: 991px) {
  #footer-main {
    padding-bottom: 45px;
  }
}

/* =================================== */

/* =================================== */
/*  Edge and IE 11 Fixes
/* =================================== */

@supports (-ms-ime-align: auto) {
  /* Microsoft EdgeV13&14 CSS styles go here */
}
@supports (-ms-accelerator: true) {
  /* Microsoft EdgeV13 CSS styles go here */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10 & IE11 CSS styles go here */
  .img-fluid {
    height: 50%;
  }
}

/* =================================== */
/*  Bootstrap 4 Media Queries
/* =================================== */

/*  Min-width - size and up (copy/paste)
/* =================================== */

/* 544px and up */
@media (min-width: 544px) {
	
}

/* 768px and up */
@media (min-width: 768px) {
	
}

/* 992px and up */
@media (min-width: 992px) {
	
}

/* 1200px and up */
@media (min-width: 1200px) {
	
}

/*  Max-width - size and down (copy/paste)
/* =================================== */

/* Less than 1200px */
@media (max-width: 1199px) {
	
}

/* Less than 992px */
@media (max-width: 991px) {
	
}

/* Less than 768px */
@media (max-width: 767px) {
	
}

/* Less than 544px */
@media (max-width: 543px) {

}

/*  Min-width to Max-width (copy/paste)
/* =================================== */

/* 544px to 767px */
@media (min-width: 544px) and (max-width: 767px) {
	
}

/* 768px to 991px */
@media (min-width: 768px) and (max-width: 991px) {
	
}

/* 992px to 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
	
}

/*  Need after last Min/Max-width (copy/paste)
/* =================================== */

/* 1200px and up */
@media (min-width: 1200px) {

}

.view-list {
    display: none;
}

.view-grid {
    display: block;
}

.autocomplete_search_toggle {
    background-color: #ffffff;
    z-index: 10000;
    position: absolute;
    top: 40px;
    width: 100%;
    padding: 10px;

}

.autotoggle a {
  font-size: 14px;
}