body,
html {
  height:100%
}
.clear,
.content-wrapper {
  clear:both
}
header,
footer-nav,
footer,
article,
section,
hgroup,
aside {
  display:block
}
img {
  border:none
}
img.lazy {
  width:0!important;
  height:0!important
}
.clearboth {
  clear:both
}
body {
  font:100% 'Open Sans',sans-serif;
  color:#575756;
  margin:0;
  min-width:300px
}
div.readmore {
  display:none
}
div.extendedIntro {
  display:none
}
.extendedTrigger {
  color:#5abacf;
  cursor:pointer
}
#menubacktotop {
  visibility:hidden
}
.telnum {
  float:none
}
.nowrap {
  white-space:nowrap
}
.accordion-header {
  font-size:15px;
  padding:10px 20px 5px 20px;
  margin:0;
  cursor:pointer
}
.accordion-header:before {
  font:18px "FontAwesome";
  content:"\f0fe";
  padding-right:20px;
  color:#73c4d7
}
.active-header:before {
  font:18px "FontAwesome";
  content:"\f146";
  padding-right:20px;
  color:#73c4d7
}
.accordion-content {
  display:none;
  padding:10px 20px
}
#locatorflag {
  border:1px solid #fff;
  height:20px;
  margin-right:10px
}
nav {
  letter-spacing:.11em
}
input,
select,
textarea {
  color:#575756;
  font-family:'Open Sans',sans-serif;
  border-radius:3px
}
.hide {
  display:none
}
a {
  transition:all .3s ease-in-out;
  text-decoration:none;
  color:#5abacf
}
a:hover {
  color:#000
}
p {
  margin:0 0 20px;
  line-height:1.3em
}
p.larger {
  font-size:1.3em
}
.content-wrapper p strong,
.content-wrapper li strong {
  font-weight:600
}
h1,
strong {
  color:#000
}
h1 {
  margin:0 0 15px;
  font-size:2em;
  clear:both;
  font-weight:600;
  color:#4c3f64
}
h2 {
  margin:0 0 20px;
  font-size:1.7em;
  font-weight:500;
  color:#0b253e;
  text-transform:uppercase
}
h3 {
  margin:0 0 20px;
  font-size:1.2em;
  color:#666;
  font-weight:500
}
.introtext {
  padding:20px 50px 0;
  text-align:center;
  font-size:110%
}
a.locationflags {
  float:right;
  text-transform:none
}
a.button {
  padding:6px 16px 8px;
  background-color:#5abacf;
  color:#fff;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  letter-spacing:.05em
}
a.button:hover {
  background-color:#0b253e;
  color:#fff
}
.faded {
  opacity:.4
}
.small {
  font-size:.8em
}
.smaller {
  font-weight:200;
  font-size:.7em
}
.panel {
  width:100%;
  clear:both;
  margin:0 auto
}
.panel.grey {
  background-color:#ededed;
  padding:35px 0 10px
}
.panel.spaced {
  margin-top:100px
}
.content-wrapper {
  max-width:1150px;
  width:100%;
  margin:0 auto
}
header {
  width:100%;
  clear:both;
  margin:0 auto;
  position:fixed;
  top:0;
  z-index:101
}
header .content-wrapper {
  margin:0 auto;
  background-color:#FFF;
  padding:10px 35px 0;
  box-sizing:border-box;
  height:80px
}
header #logo {
  float:left;
  max-width:251px;
  margin-top:5px;
  width:25vw
}
header span {
  float:left;
  width:auto;
  font-size:1.32em
}
header span p {
  font-size:.58em;
  font-weight:500;
  position:relative;
  top:-4px
}
header span img {
  border:0 solid #f2f2f2;
  border-radius:2px
}
header span#search {
  border:1px solid #0a243f;
  padding:3px 5px 5px;
  color:#00263D;
  font-size:1em;
  height:30px
}
#feefo {
  margin-right:15px
}
header input {
  border:none;
  font-size:.8em;
  text-transform:uppercase;
  color:#00263D
}
header,
header a {
  color:#0a263e
}
header a:hover {
  color:#5abacf
}
header em {
  font-style:italic;
  vertical-align:super;
  font-size:.8em
}
header #searchbtn {
  float:right;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:3px;
  background:#0b253e;
  margin-left:20px;
  color:#fff!important;
  font-size:16px;
  font-weight:700;
  width:200px;
  height:48px
}
header #searchbtn span {
  font-family:"FontAwesome";
  font-size:22px;
  font-weight:300;
  transform:scale(-1,1);
  margin-left:20px
}
.fa-envelope-o {
  margin-left:15px
}
.pointer {
  cursor:pointer
}
.finderBtn.disabled {
  cursor:not-allowed
}
@media (max-width:900px) {
  #feefo {
    display:none
  }
  header span {
    font-size:1.25em
  }
  header span p {
    font-size:.5em
  }
  footer .box strong {
    font-size:15px!important
  }
}
@media (max-width:1100px) {
  #feefo {
    display:none
  }
}
@media (max-width:599px) and (orientation:portrait),(max-width:750px) {
  header {
    display:none
  }
  img.lazy {
    width:100%!important;
    height:auto!important
  }
}
.bannerwrap {
  width:100%;
  height:100%;
  max-height:100%
}
.bannerwrap.short {
  height:100%
}
.bannerwrap.landing {
  height:60%
}
.bannerwrap.blank {
  height:190px
}
.panel.fullbanner {
  width:100%;
  height:100%;
  max-height:100%;
  position:absolute;
  top:0;
  margin:0;
  padding:0;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover
}
.panel.fullbanner .content-wrapper {
  padding:0;
  height:100%;
  display:table;
  text-align:center
}
.panel.fullbanner .content-wrapper .box {
  height:100%;
  display:table-cell;
  float:none;
  vertical-align:middle
}
.panel.fullbanner h1 {
  text-align:center;
  font-size:3.8em;
  color:#fff;
  z-index:100;
  font-weight:700;
  line-height:1em;
  text-transform:uppercase;
  text-shadow:2px 2px #000;
  width:100%
}
.panel.fullbanner h1 span {
  font-weight:500
}
.panel.fullbanner img {
  filter:drop-shadow(2px 2px 0 #000)
}
.panel.fullbanner p {
  margin-bottom:0
}
.panel.fullbanner em {
  font-size:2.1em;
  text-transform:uppercase;
  clear:both;
  font-style:normal;
  margin:4%;
  line-height:1.6em
}
.panel.banner {
  width:100%;
  height:auto;
  margin:0;
  padding:220px 0 100px;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:cover
}
.panel.banner.center {
  background-position:center center
}
.panel.banner.top {
  background-position:center center
}
.panel.banner h1 {
  width:100%;
  font-size:4em;
  color:#fff;
  font-weight:600;
  text-transform:uppercase;
  clear:both;
  text-align:center;
  text-shadow:2px 2px #000
}
@media (max-width:900px) {
  .panel.fullbanner {
    font-size:.9em
  }
  .panel.banner h1 {
    font-size:3em
  }
}
@media (max-width:700px) {
  .panel.fullbanner {
    font-size:.7em;
    padding-top:50px;
    box-sizing:border-box
  }
  .panel.banner h1 {
    font-size:2.5em
  }
}
@media (max-width:599px) {
  a.button {
    display:block;
    line-height:1.5em;
    width:80%;
    margin:10px 0 0 5%;
    font-weight:700
  }
  .panel.fullbanner {
    font-size:.6em
  }
  .panel.fullbanner em {
    line-height:1.3em
  }
  .panel.fullbanner h1 {
    top:250px;
    font-size:2.6em;
    text-align:center;
    position:absolute
  }
  .panel.banner h1 {
    font-size:2.6em
  }
}
@media (max-height:599px) and (orientation:landscape) {
  .panel.search {
    font-size:.8em
  }
}
.panel.results {
  padding:40px 0
}
.panel.results .threecol {
  padding:40px 0 0
}
.panel.results h3 {
  text-transform:uppercase
}
.panel.results h3 a {
  color:#575756
}
.panel.results h5 {
  text-transform:uppercase;
  margin-top:0;
  margin-bottom:5px;
  font-weight:400
}
.panel.results h5 a {
  color:#575756
}
.panel.results .threecol .box:nth-child(1) {
  overflow:hidden;
  height:283px;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat
}
.panel.results .threecol .box:nth-child(1) img {
  width:100%;
  height:auto;
  margin:0;
  padding:0
}
.panel.results .threecol .box:nth-child(2) p i {
  width:20px;
  height:20px;
  border:solid 1px #c9c9c9;
  color:#c9c9c9;
  background-color:#FFF;
  text-align:center;
  display:block;
  float:left;
  font:normal .9em 'Open Sans',sans-serif;
  margin-right:5px;
  cursor:pointer
}
.panel.results .threecol .box:nth-child(2) p i.selected {
  background-color:#5abacf;
  color:#0b253e;
  font-weight:600
}
.panel.results .pricebox div:nth-child(3) li {
  text-transform:none;
  list-style:none;
  margin-left:15px
}
.panel.results .pricebox div:nth-child(3) li::before {
  margin-left:-1.1em;
  padding-right:.5em;
  color:#fd0;
  content:"\2714"
}
.panel.results .priceboxlinks a:nth-child(1) {
  width:100%
}
@media (max-width:1100px) {
  .panel.results .threecol .box:nth-child(2) p i {
    margin-right:3px
  }
}
footer {
 width: 100%;
 clear: both;
 margin: 0 auto;
 color: #002B43;
 padding: 60px 0 30px;
}
footer .twoonecol {
 clear:both;
 padding:0 0 30px
}
footer a {
 color: #002B43;
}
footer a:hover {
  color:#5abacf
}
footer .box strong {
 color: #002B43;
 text-transform: uppercase;
 width: 100%;
 font-size: 19px;
 font-weight: 400;
 display: block;
 border-bottom: solid 1px #8593a0;
 border-top: solid 2px #8593a0;
 padding: 12px 0;
 margin: 22px 0;
 word-spacing: .06em;
}
footer ul {
  list-style:none;
  margin:0;
  padding:0
}
footer ul li {
  margin:0 0 7px;
  padding:0;
  text-transform:uppercase
}
footer ul#sociallinks {
  max-width:300px
}
footer ul#sociallinks li {
  float:left;
  width:15%
}
footer p {
  line-height:1.6em
}
footer img {
 margin-right: 3%;
 max-width: 90%;
}
#words {
  text-transform:uppercase
}
.footerbox {
  font-size:.8em
}
.footerbox .box {
  width:25%;
  float:left
}
.box.four {
  font-size:1.2em
}
@media (max-width:1000px) {
  .footerbox {
    font-size:.75em
  }
  .box.four {
    font-size:1em
  }
}
@media (max-width:599px) {
  .footerbox .box.one {
    width:53%;
    padding-left:2%;
    padding-right:5%;
    float:left
  }
  .footerbox .box.two {
    width:38%;
    float:left
  }
  .footerbox .box.three {
    width:38%;
    padding-right:2%;
    float:right;
    margin-top:15px
  }
  .footerbox .box.four {
    width:53%;
    padding-right:5%;
    float:right;
    margin-top:15px;
    font-size:1.2em
  }
  .footerbox .box.four #sociallinks {
    font-size:.8em
  }
  #footersearch {
    text-align: center;
  }
}
.finderStrip {
  position:relative;
  display:block;
  height:90px;
  margin-top:-90px;
  z-index:99;
  background:#0a243f;
  background:rgb(10 36 63 / .75)
}
.finderSelect select {
  background-color:#0a243f;
  color:#fff;
  border-radius:0;
  font-size:.9em;
  padding:5px;
  text-transform:uppercase;
  -webkit-appearance:none;
  width:250px
}
.finderSelect {
  overflow:hidden;
  width:200px;
  border:1px solid #fff;
  float:left;
  margin-top:25px
}
.finderSelect.left {
  margin-left:60px;
  margin-right:20px
}
.finderSelect.right {
  margin-left:20px;
  margin-right:60px
}
.finderButton {
  background-color:#fff;
  color:#0a243f;
  font-size:.9em;
  font-weight:700;
  padding:8px 12px;
  display:inline;
  margin:0 0 0 40px;
  position:relative;
  top:-10px
}
.reviewbox .fa,
.reviews .fa {
  color:#fd0;
  font-size:1.5em
}
.box.enewspanel {
  padding:20px;
  background:#73c4d7;
  margin-bottom:50px
}
h2.enewstitle {
  text-transform:none;
  text-align:left
}
footer .hs-input {
  background:#fff;
  border:1px solid #0b253e;
  font-size:18px;
  color:#0b253e;
  width:82%;
  padding:10px 0 10px 10px;
  float:left
}
footer .hs-button {
  background:#0b253e;
  color:#fff;
  font-size:16px;
  border:0;
  padding:12px 20px 12px 20px;
  margin-left:1%;
  cursor:pointer;
  width:15%
}
p.enewstext {
  clear:both;
  padding-top:15px!important;
  font-size:16px;
  width:100%;
  margin:0 0 10px 0;
  color:#0b253e
}
p.enewstext small a {
  color:#0b253e
}
.hs-error-msgs {
  float:left
}
.grecaptcha-badge {
  display:none;
  visibility:hidden!important
}
@media (max-width:599px) {
  .bannerwrap img {
    display:none
  }
  .bannerwrap.blank {
    height:85px
  }
  header .content-wrapper {
    padding:10px 0 5px;
    height:auto
  }
  footer ul#sociallinks {
    margin-left:2%
  }
  h2.enewstitle {
    font-size:23px;
    text-align:center
  }
  footer .hs-input {
    width:97%;
    float:none;
    margin:10px 0
  }
  footer .hs-button {
    width:100%
  }
  p.enewstext {
    font-size:14px;
    text-align:center
  }
  .hs-error-msgs {
    float:none;
    text-align:center
  }
}
.breadcrumbs {
  display:none
}
.InfinityNumber {
  float:none
}
@media (max-width:1023px) {
  .wideOnly {
    display:none
  }
}
.onetwocol {
  clear:both;
  padding:60px 0
}
.onetwocol>.box:nth-of-type(odd) {
  width:32%;
  margin-right:2%;
  float:left;
  overflow:hidden
}
.onetwocol>.box:nth-of-type(odd) img {
  max-width:100%;
  height:auto
}
.onetwocol>.box:nth-of-type(even) {
  width:65%;
  float:right;
  overflow:hidden
}
.onethreecol {
  clear:both;
  padding:60px 0
}
.onethreecol .box:nth-of-type(odd) {
  width:23%;
  margin-right:2%;
  float:left
}
.onethreecol .box:nth-of-type(odd) img {
  max-width:100%;
  height:auto
}
.onethreecol .box:nth-of-type(even) {
  width:75%;
  float:right
}
.onefivecol .box:nth-of-type(odd) {
  width:17%;
  margin-right:2%;
  float:left
}
.onefivecol .box:nth-of-type(odd) img {
  width:100%;
  height:auto
}
.onefivecol .box:nth-of-type(even) {
  width:81%;
  float:right;
  text-align:left
}
.twocol {
  clear:both
}
.twocol>.box {
  width:49%;
  float:left
}
.twocol>.box img {
  max-width:100%;
  height:auto
}
.twocol>.box:nth-of-type(even) {
  margin-left:2%
}
.twoonecol {
  clear:both;
  padding:60px 0
}
.twoonecol>.box:nth-of-type(odd) {
  width:65%;
  margin-right:2%;
  float:left
}
.twoonecol>.box:nth-of-type(odd) img {
  max-width:100%;
  height:auto
}
.twoonecol>.box:nth-of-type(even) {
  width:32%;
  float:right
}
@media (max-width:599px) and (orientation:portrait) {
  .box {
    padding-bottom:3px
  }
  h3 {
    padding-top:10px
  }
  .onetwocol,
  .twoonecol,
  .twocol {
    clear:both;
    padding:30px 0
  }
  .twoonecol>.box,
  .onetwocol>.box,
  .twocol>.box,
  div.small {
    width:100%!important;
    margin:0!important
  }
  .box p,
  h1,
  h2,
  h3,
  h4 {
    padding:0 2%!important
  }
  .box.half {
    width:44%!important;
    padding-left:3%
  }
}
.threecol {
  clear:both;
  margin-bottom:30px
}
.threecol .box {
  width:32%;
  float:left;
  overflow:hidden
}
.threecol .box img {
  max-width:100%;
  width:100%
}
.threecol .box:nth-child(3n+2) {
  margin:0 2%
}
.threeonecol {
  clear:both;
  padding:60px 0
}
.threeonecol .box:nth-of-type(even) img {
  max-width:100%;
  height:auto;
  margin-bottom:10px;
  clear:both
}
.threeonecol .box:nth-of-type(odd) {
  width:75%;
  float:left
}
.threeonecol .box:nth-of-type(even) {
  width:23%;
  margin-left:2%;
  float:right
}
.fourcol,
.fourcol.static {
  clear:both
}
.fourcol .box,
.fourcol.static .box {
  width:23.5%;
  float:left;
  margin-right:2%
}
.fourcol .box img,
.fourcol.static .box img {
  max-width:100%;
  height:auto
}
.fourcol .box:nth-child(4n+4),
.fourcol.static .box:nth-child(4n+4) {
  margin-right:0
}
@media (max-width:599px) {
  .threecol .box {
    width:100%;
    float:left
  }
  .threecol .box:nth-child(3n+2),
  .threecol .box:nth-child(2n+2) {
    margin:0
  }
  .threeonecol {
    clear:both;
    padding:60px 0
  }
  .threeonecol .box:nth-of-type(odd) {
    width:100%;
    float:left
  }
  .threeonecol .box:nth-of-type(even) {
    width:100%;
    float:left
  }
  .fourcol .box {
    width:100%;
    float:left
  }
  .fourcol .box:nth-child(4n+2),
  .fourcol .box:nth-child(3n+2) {
    margin:0
  }
}
@media (max-width:1150px) {
  nav {
    letter-spacing:0
  }
}
@media (max-width:1100px) {
  .fourcol .box {
    margin-right:0%
  }
}
.subnavtitle {
  color:#5abacf;
  padding:10px 0 10px 10px;
  cursor:default
}
.subnavtitle.padded {
  padding-top:28px
}
nav {
  margin:0;
  padding:5px 0;
  width:100%;
  clear:both;
  float:none;
  position:fixed;
  z-index:102;
  top:70px;
  font-size:.85em;
  height:1em
}
nav .content-wrapper {
  background-color:#0a243f;
  height:38px
}
nav ul,
nav ol {
  padding:0;
  margin:0 auto;
  display:block
}
nav ul li {
  list-style-type:none;
  margin:0;
  clear:none;
  padding:8px 18px;
  float:left
}
nav ul#parentNav li {
  margin-left:0
}
nav ul>li>a {
  color:#fff;
  margin:0;
  padding:0;
  text-decoration:none;
  text-transform:uppercase
}
nav ul>li:last-child a {
  border-right:none
}
nav ul li a:hover {
  color:#fff
}
nav ul li a.selected {
  color:#5abacf
}
nav ul li ul {
  position:absolute;
  z-index:999;
  display:none;
  background-color:#666d73;
  top:3em
}
.navspace,
.navspace_desktop {
  line-height:28px
}
.navspace_mobile {
  display:none
}
.first.parent {
  min-height:38px
}
.first.parent:hover {
  background-color:#666d73
}
.menushift {
  position:relative;
  top:-2.2em;
  left:-22px
}
.first.parent.nogreyhover:hover {
  background-color:#0a243f
}
@media (max-width:599px) and (orientation:portrait),(max-width:750px) {
  .menushift {
    top:0;
    left:0
  }
  nav ul li {
    margin:0!important;
    padding:0!important
  }
  nav ul li ul {
    top:0
  }
  nav .content-wrapper {
    height:1px
  }
  nav ul#parentNav li ol li {
    line-height:25px
  }
  #sitesearch {
    background-color:#0a243f
  }
}
nav ul li ul li,
aside ul li {
  list-style-type:none;
  margin:0;
  padding:0;
  background:none;
  width:100%;
  float:none
}
nav ul li ul li a,
aside li a {
  color:#fff;
  padding:5px 10px;
  margin:0;
  background:none;
  background-color:#666d73;
  font-size:.9em
}
nav ul li ul li a:hover,
nav ul li ul li.selected,
aside li a:hover,
aside li a.selected {
  background-color:#878f96;
  color:#FFF
}
#parentNav {
  min-height:38px;
  max-height:38px
}
nav,
#parentNav,
#childNav,
#childNav #menu-open {
  display:block
}
nav *,
ul#childNav *,
#menu-button,
#sub-menu-button {
  box-sizing:border-box
}
nav a,
aside a {
  display:block
}
nav.sticky {
  position:fixed;
  top:-5px
}
.overview,
#menu-button,
ul#childNav li.child ul,
#sub-menu-button,
#sitesearchwrapper {
  display:none
}
aside {
  display:none
}
ul#childNav {
  clear:both;
  width:100%;
  display:block;
  margin:0;
  padding:0
}
aside li ul {
  margin:0;
  padding:0;
  width:100%;
  height:40px
}
aside li a:hover,
aside li a.selected,
aside li.child-open a {
  color:#fff;
  text-decoration:none
}
aside .open ul {
  display:block
}
aside .child-open div {
  display:block;
  width:100%;
  top:220px
}
aside .child-open div ul {
  max-width:960px;
  width:100%;
  margin:0 auto;
  clear:both
}
.thirdnav {
  margin-top:220px
}
aside .child-open div ul li {
  background:none;
  float:left;
  padding:0;
  text-align:left;
  width:auto;
  margin:0;
  text-transform:none
}
aside .child-open div ul li a {
  margin:0;
  color:#fff;
  transition:none;
  padding:12px 30px;
  background-color:#878f96
}
aside .child-open div ul li a:hover {
  background-color:#bdc4ca
}
aside .child-open div ul li a.selected {
  background-color:#bdc4ca
}
#nav-foot {
  width:750px;
  padding-bottom:15px
}
#nav-bike {
  width:600px;
  padding-bottom:15px
}
#nav-guided {
  width:520px;
  padding-bottom:15px
}
#nav-tour {
  width:200px;
  padding-bottom:10px
}
#nav-pilgrimage {
  width:180px;
  padding-bottom:10px
}
#nav-family {
  width:380px;
  padding-bottom:10px
}
#nav-snow {
  width:150px;
  padding-bottom:10px
}
#nav-destination {
  width:520px;
  padding-bottom:15px
}
#nav-about {
  width:450px;
  padding-bottom:15px
}
#nav-information {
  width:475px;
  padding-bottom:15px
}
#nav-offers {
  width:180px;
  padding-bottom:10px
}
#nav-foot-1 {
  width:28%
}
#nav-foot-2 {
  width:28%
}
#nav-foot-3 {
  width:17%
}
#nav-foot-4 {
  width:17%
}
#nav-bike-1 {
  width:35%
}
#nav-bike-2 {
  width:35%
}
#nav-bike-3 {
  width:20%
}
@media (max-width:599px) and (orientation:portrait),(max-width:750px) {
  .first.parent {
    background-color:#0a243f
  }
  #nav-foot,
  #nav-bike,
  #nav-guided,
  #nav-tour,
  #nav-pilgrimage,
  #nav-family,
  #nav-snow,
  #nav-destination,
  #nav-about,
  #nav-information,
  #nav-offers {
    width:100%
  }
  #nav-foot-1,
  #nav-foot-2,
  #nav-foot-3,
  #nav-foot-4 {
    width:100%
  }
  #nav-bike-1,
  #nav-bike-2,
  #nav-bike-3 {
    width:100%
  }
  .subnavtitle {
    color:#0a243f;
    background-color:#fff;
    min-height:30px;
    padding:5px 8px!important;
    font-weight:700
  }
  .navspace,
  .navspace_mobile {
    line-height:5px;
    background-color:#fff;
    display:block;
    width:100%
  }
  .navspace_desktop {
    display:none
  }
}
@media (max-width:599px) and (orientation:portrait),(max-width:750px) {
  .parent .arrow:after {
    content:""
  }
  .parent.open .arrow:after {
    content:""
  }
  .parent .arrow:before {
    font:20px "FontAwesome";
    content:"\f0fe";
    padding-right:15px;
    padding-top:0
  }
  .parent .arrow.menuopen:before {
    font:20px "FontAwesome";
    content:"\f146";
    padding-right:15px;
    padding-top:0
  }
  .parent .square:before {
    font:20px "FontAwesome";
    content:"\f0c8";
    padding-right:15px;
    padding-top:0
  }
}
@media (max-width:1150px) and (min-width:601px) {
  nav {
    font-size:1.35vw
  }
  nav ul li {
    padding:8px 12px;
    float:left
  }
  #search {
    max-width:18vw;
    margin-left:4vw;
    margin-top:0
  }
  #words {
    max-width:12vw
  }
  #logo img {
    max-width:25vw
  }
  .menushift {
    left:-15px
  }
  .panel.prices li {
    font-size:80%
  }
  .panel.prices table {
    font-size:80%
  }
}
@media (max-width:750px) {
  nav {
    top:49px;
    font-size:.85em
  }
  nav ul li {
    padding:8px 5px;
    float:left
  }
  nav .content-wrapper {
    z-index:998
  }
  aside {
    display:block
  }
  .overview,
  #sub-menu-button,
  .child-open ul,
  #sitesearchwrapper {
    display:block
  }
  nav,
  nav ul {
    width:100%;
    margin:0;
    padding:0!important
  }
  nav,
  aside {
    border:none;
    height:auto;
    font-weight:400;
    position:relative
  }
  nav ul#parentNav,
  aside ul#childNav {
    display:none;
    width:100%;
    margin:0;
    padding:0;
    float:none;
    clear:both;
    ;
    border:none;
    border-radius:0;
    height:auto
  }
  #menu-button {
    position:fixed;
    top:0;
    z-index:9999;
    width:100%;
    height:54px!important;
    color:#fff;
    text-transform:uppercase;
    font-size:1.2em;
    padding-top:7px;
    display:block;
    background-color:#011b2c;
    border-bottom:1px solid #fff
  }
  #menu-button a {
    display:block;
    font-weight:700;
    margin-top:0
  }
  nav ul li ul li,
  aside ul li {
    margin:0!important;
    padding:0!important
  }
  nav ul li ul,
  aside ul li ul {
    position:relative;
    display:none;
    width:100%;
    margin:0;
    padding:0;
    float:none;
    clear:both;
    background-image:none;
    background-color:#FFF;
    border:none;
    left:0
  }
  nav,
  nav ul li,
  nav ul li ul li,
  aside,
  aside ul li,
  aside ul li ul li {
    width:100%;
    float:none
  }
  nav ul li a,
  aside ul li a {
    border:none;
    border-bottom:1px solid #fff;
    background-color:#012841;
    margin:0;
    color:#fff;
    padding:10px;
    background-image:none
  }
  nav ul li ul li a,
  aside ul li ul li a {
    background-color:#7f8387;
    border-top:none;
    border-bottom:1px solid #fff;
    padding:7px
  }
  #parentNav,
  ul#childNav,
  ul#childNav li#parent {
    display:none
  }
  #parentNav a {
    border-radius:0;
    color:#fff
  }
  aside ul#childNav li a.arrow {
    background:#7f8387 url(https://images.headwater.com/moments/icons/navigation/arrow.png) no-repeat 97% center
  }
  #sub-menu-button {
    width:100%;
    height:45px;
    color:#fff;
    text-transform:uppercase;
    background-color:#012841;
    cursor:pointer;
    padding-top:12px;
    padding-left:50px;
    display:block;
    margin:0;
    text-align:left;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#FFF;
    font-weight:400;
    font-size:1.2em
  }
  #sub-menu-button em {
    padding-left:50px;
    font-style:normal;
    font-weight:400
  }
  aside li {
    float:left;
    width:100%;
    text-align:left;
    background-image:none;
    padding:0;
    margin:0
  }
  aside .child-open div {
    display:block;
    position:relative;
    width:auto;
    background-color:#fff0;
    left:auto;
    top:auto;
    margin:0;
    padding:0
  }
  aside .child-open div ul {
    width:auto;
    margin:auto
  }
  aside .child-open div ul li {
    float:none;
    width:auto;
    margin:auto;
    font-size:.9em
  }
  aside .child-open div ul li a {
    padding:10px;
    text-transform:uppercase;
    border-radius:0
  }
  aside .child-open div ul li a.selected {
    text-decoration:none;
    background:none
  }
  aside li.child-open a {
    color:#fff
  }
  aside .child-open div ul li a:hover {
    color:#fff
  }
  aside ul#childNav li a {
    border-bottom:1px solid #fff;
    background-color:#7f8387;
    text-transform:uppercase
  }
  aside ul#childNav li ul li a {
    background-color:#c0c2c4
  }
  .menushift {
    left:-5px
  }
}
.box.ddown {
  margin:0;
  padding:0;
  width:25%;
  float:left;
  background-color:#5abacf;
  border-right:solid 1px #fff;
  border-bottom:solid 1px #fff;
  box-sizing:border-box;
  cursor:pointer;
  z-index:1
}
.panel.searchbar .box.ddown {
  margin:0;
  padding:0;
  width:80%;
  float:left;
  background:none;
  border:solid 1px #fff;
  box-sizing:border-box;
  cursor:pointer;
  z-index:1;
  font-size:.9em
}
.panel.searchbar .threecol>.box .box.ddown:nth-child(2) {
  border-left:none
}
.panel.advancedsearch .content-wrapper span {
  width:25%;
  background-color:#0b253e;
  color:#fff;
  font-size:.9em;
  text-transform:uppercase;
  display:block;
  border-right:solid 1px #fff;
  box-sizing:border-box;
  padding:6px 8px;
  cursor:pointer
}
.panel.advancedsearch .content-wrapper span i {
  float:right;
  margin:3px
}
.panel.advancedsearch span.opentab i:nth-child(1) {
  display:none!important
}
.panel.advancedsearch span.opentab i:nth-child(2) {
  display:inline!important
}
.search .box.advanced {
  display:none
}
ul.dropdown {
  list-style-type:none;
  margin:0;
  padding:0;
  width:100%;
  color:#fff;
  font-size:.9em
}
@media (max-width:599px) and (orientation:portrait),(max-height:599px) and (orientation:landscape),(hover:none) {
  nav ul#parentNav,
  aside ul#childNav {
    position:absolute
  }
  .threecol ul.dropdown {
    font-size:1.1em
  }
  .menushift {
    left:0
  }
}
.whiteshadow ul.dropdown {
  background-color:#f8f8f8
}
ul.dropdown li {
  width:100%;
  text-transform:uppercase;
  margin:0
}
ul.dropdown.single li {
  text-transform:none
}
ul.dropdown li {
  width:100%;
  text-transform:uppercase;
  margin:0
}
ul.dropdown li span {
  padding:8px;
  display:block
}
ul.dropdown li span strong {
  padding:0;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  font-weight:400;
  color:#FFF;
  width:95%;
  mask-image:linear-gradient(to right,rgb(0 0 0) 90%,#fff0);
  -webkit-mask-image:linear-gradient(to right,rgb(0 0 0) 90%,#fff0)
}
ul.dropdown li span em {
  color:#ea8a1d
}
ul.dropdown>li>span>i:nth-child(1),
.panel.advancedsearch .content-wrapper span i:nth-child(1) {
  display:block
}
ul.dropdown>li>span>i:nth-child(2),
.panel.advancedsearch .content-wrapper span i:nth-child(2) {
  display:none
}
ul.dropdown>li>span.open>i:nth-child(1) {
  display:none
}
ul.dropdown>li>span.open>i:nth-child(2) {
  display:block
}
ul.dropdown>li>span>i {
  float:right;
  margin:12px 3px 0 0;
  display:block;
  padding-left:2%
}
ul.dropdown>li .close {
  float:right;
  margin:18px 8px 0 6px;
  display:none
}
ul.dropdown>li .close.active {
  display:block
}
ul.dropdown li.info {
  text-transform:none;
  padding-left:2.1em!important;
  pointer-events:none
}
ul.dropdown>li>span>i.fa-window-close {
  float:right;
  margin-top:8px;
  display:block;
  width:8%;
  padding-left:2%;
  color:#0c263d
}
ul.dropdown li ul {
  position:absolute;
  list-style-type:none;
  margin:0;
  padding:0;
  background-color:#5abacf;
  overflow:auto;
  max-height:250px;
  max-width:287px;
  width:25%;
  display:none;
  text-transform:capitalize;
  border-top:solid 1px #fff;
  z-index:1
}
ul.dropdown li ul li {
  padding:6px 10px;
  width:auto;
  text-align:left
}
ul.dropdown li ul li:hover,
ul.dropdown li ul li.ticked:hover {
  background-color:#0b253e;
  cursor:pointer;
  color:#fff
}
ul.dropdown li ul i,
ul#options li i {
  margin:2px 8px 0 0;
  float:left;
  font-size:.6em;
  padding:3px;
  color:#fff;
  background-color:#fff
}
ul.dropdown li ul li.ticked,
ul.dropdown li ul li.ticked i {
  color:#0b253e
}
.opentab {
  display:block
}
.panel.searchbar .box.check {
  margin:0;
  padding:10px;
  width:50%;
  float:left;
  background:none;
  border:solid 1px #fff;
  border-left:none;
  box-sizing:border-box;
  cursor:pointer;
  z-index:1
}
.panel.searchbar .box.check ul {
  margin:0;
  padding:0
}
.panel.searchbar .box.check li {
  border:solid 1px #0b253e;
  box-sizing:border-box;
  cursor:pointer;
  z-index:1;
  width:50%;
  list-style:none;
  float:left;
  padding:6px 0;
  margin:0;
  color:#FFF;
  font-size:.8em;
  text-transform:uppercase;
  text-align:center;
  background-color:#0b253e
}
.panel.searchbar .box.check li.ticked {
  border-color:#fff
}
.panel.searchbar {
  position:absolute;
  z-index:9;
  bottom:0;
  padding:1.5% 0;
  background:rgb(10 36 63 / .75)
}
.panel.searchbar a.searchsub {
  background-color:#92d7ab;
  color:#0b253e;
  width:100%;
  text-transform:uppercase;
  padding:15px 0 14px;
  font-size:1.1em;
  display:block;
  text-align:center;
  cursor:pointer;
  border:1px solid #000;
  box-shadow:2px 2px 0 0 #f3f3f3;
  border-radius:4px
}
.panel.searchbar a.searchsub:hover,
.panel.searchbar.home a.searchsub:hover {
  background-color:#5abacf
}
p.loadsearch {
  text-transform:uppercase;
  color:#000;
  clear:both;
  margin-top:40px
}
p.loadsearch span {
  padding:10px 30px;
  background-color:#f1f1f1
}
.panel.searchbar.home .box img.actsel {
  margin:0 1%;
  width:18%;
  height:auto;
  cursor:pointer;
  padding:0;
  max-width:72px
}
.panel.searchbar.home .box img.actsel.inactive {
  filter:brightness(0) invert(1);
  opacity:.25
}
.panel.searchbar.home a.searchsub {
  background-color:#FFF;
  margin-top:7%
}
.panel.searchbar.home a.searchsub.inactive,
.panel.searchbar.home a.searchsub.inactive:hover {
  opacity:.25;
  cursor:default
}
.panel.searchbar.home .box.ddown {
  margin:5px 0;
  width:50%;
  float:left;
  clear:left;
  border-left:solid 1px #fff!important
}
.panel.searchbar.home ul.dropdown li span {
  padding:4px 8px;
  display:block
}
.panel.searchbar.home .threecol>.box .box.ddown:nth-child(3) {
  margin:0
}
.panel.searchbar.home #results {
  color:#fff;
  width:50%;
  float:right;
  text-align:center;
  text-transform:uppercase;
  font-size:.8em
}
.panel.searchbar.home #results strong {
  color:#fff;
  font-size:6em;
  display:block;
  font-weight:400;
  line-height:1.05em
}
.offers-button {
  border:1px solid #fff;
  padding:0 2px;
  border-radius:3px
}
@media (max-width:1100px) {
  ul.dropdown li ul li:last-child {
    margin-bottom:125px
  }
  ul.dropdown li ul {
    max-height:150px
  }
  .panel.searchbar .box.searchdropdown {
    width:25%!important;
    margin:0!important
  }
  .panel.searchbar .box.ddown {
    width:95%
  }
  #searchTrigger {
    font-size:1.4vw
  }
  .searchdropdown {
    font-size:1.6vw
  }
  .panel.searchbar a.searchsub {
    width:99%;
    border:1px solid #fff;
    margin-top:2px;
    box-shadow:none
  }
  .wideOnly {
    display:none
  }
}
@media (max-width:350px) and (orientation:portrait) {
  .panel.searchbar .box.ddown {
    font-size:.75em
  }
}
@media (max-width:750px) and (orientation:portrait) {
  .panel.searchbar .box.ddown {
    width:100%
  }
  .search .box {
    width:50%
  }
  .panel.advancedsearch .content-wrapper span {
    width:100%;
    padding:8px
  }
  ul.dropdown li ul {
    width:50%!important
  }
  .panel.searchbar ul.dropdown li ul {
    width:50%;
    bottom:90%
  }
  .panel.searchbar .box.searchdropdown {
    width:33%!important;
    margin:0!important
  }
  #DepartDateDropdown {
    right:0
  }
  p.loadsearch {
    width:100%;
    text-align:center;
    padding:0
  }
  .panel.searchbar ul.dropdown li ul {
    width:50%;
    bottom:90%
  }
  ul.dropdown>li .close {
    display:none!important
  }
  #searchTrigger {
    font-size:inherit
  }
  .searchdropdown {
    font-size:inherit
  }
  .threecol ul.dropdown li ul li {
    padding:6px 9px
  }
}
@media (max-width:750px) {
  #SearchResultsTitle {
    display:none
  }
  #SearchResultsImage {
    display:none
  }
  #holcounter1 {
    padding-top:85px
  }
}
@font-face {
  font-family:'FontAwesome';
  src:url(https://static.headwater.com/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2) format("woff2"),
  url(https://static.headwater.com/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff) format("woff"),
  url(https://static.headwater.com/css/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf) format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap
}
.fa {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.fa-lg {
  font-size:1.33333333em;
  line-height:.75em;
  vertical-align:-15%
}
.fa-2x {
  font-size:2em
}
.fa-3x {
  font-size:3em
}
.fa-4x {
  font-size:4em
}
.fa-5x {
  font-size:5em
}
.fa-fw {
  width:1.28571429em;
  text-align:center
}
.fa-ul {
  padding-left:0;
  margin-left:2.14285714em;
  list-style-type:none
}
.fa-ul>li {
  position:relative
}
.fa-li {
  position:absolute;
  left:-2.14285714em;
  width:2.14285714em;
  top:.14285714em;
  text-align:center
}
.fa-li.fa-lg {
  left:-1.85714286em
}
.fa-border {
  padding:.2em .25em .15em;
  border:solid .08em #eee;
  border-radius:.1em
}
.fa-pull-left {
  float:left
}
.fa-pull-right {
  float:right
}
.fa.fa-pull-left {
  margin-right:.3em
}
.fa.fa-pull-right {
  margin-left:.3em
}
.pull-right {
  float:right
}
.pull-left {
  float:left
}
.fa.pull-left {
  margin-right:.3em
}
.fa.pull-right {
  margin-left:.3em
}
.fa-spin {
  animation:fa-spin 2s infinite linear
}
.fa-pulse {
  animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(359deg)
  }
}
@keyframes fa-spin {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(359deg)
  }
}
.fa-rotate-90 {
  transform:rotate(90deg)
}
.fa-rotate-180 {
  transform:rotate(180deg)
}
.fa-rotate-270 {
  transform:rotate(270deg)
}
.fa-flip-horizontal {
  transform:scale(-1,1)
}
.fa-flip-vertical {
  transform:scale(1,-1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter:none
}
.fa-stack {
  position:relative;
  display:inline-block;
  width:2em;
  height:2em;
  line-height:2em;
  vertical-align:middle
}
.fa-stack-1x,
.fa-stack-2x {
  position:absolute;
  left:0;
  width:100%;
  text-align:center
}
.fa-stack-1x {
  line-height:inherit
}
.fa-stack-2x {
  font-size:2em
}
.fa-inverse {
  color:#fff
}
.fa-check:before {
  content:"\f00c"
}
.fa-angle-up:before {
  content:"\f106"
}
.fa-angle-down:before {
  content:"\f107"
}
.fa-spinner:before {
  content:"\f110"
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position:static;
  width:auto;
  height:auto;
  margin:0;
  overflow:visible;
  clip:auto
}
img.ratingicon {
  width:13%;
  max-width:22px!important;
  margin-right:2px!important
}
@media (max-width:750px) {
  .desktopExcluded {
    display:none!important;
    height:0!important
  }
  .mobilemenutext {
    display:block;
    color:#fff;
    font-size:11px;
    text-transform:none;
    font-weight:400;
    line-height:13px
  }
  .mobilenavicon {
    font-size:28px;
    color:#fff;
    cursor:pointer
  }
  .mobileLastPadding {
    padding-top:2%
  }
  #locatorflag {
    width:20px
  }
  ul.dropdown {
    font-size:.8em
  }
}
@media (max-width:750px) and (orientation:portrait) {
  .threecol {
    margin-bottom:0
  }
  .panel.searchbar .box.searchdropdown {
    width:100%!important
  }
  .panel.searchbar a.searchsub {
    padding:11px 0 11px 0
  }
  .threecol ul.dropdown li span {
    padding:10px
  }
  .threecol ul.dropdown li span strong {
    display:inline-block;
    line-height:1.2em;
    position:relative;
    top:3px;
    max-width:60%
  }
  .threecol ul.dropdown>li>span>i {
    margin:3px 3px 0 0
  }
  ul.dropdown li ul {
    max-height:41vh!important
  }
  .threecol ul.dropdown li ul {
    max-width:100%;
    width:100%!important
  }
  ul.dropdown li ul li:last-child {
    margin-bottom:5px
  }
  .threecol ul.expand.active {
    position:relative;
    bottom:-30px
  }
}
.offercallout {
  position:fixed;
  top:115px;
  z-index:101;
  width: 100%;
  max-width: 1150px;
}
.offercalloutbox {
  float:left;
  background-color:#e46185;
  padding:6px 25px;
  text-align:center;
  border-radius:0 0 8px 8px;
  color:#0b253e;
  font-weight:700;
  font-size:1.1em;
  box-sizing:border-box;
  width:100%;
  filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1))
}
.offercalloutbox i {
  font-style:normal;
  font-size:90%;
  font-weight:400
}
@media (max-width:1260px) {
  .offercalloutbox {
    padding:4px 10px 4px 10px
  }
}
@media (max-width:750px) {
  .offercallout {
    width:100%;
    top:54px;
    z-index:10
  }
  .offercalloutbox {
    margin-top:0;
    width:96%;
    float:none;
    display:inline-block;
    padding:2px 2%;
    text-align:center;
    border:0;
    filter:none
  }
  .offercalloutbox i {
    display:none
  }
}
@media (max-width:599px) {
  .offercallout {
    width:100%;
    top:54px
  }
  .offercalloutbox {
    width:100%;
    padding:2px;
    font-size:1em
  }
  #pricestab {
    letter-spacing:-.6px
  }
  ul.dropdown li ul li {
    padding:4px 5px;
    width:auto;
    text-align:left
  }
}
p.noheight {
  height:1px;
  overflow:hidden;
  margin-bottom:0
}
.block.display {
  display:none
}
.block.visibility {
  visibility:hidden
}
.block.opacity {
  opacity:0;
  filter:alpha(opacity=0)
}
.block.zindex {
  position:relative;
  z-index:-1;
  color:#ededed!important;
  background-color:#ededed!important;
  border:0!important
}
.block.position {
  position:absolute;
  top:0;
  left:-2000px
}
#mobile-portrait,
#mobile-landscape,
#touch-device {
  display:none
}
@media (max-width:599px) and (orientation:portrait) {
  #mobile-portrait,
  #touch-device {
    display:inline
  }
  html,
  body {
    overflow-x:hidden
  }
  body {
    position:relative
  }
}
@media (max-height:599px) and (orientation:landscape) {
  #mobile-landscape,
  #touch-device {
    display:inline
  }
}
@media (max-width:770px) and (orientation:portrait),(max-height:770px) and (orientation:landscape) {
  #touch-device {
    display:inline
  }
}
@media (hover:none) {
  #touch-device {
    display:inline
  }
}
@media (max-width:599px) and (orientation:portrait) {
  .desktopOnly {
    display:none!important
  }
}
@media (min-width:481px) {
  .mobileOnly {
    display:none!important
  }
}
.async-hide {
  opacity:0!important
}
#newex_modal {
  position:fixed;
  z-index:99999;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:none;
  background-color:#000;
  background-color:rgb(0 0 0 / .4)
}
#newex_content {
  background-color:#fefefe;
  margin:8% auto;
  padding:20px;
  border:3px solid #5abacf;
  width:45%
}
#newex_logo {
  float:right;
  padding-left:20px;
  width:25%;
  max-width:180px
}
h2.newex {
  text-align:left;
  text-transform:none
}
#newex_close {
  float:right;
  display:block;
  padding:3px 15px;
  background-color:#5abacf;
  color:#fff;
  border-radius:2px;
  cursor:pointer
}
@media (max-width:750px) {
  #newex_content {
    background-color:#fefefe;
    margin:5%;
    padding:5px;
    border:3px solid #5abacf;
    width:70%;
    text-align:center;
    font-size:.9em
  }
  h2.newex {
    font-size:1.3em;
    text-align:center
  }
  #newex_logo {
    float:none;
    padding:0;
    width:100%
  }
}



/* NEW NAVABR STYLES */

:root {
	--abt-primary: #0a243f;
	--abt-bg-primary: #ffffff;
	--abt-bg-secondary: #ededed;
 --foot-container: 640px;
 --foot-content: 45em;
 --bike-container: 460px;
 --bike-content: 30em;
 --dest-container: 600px;
 --dest-content: 44em;
}

@keyframes slide-in {
 0% { transform: translateX(-100%); }
 100% { transform: translateX(0%); }
}

nav .content-wrapper {
	background-color: transparent !important;
	color: var(--abt-primary) !important;
}

#parentNav {
	max-height: revert;
	display: flex;
	align-items: baseline;
	position: relative;
	filter: drop-shadow(0 25px 10px rgba(0,0,0,0.1));
	isolation: isolate;
}

#parentNav > #locationwrapper {
	margin-left: auto !important;
}

nav .menu-level-1.nogreyhover:hover {
	background-color: var(--abt-bg-primary);
	color: var(--abt-primary);
}

nav .menu-level-2 {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	background-color: var(--abt-bg-primary);
	display: none;
	grid-template-columns: 300px 1fr 260px;
	grid-template-rows: 1fr;
 height: 460px;
}

nav .menu-level-2-tabs {
	background-color: var(--abt-bg-secondary);
	position: relative;
	padding: 24px 16px;
	padding-right: 0;
}

nav .menu-level-2-tabs ol {
	display: flex;
	flex-direction: column;
}

nav .menu-level-2-tab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	cursor: pointer;
}

nav img.arrow {
 height: 1.5em;
}

nav .menu-level-2-tab-content {
	position: absolute;
	left: 300px;
	top: 0;
	display: none;
	padding: 24px 16px;
	width: max(425px, 100%);
}

nav .menu-level-2-tab-content li a, nav .menu-level-2-tab-content li .more-destinations {
	padding: 8px;
	display: block;
	color: inherit;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.2px;
	text-transform: capitalize;
}

nav .menu-level-2-tab-content li a:hover {
	color: inherit;
	text-decoration: underline;
}

nav .menu-level-2-tab-content li .more-destinations {
 font-style: italic;
 cursor: pointer;
}


/* nav .master-menu-link{font-weight:700!important;} */

nav .menu-level-2-tabs li.active .menu-level-2-tab-content {
	display: block;
}

nav .menu-level-2-tabs li.active .menu-level-2-tab {
	background-color: var(--abt-bg-primary)!important;
}

nav .menu-level-1 button .arrow {
	transition: transform 200ms;
}

nav .menu-level-1.active button .arrow {
	transform: rotate(180deg); 
}

nav .menu-level-1.expandable.active .menu-level-2 {
	display: grid;
}

nav ul li {
	padding: 0 !important;
}

nav ul li > button,
nav ul li > a {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	background-color: inherit !important;
	color: inherit !important;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	padding: 8px 16px !important;
	border: none;
	text-wrap: nowrap;
	cursor: pointer;
}

.menu-level-2-featured {
	grid-column: 3/4;
	padding: 24px 16px;
	display: none;
	flex-direction: column;
	gap: 16px;
 position: absolute;
}

.menu-level-2-featured.show{
 display: flex;
}

.menu-level-2-featured h3,
.menu-level-2-featured h4 {
	color: var(--abt-primary);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.menu-level-2-featured .holtitle {
 color: var(--abt-primary);
 font-size: 0.9rem;
 font-weight: 700;
 line-height: 1.5;
 letter-spacing: 0.2px;
 text-transform: uppercase;
 margin: 0;
 padding: 0;
 min-height: 3em;
}

.menu-level-2-featured img {
	width: 100%;
	height: 160px;
	object-fit: cover;
 border-radius: 4px;
}

.menu-level-2-featured p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
 overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
 line-clamp: 3;
	line-height: 1.4;
	max-height: 6em;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
}

.menu-level-2-featured a {
	display: block;
	width: 100%;
	padding: 12px 24px;
	background-color: var(--abt-primary);
	color: var(--abt-bg-primary);
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
}

.menu-level-2-tab-content ol li {
	min-width: 260px;
}



#more-destination-foot.visible, #more-destination-bike.visible {
 flex-wrap: wrap;
 max-height: var(--foot-content);
 display: flex;
 flex-direction: column;
}
#more-destination-bike.visible {
 max-height: var(--bike-content);
}

#more-destination-foot, #more-destination-bike {
 display: none;
}




@media (min-width: 1101px) {
	nav .content-wrapper {
		height: auto !important;
	}

 #more-destination-foot, #more-destination-bike {
  flex-wrap: wrap;
  max-height: var(--foot-content);
  display: flex;
  flex-direction: column;
 }
 #more-destination-bike {
  max-height: var(--bike-content);
 }

	nav ul#parentNav {
		display: flex !important;
		max-height: revert;
		background: #ffffff;
		padding-left: 19px;
  max-width: 1150px;
  width: 100%;  
	}
	
	nav .menu-level-1:hover,
 nav .menu-level-1.active {
  text-decoration: underline;
 }

 /* set content length for each menu */
 .menu-level-2-tab-content ol {
  margin: 0;
  max-height: 600px;
  flex-wrap: wrap;
 }

 #toggle-foot + .menu-level-2 {min-height: var(--foot-container);}
 #more-destination-foot {max-height: var(--foot-content);}
 /*#parent-foot .menu-level-2-tab-content ol {max-height: 42em;}*/

 #toggle-bike + .menu-level-2 {min-height: var(--bike-container);}
 #more-destination-bike {max-height: var(--bike-content);}

 /* #parent-bike .menu-level-2-tab-content ol {max-height: 30em;}*/
 #toggle-destination + .menu-level-2 {min-height: var(--dest-container);}
 #parent-destination .menu-level-2-tab-content ol {max-height:var(--dest-content);}
}
 

/*up the breakpoint*/
@media (max-width: 1100px) {
	.navspace_desktop,
	header {
		display: none !important;
 	}

	nav {
		top: 49px;
		font-size: 0.85em;
	}

	nav div.content-wrapper {
		height: 0px;
	}

	nav ul#parentNav {
		display: none;
		width: 100%;
		height: 100% !important;
	}

	#menu-button {
		display: block !important;
		position: fixed;
		top: 0;
		z-index: 9999;
		width: 100%;
		height: 54px !important;
		padding-top: 7px;
		background-color: #011b2c;
	}

	#menu-button img {
		max-height: 40px;
	}

 #menu-open-search + a > img {
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto !important ;
	}

	nav ul#parentNav li {
		width: 100%;
		float: none;
	}

 nav ul li > button {
  width: 100%;
  justify-content: space-between;
 }

	nav {
		height: 100% !important;
		width: 95% !important;
		position: fixed !important;
		top: 49px !important;
		pointer-events: none;
	}

	nav div.content-wrapper {
		pointer-events: auto;
	}

	#parentNav {
		background-color: #ffffff;
		max-height: 100% !important;
		overflow: auto;
		padding-top: 16px;
		padding-top: 16px !important;
		padding-bottom: 100px !important;
		animation: slide-in 200ms both ease-out;
	}

	nav .menu-level-1:hover {
		background-color: revert;
	}
	
	nav .menu-level-1.active button {
	 background-color: #ffffff !important;
	}

	nav .menu-level-2-tab,
	nav .menu-level-2-tabs {
		font-weight: normal;
		text-transform: capitalize;
	}

	nav .menu-level-2-tabs {
		padding: 0;
		background: var(--abt-bg-primary);
	}

	nav .menu-level-2-tab-content {
		padding: 0;
		margin: 0 16px;
		border-left: 1px solid lightgray;
	}

	nav .menu-level-2-tabs li .menu-level-2-tab svg {
		transform: rotate(90deg);
		transition: transform 200ms;
	}

	nav .menu-level-2 {
		position: revert;
		display: none;
	}

	nav .menu-level-1.expandable.active .menu-level-2 {
		display: block;
	}

	nav .menu-level-2-tabs,
	nav .menu-level-2-tab-content {
		position: revert;
		overflow: hidden;
	}

	nav .menu-level-2-tab-content {
		padding-left: 8px;
	}

	.menu-level-2-featured {
		display: none;
	}

	#toggle-destination + .menu-level-2 {
		min-height: auto;
	}

	.destination-europe .menu-level-2-tab-content {
		flex-direction: column;
	}

	.destination-europe .menu-level-2-tab-content ol {
		width: 100%;
		max-height: revert;
	}

	#parentNav > #locationwrapper {
		display: none;
	}
}

/*@media (max-width: 599px) {*/
@media (max-width: 750px) {
.footerbox .box.three {margin-top: 22px}
 #more-destination-foot {max-height: unset!important}
 #more-destination-bike {max-height: unset!important}
 nav .parent-level-2 img.arrow {transition: transform 200ms}
 nav .parent-level-2.active img.arrow {transform: rotate(180deg)}
}

@media (max-width: 480px) {
 #menu-open-search + a > img {
   left: 50% !important;
   margin-left: -25% !important;
 }

 .menu-level-2-featured.show{
  display: none!important;
 }    

 nav .menu-level-2 {
  height: max-content;
 }
}

.tripcode
{
 border:1px solid #ddd;
 width:9em;
 text-align:center;
 font-size:95%;
 margin-left:2.6em;
 text-transform:uppercase;
}
@media (max-width:650px) { 
 .tripcode {margin-top:10px; margin-left:10px; font-size:110%;}
}

/* Scale font and line sizes for shorter (laptop) screens */
@media ((min-width:450px) and (max-height:750px)) { 
 #parent-foot li a {line-height: 1.25!important} 
 #more-destination-foot {max-height:calc(var(--foot-content)*0.9)}
 #parent-destination li a {line-height: 0.95!important} 
 #parent-destination .menu-level-2-tab-content ol {max-height:calc(var(--foot-content)*0.82)}  /* 38 */
}
@media ((min-width:450px) and (max-height:700px)) { 
 #parent-foot li a {line-height: 1.25!important} 
 #more-destination-foot {max-height:calc(var(--foot-content)*0.9)}
 #parent-destination li a {line-height: 0.95!important} 
 #parent-destination .menu-level-2-tab-content ol {max-height:calc(var(--foot-content)*0.82)}  /* 38 */
}
@media ((min-width:450px) and (max-height:650px)) { 
 #parent-foot li a {line-height: 1.1!important} 
 #more-destination-foot {max-height:calc(var(--foot-content)*0.86)}
 #parent-destination li a {line-height: 0.88!important} 
 #parent-destination .menu-level-2-tab-content ol {max-height:calc(var(--foot-content)*0.76)}  /* 35 */
}
@media ((min-width: 450px) and (max-height: 620px)) { 
 #parent-foot li a {line-height: 0.88!important} 
 #more-destination-foot {max-height:calc(var(--foot-content)*0.75)} 
 #parent-destination li a {line-height: 0.8!important} 
 #parent-destination .menu-level-2-tab-content ol {max-height:calc(var(--foot-content)*0.7)}
}

/* Adjustments for desktop menu */
@media (min-width: 751px) {
 nav .parent-level-2 img.arrow {transform: rotate(270deg)!important}
}
/* END OF NAVBAR STYLES */