@font-face {
  font-family: 'bcs';
  src: url('/fonts/bcs.eot?8o9imw');
  src: url('/fonts/bcs.eot?8o9imw#iefix') format('embedded-opentype'), url('/fonts/bcs.ttf?8o9imw') format('truetype'), url('/fonts/bcs.woff?8o9imw') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'asterone';
  src: url('/fonts/asterone.otf') format('opentype');
  src: url('/fonts/asterone.ttf') format('truetype'), url('/fonts/asterone.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bcs' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add-outline:before {
  content: "\e900";
}

.icon-add-solid:before {
  content: "\e901";
}

.icon-attachment:before {
  content: "\e902";
}

.icon-block:before {
  content: "\e903";
}

.icon-bolt:before {
  content: "\e904";
}

.icon-checkmark:before {
  content: "\e905";
}

.icon-close:before {
  content: "\e906";
}

.icon-cog:before {
  content: "\e907";
}

.icon-copy:before {
  content: "\e908";
}

.icon-download:before {
  content: "\e909";
}

.icon-edit-pencil:before {
  content: "\e90a";
}

.icon-exclamation-solid:before {
  content: "\e90b";
}

.icon-flag:before {
  content: "\e90c";
}

.icon-globe:before {
  content: "\e90d";
}

.icon-information-solid:before {
  content: "\e90e";
}

.icon-location:before {
  content: "\e90f";
}

.icon-location-gas-station:before {
  content: "\e910";
}

.icon-location-hotel:before {
  content: "\e911";
}

.icon-minus-outline:before {
  content: "\e912";
}

.icon-minus-solid:before {
  content: "\e913";
}

.icon-navigation-more:before {
  content: "\e914";
}

.icon-network:before {
  content: "\e915";
}

.icon-news-paper:before {
  content: "\e916";
}

.icon-photo:before {
  content: "\e917";
}

.icon-pin:before {
  content: "\e918";
}

.icon-save-disk:before {
  content: "\e919";
}

.icon-star-full:before {
  content: "\e91a";
}

.icon-tag:before {
  content: "\e91b";
}

.icon-trash:before {
  content: "\e91c";
}

.icon-view-carousel:before {
  content: "\e91d";
}

.icon-view-list:before {
  content: "\e91e";
}

.icon-wrench:before {
  content: "\e91f";
}

body {
  -webkit-font-smoothing: antialiased;
  background: url('/images/page-bg.jpg') repeat-x top center #EDEDED;
  font-family: "Afacad Flux", sans;
  font-size: 1.6em;
}

#defect {
  background-color: #f9f9f9;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  padding: 20px 0px;
}

#defect img {
  width: 200px;
  height: auto;
}

#defect h3 {
  margin-bottom: 4px;
  font-size: 26px;
}

.datepicker {
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
}

.gj-picker-md table tr td.today {
  border-bottom: 1px solid #1976D2;
}

.datepicker th {
  padding: 4px;
}

.datepicker td {
  padding: 4px;
}

.datepicker table {
  margin-bottom: 0;
}

.datepicker tr:last-child td {
  border-color: transparent;
}

.datepicker td>div {
  width: 30px;
  height: 30px;
  font-weight: bold;
}

.gj-icon[role='right-icon'] {
  top: 0px;
  right: 0;
  color: grey;
  border-left: 1px solid #cccccc;
  height: 100%;
  position: absolute;
  padding: 7px;
}

.print-only {
  display: none;
}

.u-hide {
  display: none;
}

p.lead {
  /* font-size: 1.15em; */
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0.7em;
}

main {
  margin-bottom: 40px;
}

/* white backgrounds for any section containers that proceed  the mobile fallback container */

main section>div.container {
  background-color: white;
  padding: 20px 40px;
}

/* big hero */

main section>div.container.full-width {
  padding: 0;
  overflow: hidden;
}

.big-hero-inner {
  position: relative;
}

.big-hero-rider {
  position: absolute;
  bottom: 35%;
  left: 50%;
  display: block;
  transform: translateX(-50%);
  width: 93%;
  height: auto;
}

/* delivery notice full width banner */

.delivery-notice {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #ecf7ff;
  text-align: left;
  padding: 25px 20px 25px 20px;
  margin-bottom: -20px;
  border-radius: 4px;
}

.delivery-notice img {
  /* width: 200px;
  height: 67px; */
  width: 100%;
  height: auto;
}

.delivery-notice div {
  flex: 0 1 auto;
}

.delivery-notice .delivery-notice-img-wrapper {
  flex-basis: 20%;
}

.delivery-notice .delivery-notice-txt-wrapper {
  flex-basis: 70%;
  padding-left: 20px;
}

.delivery-notice h3 {
  color: #467193;
  margin: 0 0 6px 0;
  padding: 0;
}

.delivery-notice p {
  margin: 0;
}

/* .delivery-notice > img {
  flex-basis
} */

.services img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
}

/* hours & directions */

.directions-img {
  position: relative;
}

.directions {
  position: absolute;
  bottom: 5%;
  left: 2%;
  padding: 20px;
  background-color: white;
  box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.4);
  max-width: 290px;
}

.directions .address {
  margin-top: 10px;
  margin-bottom: 3px;
  display: block;
}

.hours-icon>img, .address-icon>img {
  width: 22px;
  height: 22px;
  position: relative;
  top: 5px;
  margin-right: 6px;
}

.directions ol:first-of-type {
  margin-top: 10px;
}

.directions hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.directions ol {
  margin-bottom: 0;
  list-style-position: outside;
}

.directions ol>span {
  margin-top: 6px;
  display: block;
  margin-bottom: 6px;
}

.directions ol li {
  margin-bottom: 5px;
  line-height: 130%;
  margin-left: 20px;
  padding: 0;
}

/* responsive imgs */

main section>div.container img {
  max-width: 100%;
  height: auto;
}

section.welcome-bg>div.container {
  background: url(/images/welcome-bg.jpg) no-repeat 130px top white;
  background-size: contain;
}

section.welcome-bg img.welcome-camper {
  max-width: 110%;
  height: auto;
  position: relative;
  left: -20px;
  top: 20px;
}

section.only-best-bg>div.container>div.only-best-inner {
  background-color: #FCFAF6;
  border-radius: 5px;
  /* padding: 40px 50px; */
  padding: 10px 50px;
}

section.welcome-bg>div.container, section.only-best-bg>div.container {
  padding-bottom: 50px;
  padding-top: 50px;
}

section.welcome-bg p, section.only-best-bg p {
  margin-bottom: 0;
}

section.only-best-bg img.only-best {
  max-width: 100%;
  position: relative;
  left: 0;
  z-index: 0;
  transform: scale(1.35);
}

section.only-best-bg img.only-best+img.map-mobile-overlay {
  display: none;
  position: absolute;
  top: 12%;
  right: 15%;
  width: 50%;
  height: auto;
}

section.only-best-bg img.only-best-heading {
  max-width: 70%;
  margin-bottom: 0;
}

section.only-best-bg .only-best-inner .only-best-text {
  position: relative;
  z-index: 1;
  padding: 20px 10px;
}

.our-brands img.our-brands-collage {
  display: block;
  width: 90%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.our-brands .our-brands-mobile {
  display: none;
}

section.homepage-inventory div.inventory-container-inner {
  margin-bottom: 0;
}

section.homepage-inventory div.inventory-container {
  padding-top: 0;
}

main h1, main h2, main h3, main h4, main h5, .h1, .h2, .h3, .h4, .h5, .modal-content h1, .modal-content h2, .modal-content h3, .modal-content h4, .modal-content h5 {
  font-family: "asterone", sans;
  font-weight: bold;
  line-height: 130%;
  color: #272727;
}

main h3, main h4, main h5, main h6,
.h3, .h4, .h5, .h6,
.modal-content h3, .modal-content h4, .modal-content h5 {
  font-family: "Afacad Flux", sans;
}

main h1, .h1, .modal-content h1 {
  font-size: 2.0em;
}

main h1:first-of-type, .h1:first-of-type {
  margin-top: 20px;
}

main h2, .h2, .modal-content h2 {
  font-size: 1.6em;
}

main h3, .h3, .modal-content h3 {
  font-size: 1.4em;
}

main h4, .h4, .modal-content h4 {
  font-size: 1.2em;
}

main h5, .h5, .modal-content h5 {
  font-size: 1.1em;
}

header#main-header.homepage-offset {
  position: absolute;
  top: 0;
  margin-bottom: 0;
}

header#main-header {
  margin-bottom: 60px;
  width: 100%;
  /* height: 80px; */
  font-family: "Arial", Arial, sans;
  color: white;
  z-index: 999;
}

#promo-bar {
  background-color: grey;
  padding: 6px 0;
  display: none;
}

#promo-bar #promo-bar-close {
  background-color: darkgrey;
}

#promo-bar.blue {
  background-color: #0092DE;
}
#promo-bar.blue #promo-bar-close {
  background-color: #006BA3;
}
#promo-bar.red {
  background-color: #de0000;
}
#promo-bar.red #promo-bar-close {
  background-color: #830000;
}
#promo-bar.orange {
  background-color: orange;
}
#promo-bar.orange #promo-bar-close {
  background-color: rgb(209, 115, 0);
}
#promo-bar.purple {
  background-color: purple;
}
#promo-bar.purple #promo-bar-close {
  background-color: rgb(75, 0, 71);
}

#promo-bar.black {
  background-color: black;
}
#promo-bar.black #promo-bar-close {
  background-color: white
}
#promo-bar.black #promo-bar-close:after {
  color: black;
}

#promo-bar.visible {
  display: block;
}

#promo-bar #promo-bar-message {
  display: block;
  margin-right: 25px;
}

#promo-bar span#promo-bar-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  padding: 2px;
  cursor: pointer;
}

#promo-bar span#promo-bar-close:after {
  position: absolute;
  font-weight: bold;
  color: white;
  content: "×";
  font-size: 24px;
  top: -2px;
  left: 4px;
  line-height: 100%;
  padding: 0;
  margin: 0;
  display: block;
  vertical-align: middle;
  font-family: system-ui;
}

a.button, button.button, input[type="submit"].button {
  border-width: 1px;
  font-weight: bold;
  font-size: 1em;
  text-transform: none;
  font-family: "Afacad Flux", sans;
  letter-spacing: normal;
  height: auto;
  border-radius: 4px;
  border: 1px solid transparent;
  text-shadow: 0px 0.5px 1px rgba(5, 34, 80, 0.13);
  box-shadow: 0px 4px 12px rgba(5, 34, 80, 0);
  transform: translate3d(0, 0px, 0);
  transition: 0.1s ease all;
  line-height: 42px;
}

a.button:hover, button.button:hover, input[type="submit"].button:hover {
  box-shadow: 0px 4px 12px rgba(5, 34, 80, 0.13);
  transform: translate3d(0, -1px, 0);
}

a.button.button-elevated, a.button-elevated, button.button.button-elevated, button.button-elevated, input[type="submit"].button.button-elevated, input[type="submit"].button-elevated {
  background: linear-gradient(#ffa700 0%, #f76300 60%, #f36200 100%);
  border-color: #ea7e00;
  color: white;
  text-shadow: 0px 0.5px 1px rgba(80, 42, 5, 0.13);
  box-shadow: 0px 4px 12px rgba(80, 42, 5, 0);
  transform: translate3d(0, 0px, 0);
  transition: 0.1s ease all;
}

a.button.button-elevated:hover, a.button-elevated:hover, button.button.button-elevated:hover, button.button-elevated:hover, input[type="submit"].button.button-elevated:hover, input[type="submit"].button-elevated:hover {
  box-shadow: 0px 4px 12px rgba(80, 42, 5, 0.15);
  transform: translate3d(0, -1px, 0);
}

a.button.button-primary, a.button-primary, button.button.button-primary, button.button-primary, input[type="submit"].button.button-primary, input[type="submit"].button-primary {
  background: linear-gradient(#00c1ff 0%, #00a2f7 100%);
  border-color: #00abea;
}

a.button.button-secondary, a.button-secondary, button.button.button-secondary, button.button-secondary, input[type="submit"].button.button-secondary, input[type="submit"].button-secondary {
  background-color: #EBFAFF;
  color: #009CD6;
  text-shadow: none;
  border-color: #00A1DD;
}

a.button.button-tertiary, a.button-tertiary, button.button.button-tertiary, button.button-tertiary, input[type="submit"].button.button-tertiary, input[type="submit"].button-tertiary {
  background-color: #FFFFFF;
  color: #404445;
  text-shadow: none;
  border-color: #747474;
}

a.button.button-transparent {
  background-color: transparent !important;
}

a.logo {
  width: auto;
  display: block;
  align-self: flex-start;
  flex: 0 1 auto;
  position: relative;
  top: -10px;
  border-radius: 5px;
  box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  z-index: 1;
} 

a.mobile-logo {
  display: none;
  width: auto;
  height: auto;
  /* margin-left: 20px; */
}

a.logo img {
  border-top: 10px solid #49C8EA;
  width: 160px;
  height: auto;
  border-radius: 5px;
  margin: 0;
  padding: 5px 8px;
  background-color: white;
  display: block;
  transition: transform 0.1s ease-in-out;
} 

a.logo img:hover {
  transform: translateY(3px);
  border-color: #E35700

}


div.header-buttons-wrapper {
  position: relative;
  top: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  /* background-color: white; */
  background-color: rgba(245, 246, 251, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  z-index: 800;
}

.mobile-nav-icon {
  display: none;
  background-color: #E35700;
  align-self: stretch;
  padding: 0 20px;
  font-size: 1em;
  align-content: flex-end;
  flex: 0 1 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}

.mobile-nav-icon div {
  float: left;
}

.mobile-nav-icon div+strong {
  display: block;
  float: left;
  margin-left: 10px;
  margin-top: 1px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.8px;
}

.mobile-nav-icon div em {
  width: 30px;
  display: block;
  height: 2px;
  background-color: white;
  margin: 6px 0;
}

.mobile-nav-icon.active {
  background-color: white;
}

.mobile-nav-icon.active div+strong {
  color: black;
}

.mobile-nav-icon.active div em {
  background-color: black;
}

ul.header-buttons {
  padding-left: 15px;
  color: black;
  /* position: absolute; */
  display: block;
  margin-bottom: 0;
  flex: 1 1 auto;
  /* overflow: hidden; */
  list-style-type: none;
  margin: 0;
  display: flex;
  height: 100%;
}

/* mobile menu flyout */
/* .mobile-nav-icon+ul.header-buttons>li {
  background-color: red;
} */
.mobile-nav-icon.active+ul.header-buttons {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  padding-left: 0;
  background-color: #202e3a;
  position: absolute;
  z-index: -1;
  top: 100%;
  height: auto !important;
}

.mobile-nav-icon.active+ul.header-buttons>li {
  display: block;
  width: 100%;
  text-align: right;
}

.mobile-nav-icon.active+ul.header-buttons>li nav.child-nav {
  z-index: 1;
  position: absolute;
  box-shadow: none;
  padding-left: 20px;
  text-align: center;
}

.mobile-nav-icon.active+ul.header-buttons>li>a {
  display: block;
  color: white;
}

.mobile-nav-icon.active+ul.header-buttons li.has-children>a::after {
  display: inline-block;
  right: -6px;
  /* content: "\25B8"; */
  content: "▼";
  /* transform: rotate(90deg); */
  top: 0px;
}

ul.header-buttons > li {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

ul.header-buttons>li>a {
  color: black;
  font-family: "Afacad Flux", sans;
  /* flex: 1 1 auto; */
  font-size: 1.7rem;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 11px 10px;
  position: relative;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

ul.header-buttons>li.has-children>a {
  padding-right: 20px;
}

ul.header-buttons>li>a:hover, ul.header-buttons>li>a.hover {
  color: black !important;
  background-color: #ffffff;
}

ul.header-buttons>li.has-children>a::after {
  content: "\25BE";
  position: relative;
  right: -8px;
  top: -1px;
}

ul.header-buttons>li {
  float: left;
  margin-bottom: 0;
  /* cursor: pointer; */
}

/* page overlay blackout */

/* div#menu-page-overlay {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

header:hover + div#menu-page-overlay,
div#menu-page-overlay.mobile-overlay {
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
} */

div#modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99999;
}

/* contact us modal */

div#modal-overlay .modal-content {
  background-color: #ffffff;
  margin: 5% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */

div#modal-overlay .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.unit-removed {
  border: 1px solid rgb(255, 188, 188);
  color: red;
  display: block;
  width: 100%;
  padding: 12px 14px;
  border-radius: 5px;
  background-color: rgb(255, 236, 239);
}

.unit-removed h3 {
  color: red;
  margin-top: 4px;
  margin-bottom: 8px;
}

div#modal-overlay .close:hover, div#modal-overlay .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* See more inventory banner */

.see-more-container {
  background: url('/images/see-more-banner.jpg') no-repeat center center #f2f6f9;
  background-size: 100% auto;
  margin-bottom: 20px;
  padding: 15px 20px;
  border-radius: 5px;
}

.see-more-container .see-more-inner h4 {
  margin-bottom: 5px;
}

.see-more-container .see-more-inner p {
  margin-bottom: 8px;
}

.see-more-container .see-more-inner a.button {
  margin-bottom: 0;
}

/* define child nav */

nav.child-nav {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  background: url('/images/menu-bg.jpg') center top #ffffff;
  background-size: 50%;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  padding: 0 20px;
  top: 49px;
  color: black;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
}

section.homepage-filter {
  position: relative;
  padding: 0;
  /* top: -50px; */
  /* margin-bottom: -30px; */
}

section.homepage-filter nav {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 35px 80px;
  color: black;
  box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: #FCFCFC;
  z-index: 100;
  position: relative;
  margin-bottom: -10px;
  text-align: center;
  top: -40px;
}

section.homepage-filter #or {
  margin-top: -10px;
}

section.homepage-filter nav h2 {
  font-size: 1.7em;
  font-weight: bold;
  position: relative;
  margin-bottom: 0;
}

section.homepage-filter nav p {
  margin-top: 5px;
  margin-bottom: 0;
}

/* all breakpoints */

ul.header-buttons>li.has-children:hover nav.child-nav {
  visibility: visible;
  opacity: 1;
}


/* li.has-children .nav-trigger::before {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  content: "\25B2";
  color: white;
  font-size: 2rem;
  position: absolute;
  bottom: -10px;
  left: 0%;
  display: block;
  width: 100%;
  height: 2rem;
  border: 1px solid red;
  text-align: center;
}


li.has-children:hover .nav-trigger::before {
  opacity: 1
} */

/* just mobile */

.mobile-nav-icon.active+ul.header-buttons>li.has-children:hover nav.child-nav {
  position: relative;
  top: -1px;
}

.mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul {
  float: none;
}

.mobile-nav-icon.active + ul.header-buttons ul.camper-type li a {
  text-align: left;
  padding: 10px 0;
}
.mobile-nav-icon.active + ul.header-buttons ul.camper-type li a img {
  padding-right: 10px;
}

nav.child-nav ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  float: left;
}


.header-buttons-wrapper:hover + .backdrop::after{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}

.header-buttons nav.child-nav ul.camper-type {
  float: none;
  padding-top: 40px;
}

.header-buttons nav.child-nav ul.camper-type li {
  flex-grow: 0;
  margin-bottom: 0;
}

.header-buttons nav.child-nav ul.camper-type li {
  width: 130px;
}

section.homepage-filter nav ul {
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 10px;
  display: flex;
  list-style-type: none;
}

section.homepage-filter nav ul~button {
  margin-top: 20px;
}

nav.child-nav ul li, section.homepage-filter nav ul li {
  display: block;
  flex: 1 1 auto;
  text-align: center;
}

nav.child-nav ul li:last-child, section.homepage-filter nav ul li:last-child {
  margin-right: 0;
}

nav.child-nav ul li img {
  display: block;
  margin: 0 auto;
  margin-bottom: -20px;
  max-width: 120px;
  width: 100%;
  height: auto;
}

section.homepage-filter nav ul li img {
  max-width: 170px;
  max-height: 150px;
}

nav.child-nav ul.camper-type li a {
  display: block;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  color: #585858;
  font-family: "Afacad Flux", sans;
  line-height: 120%;
}


section.homepage-filter nav ul li a {
font-size: 2rem;
font-family: "Afacad Flux", sans;
font-weight: 700;
color: #585858;
text-decoration: none;
display: block;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1rem;

}

nav.child-nav ul.camper-type li a:hover, section.homepage-filter nav ul.camper-type li a:hover {
  color: #49C8EA;
}

nav.child-nav ul.view-camper-type {
  /* padding-left: 25px; */
  margin-top: 4px;
  font-size: 100%;
}

nav.child-nav ul.view-camper-type li {
  margin-right: 10px;
}

nav.child-nav ul.view-camper-type li:last-child {
  margin-right: 0;
}

nav.child-nav ul.view-camper-type a.button {
  height: auto !important;
  padding-left: 10px;
  padding-right: 10px;
}

nav.child-nav ul.view-camper-type a.button.button-primary {
  padding-left: 20px;
  padding-right: 20px;
}

section.homepage-filter nav a.button.button-secondary {
  margin-top: 20px;
  border-color: #49C8EA;
  padding: 5px 20px;
  color: #49C8EA;
  height: auto;
}

section.homepage-filter nav a.button.button-secondary:hover {
  background-color: #49C8EA;
  color: white;
}

/* chat widget */

.purechat-button-expand {
  background-color: #EE7752;
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background-size: 400% 400%;
  -webkit-animation: ChatGradient 4s ease infinite;
  -moz-animation: ChatGradient 4s ease infinite;
  animation: ChatGradient 4s ease infinite;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: fixed;
  bottom: 3%;
  right: 3%;
  cursor: pointer;
  z-index: 101;
}

.purechat-button-expand:hover {
  background-image: none;
  background-color: #ff8a00;
}

.purechat-icon {
  display: block;
  margin: 0 auto;
  width: 46px;
  height: 46px;
}

.purechat-inner {
  font-family: "asterone", sans;
  line-height: 95%;
  font-weight: bold;
  color: white;
  text-align: center;
  font-size: 20px;
  width: 100%;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
}



@keyframes ChatGradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes AppointmentNotice {
  from {
    background: #7a0101;
  }
  to {
    background: #eb3030;
  }
}

@keyframes bounce { 
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
  40% {transform: translateY(-15px);} 
  60% {transform: translateY(-7px);} 
}

/* Phone contact widget thing */

div.phone-contact-container {
  background-color: #E35700;
  align-self: stretch;
  padding: 0 20px;
  font-size: 1em;
  align-content: flex-end;
  flex: 0 1 auto;
  /* flex children */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

div.phone-contact-container span {
  display: block;
}

div.phone-contact-container span.phone-support {
  margin-right: 15px;
}

div.phone-contact-container img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

div.phone-contact-container a.phone {
  display: block;
  font-weight: bold;
  color: white;
  text-decoration: none;
  font-size: 1.2em;
}

/* Social container */

div.social-container {
  flex: 1 1 auto;
}

a.social {
  background: url('/images/social-updated.png') no-repeat;
  /* background-position: center top; */
  background-size: auto 20px;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  float: left;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

a.social:hover {
  opacity: 1;
}

a.social.facebook {
  background-position: left top;
}

a.social.instagram {
  background-position: center top;
}

a.social.twitter {
  background-position: right top;
}

a.social:last-child {
  margin-right: 0;
}

/* Hide loading image for financing form */

.loading-spinner {
  display: block;
}

iframe+.loading-spinner {
  display: none;
}

/* New Footer */

/* March 2019 */

.footer-phone span.phone-number {
  white-space: nowrap;
  margin-left: 10px;
}

footer.new-footer.bg-footer {
  background-color: #282d2f;
  padding-bottom: 50px;
}

input#Comments {
  min-height: 150px;
}

.bg-rental {
  background: url('../images/rental.png') right 40px no-repeat transparent;
  background-size: 380px auto;
}

#rental-selection {
  margin-bottom: 0.5em;
}

#rental .select::after {
  top: 53px; /* fix relative spacing issue */
}

#rental-info {
  padding: 5px 0px;
}

i.info {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: lightskyblue;
  color: white;
  font-family: serif;
  font-size: 18px;
  font-weight: bold;
  margin-right: 10px;
  text-indent: -3px;
  padding: 10px;
  line-height: 0;
}

@media (max-width: 800px) {
  #more-info {
    display: none;
  }
}

#more-info {
  text-decoration: none;
  white-space: nowrap;
  float: right;
  font-weight: normal;
}

#more-info::before {
  content: '';
  margin-right: 5px;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
  background: url('../images/icon_popout.gif') no-repeat left center transparent;
  background-size: 12px auto;
}

#rental-notice {
  padding: 8px 0px 5px 34px;
  border-top: 1px solid rgb(255, 223, 0);
  margin-bottom: 0px;
  background: url('../images/icon_warning.gif') no-repeat 4px center;
  background-size: 20px auto;
}

div#rental-info-holster {
  visibility: hidden;
  margin-bottom: 30px;
  margin-top: 10px;
  display: inline-block;
  padding: 2px 12px;
  border-radius: 5px;
  background-color: rgba(217, 241, 250, 0.53);
}

.input-error {
  background-color: rgb(255, 239, 242);
  color: red;
  margin-top: 5px;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 5px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 20px;
  position: relative;
}

.inline-error {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: rgb(255, 239, 242);
  color: red;
}

input.errored {
  border-color: red !important;
}

div#return-msg {
  position: fixed;
  top: 0;
  /* left: 0; */
  width: 100%;
  z-index: 99999;
  margin-bottom: 20px;
}

div#return-msg>div {
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

div#return-msg div.success {
  background-color: #effcff;
  color: #1b81b2;
}

div#return-msg div.error {
  color: #ee440e;
  background-color: #fce6df;
}

div#return-msg div.warning {
  color: #b57e00;
  background-color: #ffedc2;
}

div#return-msg div.success p:before {
  content: '';
  background-image: url('/images/check.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 6px;
  left: -10px;
}

div#return-msg p {
  margin-bottom: 0;
  display: block;
  font-size: 16px;
}

div#return-msg p strong {
  margin-right: 8px;
}

.gj-datepicker-md [role=right-icon] {
  height: 38px
}

.gj-datepicker .input-error {
  margin-top: 10px;
  margin-bottom: -10px;
}

.required label::after {
  content: '*';
  color: orange;
  display: inline;
  padding-left: 3px;
  font-size: 20px;
}

input[type='submit'][disabled], .disabled {
  opacity: 0.3;
  background: #5c5c5c !important;
  border-color: #5c5c5c !important;
}

div.checkbox {
  /* position: relative; */
  position: relative;
  display: block;
  padding-left: 2.25rem;
}

div.checkbox {
  /* position: absolute;
  top: -50%; */
  top: -5px;
  margin-bottom: 20px;
}

div.checkbox input {
  padding: 5px;
  cursor: pointer;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-bottom: 0;
  /* margin-right: 5px; */
  margin-left: -2.25rem;
  border: 1px solid #D1D1D1;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05) inset;
}

div.checkbox input:checked {
  background-color: #33C3F0;
  border-color: #33C3F0;
}

div.checkbox input:checked:after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
  position: absolute;
  color: white;
  top: 1px;
  left: 2px;
  width: 13px;
  height: 13px;
}

div.checkbox label {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 10px;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .bg-rental {
    background-size: 250px auto;
  }
}

@media (max-width: 870px) {
  .bg-rental {
    background-image: none;
    background-color: white;
  }
}

footer.new-footer ul li {
  margin: 0;
  list-style-type: none;
}

footer.new-footer ul li a {
  margin: 0;
}

footer.new-footer a.all-link::after {
  content: "\203A";
  display: inline-block;
  font-weight: 900;
  margin-left: 8px;
  padding-bottom: 3px;
  position: relative;
  top: 0px;
}

footer.new-footer img.footer-logo {
  margin-bottom: 10px;
  position: relative;
  left: auto;
  margin-left: 0;
  width: 160px;
  height: auto;
  display: block;
}

footer.new-footer span {
  color: #b1b1b1;
  font-size: 10pt;
}

footer.new-footer h5.todays-hours {
  display: none;
}

footer.new-footer .social-container a {
  margin-top: 10px;
}

footer.new-footer .social-container a {
  margin-right: 10px;
  opacity: 0.3;
}

.hours-container .appointment-only-notice {
  background-color: #eb3030;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  color: white;
  text-transform: uppercase;
  font-size: 0.8em;
}

.hours-container .appointment-only-notice + span{
  display: inline-block;
  margin-bottom: 10px;
}
/* ul.header-buttons:hover ~ .header-appointment-only-notice {
  display: none;
} */

.header-appointment-only-notice {
  display: block;
  position: absolute;
  right: 0;
  bottom: -36px;
  padding: 2px 10px;
  border-radius: 4px;
  background-color: #eb3030;
  /* animation: AppointmentNotice 2s infinite alternate; */
}
.header-appointment-only-notice .appointment-only-notice {
  margin-right: 8px;
  text-transform: uppercase;
}

footer.new-footer .hours-container table.hours {
  width: 80%;
}

footer.new-footer .hours-container tr.not-today {
  opacity: 0.3;
}

footer.new-footer .hours-container td {
  color: #b1b1b1;
  font-size: 10pt;
  border-bottom: none;
  padding: 2px 0;
}

footer.new-footer h1, footer.new-footer h2, footer.new-footer h3, footer.new-footer h4, footer.new-footer h5 {
  font-family: "Arial", "Helvetica", sans-serif, sans;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.8px;
  margin-bottom: 12px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* ///////////// */

/* MEDIA QUERIES */

/* ///////////// */

/* SMALL SCREENS */

@media screen and (max-width: 1140px) {
  div.phone-contact-container span.phone-support {
    display: none;
  }
  a.logo img {
    width: 100px;
  }
  footer.new-footer .hours-container table.hours {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .header-appointment-only-notice {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    border-radius: 0;
    animation: none;
    background-color: #eb3030;
  }
  .header-appointment-only-notice > * {
    padding: 0;
    margin: 0 !important;
    line-height: 1.25em;
  }

  body.has-appointment-notice .purechat-button-expand {
    bottom: calc(3% + 40px);
  }

  

  .purechat-button-expand {
    width: 90px;
    height: 90px;
  }
  .purechat-inner {
    font-size: 16px;
  }
  .purechat-icon {
    width: 44px;
    height: 44px;
  }
  div#modal-overlay .modal-content {
    width: 80%;
  }
  div.header-buttons-wrapper {
    justify-content: space-between;
  }
  div.header-buttons-wrapper {
    /* padding-right: 20px; */
  }
  a.logo {
    order: 0;
  }
  /* ul.header-buttons {
    display: none;
  } */
  div.social-container {
    display: none;
  }
  .directions-img {
    position: static;
    display: block;
  }
  .directions {
    position: static;
    bottom: auto;
    left: auto;
    padding: 20px;
    background-color: #f2f9fb;
    box-shadow: none;
    max-width: 100%;
  }
  .directions hr {
    display: none;
  }
  .directions ol {
    width: 45%;
    display: block;
    float: right;
  }
  .directions ol:first-of-type {
    margin-top: 0;
    float: left;
  }
  .directions .address-icon {
    width: 100%;
    display: block;
    text-align: center;
  }
  .directions a.button:first-of-type {
    display: none;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.view-camper-type {
    flex-wrap: nowrap;
    padding-left: 0;
    justify-content: space-between;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.view-camper-type li {
    margin-right: 0;
    flex: 0 auto;
    margin-right: 10px;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.view-camper-type li:first-child {
    flex-basis: 100%;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.view-camper-type li:first-child a {
    width: 100%
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.view-camper-type li:nth-child(2n) {
    /* margin-right: 20px; */
  }
  footer.new-footer .hours-container table.hours td {
    display: block;
    padding: 0;
  }
  footer.new-footer .hours-container table.hours tr>td:last-child {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 940px) {
  header#main-header {
    margin-bottom: 20px;
  }
  ul.header-buttons {
    display: none;
  }
  .mobile-nav-icon {
    display: flex;
    order: 2;
    /* move these upstairs when done */
  }
  div.phone-contact-container {
    order: 1;
    background-color: transparent;
  }
  div.header-buttons-wrapper {
    /* padding-left: 20px; */
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    /* min-height: 60px; */
  }
  div.phone-contact-container {
    flex: 1 1 auto;
  }
  div.phone-contact-container span.phone-support {
    display: none;
  }
  div.phone-contact-container a.phone {
    display: block;
    text-align: left;
    margin-bottom: 5px;
  }
  a.logo {
    display: none;
  }
  a.mobile-logo {
    display: block;
    overflow: hidden;
    width: 136px;
    height: auto;
    max-height: 60px;
    background-color: white;
    padding-left: 5px;
    padding-right: 6px;
  }
  a.mobile-logo img {
    display: block;
    width: 100%;
    /* margin-left: 20px; */
  }
}

@media screen and (max-width: 800px) {
  .mobile-pagination {
    display: flex !important;
  }
  #pagination {
    display: none;
  }
  .purechat-button-expand {
    width: 80px;
    height: 80px;
    overflow: hidden;
  }
  .purechat-inner span {
    animation: ChatMobileText 8s infinite alternate;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
  }
  .purechat-icon {
    width: 44px;
    height: 44px;
    animation: ChatMobileIcon 8s infinite alternate;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
  }
  @keyframes ChatMobileIcon {
    /* 0% {opacity: 1}
    95% {opacity: 1}
    100% {opacity: 0;} */
    0% {
      opacity: 1
    }
    65% {
      opacity: 1
    }
    70% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes ChatMobileText {
    0% {
      opacity: 0
    }
    65% {
      opacity: 0
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  section.homepage-filter {
    /* top: 0;
    margin-bottom: 0; */
  }
  section.homepage-filter nav {
    padding: 20px;
    width: 100%;
    box-shadow: none;
    top: 0;
    background-color: transparent;
  }
  section.homepage-filter nav ul {
    width: 100%;
    flex-wrap: wrap;
  }
  section.homepage-filter nav ul li {
    /* flex: 0 1 50%; */
    /* flex: 0 1 32%; */
    flex: 1 1 auto;
    margin-right: 0;
  }
  .our-brands img.our-brands-collage {
    display: none;
  }
  .our-brands .our-brands-mobile {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* justify-content: space-between; */
    justify-content: space-evenly;
    padding: 0;
  }
  .our-brands .our-brands-mobile div {
    display: block;
    /* flex: 1 1 40%; */
    flex: 0 1 40%;
    height: auto;
    margin-right: 10%;
  }
  .our-brands .our-brands-mobile div:nth-of-type(2n) {
    margin-right: 0;
  }
  .our-brands .our-brands-mobile div>img {
    width: 100%;
    height: auto;
  }
  .see-more-container {
    background-size: cover;
  }
  .big-hero-rider {
    /* bottom: 55%; */
    transform: translateX(-50%);
  }
  .directions ol {
    width: 100%;
    display: block;
    float: right;
  }
  .directions ol:first-of-type {
    margin-top: 0;
    float: left;
  }
  .directions .address-icon {
    text-align: left;
  }
  .delivery-notice {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    text-align: left;
    padding: 25px 0 25px 0;
    border-radius: 4px;
  }
  .delivery-notice img {
    width: 170px;
    margin-bottom: 10px;
  }
  .delivery-notice div {
    /* flex: 0 1 auto; */
  }
  .delivery-notice .delivery-notice-img-wrapper {}
  .delivery-notice .delivery-notice-txt-wrapper {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  header#main-header {
    /* position: fixed; */
    width: 100%;
    margin-bottom: 0;
  }
  #promo-bar #promo-bar-message {
    line-height: 120%;
    font-size: 0.9em;
  }
  header#main-header.homepage-offset {
    position: static;
  }
  header#main-header>nav.container {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.camper-type {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.camper-type li {
    flex-basis: 50%;
    margin: 0;
    width: 100%;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.camper-type li a {
    padding: 24px 0;
    border-bottom: 1px solid grey;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.camper-type li:last-child {
    margin: 0 auto;
  }
  .mobile-nav-icon.active+ul.header-buttons>li.has-children nav.child-nav ul.camper-type li a img {
    margin: 0 auto;
    /* margin-bottom: -30px; */
    float: left;
    max-width: 64px;
    position: relative;
    top: -16px;
  }
  section.homepage-filter nav ul {
    width: 100%;
  }
  section.only-best-bg img.only-best+img.map-mobile-overlay {
    display: block;
  }
  section.welcome-bg img.welcome-camper {
    display: none;
  }
  .see-more-container {
    background-image: none;
  }
  footer.new-footer .hours-wrapper {
    display: block;
    margin-top: 15px;
  }
  footer.new-footer .hours-container tr.not-today {
    display: none;
  }
  footer.new-footer h5:first-child {
    display: none;
  }
  footer.new-footer h5.todays-hours {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  div.phone-contact-container a.phone {
    font-size: 1em;
    font-weight: normal;
  }
  div.phone-contact-container img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
  }
  section.only-best-bg>div.container>div.only-best-inner {
    padding: 10px;
  }
  section.homepage-filter nav ul li {
    flex: 1 1 100%;
  }
}

@media screen and (max-width: 460px) {
  .mobile-nav-icon.active {
    background-color: #202e3a;
  }
  .mobile-nav-icon.active div em {
    background-color: white;
  }
  .mobile-nav-icon.active div+strong {
    color: white;
  }
  div.header-buttons-wrapper {
    background-color: white;
  }
  div.phone-contact-container {
    display: none;
  }
}

/* Pagination */

.pagination {
  list-style-type: none;
  text-align: center;
}

.pagination li {
  display: inline-block;
  margin-right: 4px;
}

.pagination li:last-child {
  margin-right: 0;
}

.pagination li a {
  color: black;
  display: block;
  cursor: pointer;
  float: left;
  padding: 4px 10px;
  text-decoration: none;
}

.pagination li a.active {
  background-color: #E35700;
  color: white;
  border-radius: 5px;
}

.mobile-pagination {
  display: none;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-top: -20px;
}

.mobile-pagination>* {
  flex: 0 1 auto;
}

.mobile-pagination div.next, .mobile-pagination div.previous {
  /* padding: .5rem 2.25rem .5rem 1rem; */
  padding: .7rem 10px .7rem 10px;
  line-height: 1.5;
  border: 1px solid #0FA0CE;
  border-radius: 5px;
  text-align: center;
}

.mobile-pagination div.next a, .mobile-pagination div.previous a {
  text-decoration: none;
  text-align: center;
  color: #0FA0CE;
  display: block;
  width: 100%;
}

.mobile-pagination .select {
  flex-basis: 20%;
  margin-left: 10px;
  margin-right: 10px;
}

.mobile-pagination .select select {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

/* Camper Details Page */

.camper-detail .camper-detail-meta {
  /* padding-left: 30px; */
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.camper-detail-meta h1:first-of-type {
  margin-top: 0;
}

.breadcrumb {
  padding-bottom: 15px;
}

.breadcrumb>a {
  position: relative;
  text-decoration: none;
  color: #595959;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.breadcrumb>a:hover {
  opacity: 1
}

.breadcrumb img {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 3px;
  top: 2px;
  position: relative;
}

main .camper-detail h1 {
  margin-bottom: 10px;
  margin-top: 0;
}

.camper-detail strike {
  text-decoration: none;
  margin-right: 6px;
}

.camper-detail strike span.price {
  color: #808080;
}
#detail-sidebar {
  box-shadow: -1px 0 11px rgba(0,0,0,0.1);
  padding: 27px 17px;
  border-radius: 5px;
}
#detail-sidebar h2 {
  margin-bottom: 6px;
}
#detail-sidebar .price {
  font-size: 2rem;
}

@media (max-width: 899px) {
  #detail-sidebar,
  #detail-main {
    width: 100%;
  }
  #detail-sidebar {
    margin-bottom: 20px;
    box-shadow: none;
  }
}

.camper-detail strike span.price::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 40%;
  left: 0;
  border-top: 2px solid #e35700;
}

.camper-detail #actual-map-price>span {
  color: #286f28;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #eef6eb;
}

.camper-detail strike>span:first-of-type, .camper-detail #actual-map-price>span:first-of-type {
  padding-left: 6px;
  padding-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.camper-detail strike>span:last-of-type, .camper-detail #actual-map-price>span:last-of-type {
  padding-right: 6px;
  padding-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.unit .total-price span.price.actual {
  background-color: #eef6eb;
  color: #286f28;
  border-radius: 4px;
}

.unit .total-price span.price {
  padding: 4px 6px;
}

.unit .total-price span.price.actual:after {
  content: none;
  display: none;
}

.camper-detail span.price {
  font-size: 1.8em;
  position: relative;
  padding: 4px 0px;
  font-weight: 800;
  letter-spacing: -0.4px;
}

.camper-detail .model-wrapper {
  font-family: "Afacad Flux", sans;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: -0.2px;
  margin-top: -10px;
  margin-bottom: 13px;
}

.camper-detail .description {
  margin-bottom: 1em;
}

.camper-detail .description p {
  line-height: 160%;
}

.camper-detail .availability {
  text-indent: 14px;
}

.camper-detail .availability::before {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background-color: transparent;
  border-top: 1px solid #ccc;
  position: relative;
  top: -13px;
}

.camper-detail .availability span.stock {
  text-align: left;
}

.camper-detail .description p {
  margin-bottom: 0;
}

.camper-detail span.price-cta {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: bold;
  color: #E35700;
  font-size: 0.9em;
  top: -1px;
  position: relative;
  padding: 2px 6px;
  border-radius: 3px;
  background-color: #ffecc7;
}

.short-specs-wrapper, .short-specs-wrapper .short-specs {
  font-weight: bold;
  line-height: 100%;
  width: 100%;
}

.short-specs-wrapper .short-specs {
  margin-bottom: 20px;
}

.short-specs-wrapper .short-specs td {
  border: 0;
  padding: 0;
}

.short-specs-wrapper .short-specs td:first-child {
  width: 43px;
}

.short-specs-wrapper .short-specs td.floorplan {
  text-align: left !important;
  color: #58585a !important;
}

.short-specs-wrapper .short-specs td:last-child {
  text-align: right;
  color: black;
}

.short-specs td img {
  width: 34px;
  height: 34px;
  text-align: center;
}

.special-banner {
  border-radius: 0px;
  padding: 8px 10px;
  margin-bottom: 10px;
  position: relative;
}

.camper-details .special-banner {
  animation-duration: 1s; 
  animation-fill-mode: both;
  animation-iteration-count: 3;
  animation-name: bounce; 
  animation-delay: 4s;
}

.unit-card-banner-container { position: relative }

.unit-card-banner-container .special-banner {
  top: -8px;
  z-index: 1;
}

.unit-card-banner-container .special-banner {
  text-align: center;
}

.unit-card-banner-container .special-banner p {
  margin: 0 auto;
  font-size: 0.9em;
  line-height: 120%;
}

.unit-card-banner-container .special-banner::after {
  left: 50%;
  transform: translateX(-50%) scaleY(0.5);
}

.special-banner > strong {
  font-family: "Afacad Flux", sans;
  display: inline-block;
}

.special-banner::after {
  content: "\25B2";
  position: absolute;
  top: -18px;
  left: 75px;
  font-size: 20px;
  font-family: sans !important;
  transform:scaleY(0.5);
}

.special-banner p {
  margin-bottom: 0;
  display: inline-block;
  margin-left: 8px;
}

.special-banner.new-product {
  color: #E35700;
  background-color: #ffecc7;
}

.special-banner.new-floorplan {
  color: white;
  background-color: #1CA5CA;
}

.special-banner.pending {
  color: white;
  background-color: #e09200;
  display: inline-block;
  position: relative;
top: -60px;
left: 10px;
  margin: 0;
}

.inventory-container .special-banner.pending {
  position: absolute;
}

.special-banner.pending + .thumb-container-wrapper .thumb-container {
  margin-top: -40px;
}

.special-banner.new-product::after {
  color: #ffecc7;
}
.special-banner.new-floorplan::after {
  color: #1CA5CA;
}
.special-banner.pending::after {
  content: none;
}



.vengeance-badge-wrapper {
  border-radius: 5px;
  text-align: center;
  color: #E35700;
  padding: 8px 10px;
  margin-bottom: 10px;
  font-size: 1.2em;
  background-color: #ffecc7;
  font-family: "Afacad Flux", sans;
  line-height: 120%;
}

.camper-detail .bx-viewport {
  border-radius: 5px;
}

.camper-detail .video a {
  position: relative;
  display: block;
}

.camper-detail .video span {
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  bottom: 18%;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
}

.camper-detail .video a::after, li.thumb-pic.video::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: -5px;
  left: 0;
}

.camper-detail .video a::before, li.thumb-pic.video::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTkuMTIiIGhlaWdodD0iMjU5LjEyIiB2aWV3Qm94PSIwIDAgMjU5LjEyIDI1OS4xMiI+CiAgPGcgaWQ9Ikdyb3VwXzkiIGRhdGEtbmFtZT0iR3JvdXAgOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjk4IDQzMikiPgogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8zIiBkYXRhLW5hbWU9IkVsbGlwc2UgMyIgY3g9IjEwNCIgY3k9IjEwNCIgcj0iMTA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjcyIC00MDYpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iSWNvbl9hd2Vzb21lLXBsYXktY2lyY2xlIiBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS1wbGF5LWNpcmNsZSIgZD0iTTEzMC4xMjMuNTYzYTEyOS41NiwxMjkuNTYsMCwxLDAsMTI5LjU2LDEyOS41NkExMjkuNTM4LDEyOS41MzgsMCwwLDAsMTMwLjEyMy41NjNabTYwLjQ0NCwxNDIuMUw5OC42MjEsMTk1LjQyNWExMi41NjEsMTIuNTYxLDAsMCwxLTE4LjY1LTEwLjk3MVY3NS43OTFBMTIuNTY4LDEyLjU2OCwwLDAsMSw5OC42MjEsNjQuODJsOTEuOTQ2LDU1LjlBMTIuNTc4LDEyLjU3OCwwLDAsMSwxOTAuNTY3LDE0Mi42NjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjk4LjU2MyAtNDMyLjU2MykiIGZpbGw9IiM0OWM4ZWEiLz4KICA8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48% 48%;
  z-index: 2;
}

li.thumb-pic.video {
  position: relative;
}

.camper-detail li.thumb-pic.video::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MS4zMjgiIGhlaWdodD0iNzAuMDk0IiB2aWV3Qm94PSIwIDAgNjEuMzI4IDcwLjA5NCI+DQogIDxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtcGxheSIgZGF0YS1uYW1lPSJJY29uIGF3ZXNvbWUtcGxheSIgZD0iTTU4LjEsMjkuMzksOS45MTEuOUE2LjUzNSw2LjUzNSwwLDAsMCwwLDYuNTU1VjYzLjUxOGE2LjU2NSw2LjU2NSwwLDAsMCw5LjkxMSw1LjY1NEw1OC4xLDQwLjdhNi41NjQsNi41NjQsMCwwLDAsMC0xMS4zMDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjAwMikiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg0K");
  background-size: 20px;
  pointer-events: none;
}

.camper-detail li.thumb-pic.video::after {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.3) !important;
  pointer-events: none;
  height: calc(100% - 8px);
}

.camper-detail .bx-wrapper {
  border-top-left-radius: 5px;
  margin-bottom: 10px;
}

.camper-detail .bx-wrapper .bx-controls-direction .bx-prev {
  /* left: 5%; */
  background: url(/images/arrow-updated-white.svg) no-repeat;
  background-position: center top;
  background-size: 70px 70px;
  height: 35px;
  width: 40px;
  border-radius: 0;
}

.camper-detail .bx-wrapper .bx-controls-direction .bx-next {
  /* right: 5%; */
  background: url(/images/arrow-updated-white.svg) no-repeat;
  background-position: center bottom;
  background-size: 70px 70px;
  height: 35px;
  width: 40px;
  border-radius: 0;
}

.camper-detail .bx-wrapper .bx-controls-direction .bx-prev, .camper-detail .bx-wrapper .bx-controls-direction .bx-next {
  top: auto;
  z-index: 0;
  bottom: 4%;
  margin-top: 0;
  opacity: 1;
}

.camper-detail .bx-wrapper .bx-controls-direction .bx-prev {
  left: auto;
  right: 45px;
}

.camper-detail .bx-wrapper .bx-controls-direction .bx-next {
  left: auto;
  right: 5px;
}

/* .camper-detail .bx-wrapper .bx-controls-direction .bx-prev:hover, .camper-detail .bx-wrapper .bx-controls-direction .bx-next:hover {
	  opacity: 0.8;
} */

.camper-detail .bx-wrapper .bx-viewport::before {
  content: "";
  pointer-events: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.camper-detail .cta-wrapper {
  float: none;
  margin-top: 20px;
}

.camper-detail .camper-detail-overview {
  margin-top: 1.5em;
}

.camper-detail .cta-wrapper a.button-primary {
  margin-bottom: 1.4em;
  padding: 15px 20px;
  width: auto;
  white-space: normal;
  line-height: 100%;
}

.camper-detail a.download-brochure, .camper-detail a.get-financing, a.view-floorplan-link, a.threed-link {
  display: block;
  /* display: inline-block; */
  text-decoration: none;
  color: #58585a;
  /* font-weight: bold; */
  /* line-height: 120%; */
  margin-bottom: 4px;
}

.camper-detail a.download-brochure:hover, .camper-detail a.get-financing:hover, a.view-floorplan-link:hover, a.threed-link:hover {
  color: #00ace3;
}

.camper-detail a.download-brochure img, .camper-detail a.get-financing img, a.view-floorplan-link img, a.threed-link img {
  display: inline;
  /* width: 30px;
  height: 30px; */
  width: 24px;
  height: 24px;
}

.camper-detail a.download-brochure span, .camper-detail a.get-financing span, a.view-floorplan-link span, a.threed-link span {
  position: relative;
  /* top: -10px; */
  top: -7px;
  left: 10px;
}

.camper-detail .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0;
  border: none;
  /* min-height: 437px; */
}

/* .camper-detail .bx-wrapper .bx-viewport.bx-viewport {
  height: auto !important;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
}
.camper-detail .bxslider li {
  margin-bottom: 0;
} */

.swiper-slide {
  border-radius: 10px;
  overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
  padding: 40px 20px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5)
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: #E35700;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #E35700;
  font-size: 3rem !important;
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
  color: white;
}

.camper-detail .details-gallery-wrapper[data-has-placeholder='true'] .bx-wrapper .bx-viewport::before {
  content: none;
  display: none;
}

.details-gallery-inner {
  /* width: 85%; */
  width: 100%;
  margin: 0 auto;
}

.hours-container {
  margin-top: 10px;
}

.hours-alert {
  background-color: #ecf8ff;
  padding: 5px 10px 5px 60px;
  background: url(/images/winter-icon.png) no-repeat 10px center #ecf8ff;
  background-size: 40px 40px;
  border-radius: 5px;
  margin-bottom: 20px;
}

table.hours {
  width: 100%;
}

table.hours .closed {
  color: #959595;
}

table.hours td {
  padding: 4px 0px;
}

/* Misc helper classes */

div.status {
  padding: 5px 10px;
  color: #1b70a1;
  background-color: #ddf2ff;
  position: relative;
}

div.status.success {
  padding-left: 30px;
  color: #2c9e0c;
  background-color: #ecffde;
}

div.status.error {
  padding-left: 30px;
  color: #ee440e;
  background-color: #fce6df;
}

div.status.success:before, div.status.error:before {
  position: absolute;
  font-weight: bold;
  font-size: 24px;
  top: 3px;
  left: 8px;
  line-height: 100%;
  padding: 0;
  margin: 0;
  display: block;
  vertical-align: middle;
  font-family: system-ui;
}

div.status.success:before {
  color: #2c9e0c;
  content: "✓";
}

div.status.error:before {
  color: #ee440e;
  content: "×";
}

img.heading {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.text-center {
  text-align: center;
}

.center-block {
  display: block;
  margin: 0 auto;
}

.no-mb {
  margin-bottom: 0 !important;
}

.no-mt {
  margin-top: 0 !important;
}

.no-pb {
  padding-bottom: 0 !important;
}

.no-pt {
  padding-top: 0 !important;
}

main section * {
  box-sizing: border-box;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.align-start {
  align-self: flex-start;
}

.align-end {
  align-self: flex-end;
}

.align-auto {
  align-self: auto;
}


.nowrap {
  white-space: nowrap;
}

/*----------Main Grid------------*/

main section .container-fluid {
  width: 100%;
}

main section .container, main section .container-fluid {
  margin: 0 auto;
  padding: 0 15px;
}

/* @media (min-width: 768px) {
  main section .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  main section .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  main section .container {
    width: 1170px;
  }
} */

main section .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

main section .row>* {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

main section .col-xs-1 {
  width: 8.3333333333%;
}

main section .col-xs-2 {
  width: 16.6666666667%;
}

main section .col-xs-3 {
  width: 25%;
}

main section .col-xs-4 {
  width: 33.3333333333%;
}

main section .col-xs-5 {
  width: 41.6666666667%;
}

main section .col-xs-6 {
  width: 50%;
}

main section .col-xs-7 {
  width: 58.3333333333%;
}

main section .col-xs-8 {
  width: 66.6666666667%;
}

main section .col-xs-9 {
  width: 75%;
}

main section .col-xs-10 {
  width: 83.3333333333%;
}

main section .col-xs-11 {
  width: 91.6666666667%;
}

main section .col-xs-12 {
  width: 100%;
}

/* col-sm-* classes */

@media (min-width: 768px) {
  main section .col-sm-1 {
    width: 8.3333333333%;
  }
  main section .col-sm-2 {
    width: 16.6666666667%;
  }
  main section .col-sm-3 {
    width: 25%;
  }
  main section .col-sm-4 {
    width: 33.3333333333%;
  }
  main section .col-sm-5 {
    width: 41.6666666667%;
  }
  main section .col-sm-6 {
    width: 50%;
  }
  main section .col-sm-7 {
    width: 58.3333333333%;
  }
  main section .col-sm-8 {
    width: 66.6666666667%;
  }
  main section .col-sm-9 {
    width: 75%;
  }
  main section .col-sm-10 {
    width: 83.3333333333%;
  }
  main section .col-sm-11 {
    width: 91.6666666667%;
  }
  main section .col-sm-12 {
    width: 100%;
  }
}

/* col-md-* classes*/

@media (min-width: 992px) {
  main section .col-md-1 {
    width: 8.3333333333%;
  }
  main section .col-md-2 {
    width: 16.6666666667%;
  }
  main section .col-md-3 {
    width: 25%;
  }
  main section .col-md-4 {
    width: 33.3333333333%;
  }
  main section .col-md-5 {
    width: 41.6666666667%;
  }
  main section .col-md-6 {
    width: 50%;
  }
  main section .col-md-7 {
    width: 58.3333333333%;
  }
  main section .col-md-8 {
    width: 66.6666666667%;
  }
  main section .col-md-9 {
    width: 75%;
  }
  main section .col-md-10 {
    width: 83.3333333333%;
  }
  main section .col-md-11 {
    width: 91.6666666667%;
  }
  main section .col-md-12 {
    width: 100%;
  }
}

/* col-lg-* classes*/

@media (min-width: 1200px) {
  main section .col-lg-1 {
    width: 8.3333333333%;
  }
  main section .col-lg-2 {
    width: 16.6666666667%;
  }
  main section .col-lg-3 {
    width: 25%;
  }
  main section .col-lg-4 {
    width: 33.3333333333%;
  }
  main section .col-lg-5 {
    width: 41.6666666667%;
  }
  main section .col-lg-6 {
    width: 50%;
  }
  main section .col-lg-7 {
    width: 58.3333333333%;
  }
  main section .col-lg-8 {
    width: 66.6666666667%;
  }
  main section .col-lg-9 {
    width: 75%;
  }
  main section .col-lg-10 {
    width: 83.3333333333%;
  }
  main section .col-lg-11 {
    width: 91.6666666667%;
  }
  main section .col-lg-12 {
    width: 100%;
  }
}

input::placeholder, textarea::placeholder, select::placeholder option::placeholder {
  color: #cccccc;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type=text], input[type=number], textarea, select, .select select {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05) inset;
  border-radius: 5px;
  border: 1px solid #D1D1D1;
}

input[type=text]:focus, input[type=number]:focus, textarea:focus, select:focus {
  border: 1px solid #33C3F0;
  box-shadow: 0px 2px 3px rgba(102, 209, 227, 0.12) inset, 0px 2px 12px rgba(0, 207, 255, 0.17);
}

.has-livesearch {
  position: relative;
}

.livesearch-dropdown {
  display: none;
  position: absolute;
  top: 90%;
  left: 0%;
  border-radius: 5px;
  min-width: 300px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  background-color: white;
  z-index: 99;
  border: 1px solid #D1D1D1;
}

.livesearch-dropdown::before {
  content: '';
  display: block;
  background-color: white;
  border-left: 1px solid #D1D1D1;
  border-top: 1px solid #D1D1D1;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  left: 15px;
  top: -6px;
  z-index: -100;
}

.livesearch-visible~.livesearch-dropdown {
  display: block;
}

.livesearch-dropdown li {
  display: none;
  padding: 6px 8px;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
  margin: 0;
}

.livesearch-dropdown li:hover {
  background-color: #effcff;
  color: #1b81b2;
}

.livesearch-dropdown[data-num-results="1"] li, .livesearch-dropdown li:last-of-type {
  border-bottom: 1px solid transparent;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.livesearch-dropdown[data-num-results="1"] li {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}