/*
font-family: 'Helvetica Neue LT W01_57 Cond'; <-thinner
font-family: 'Helvetica Neue LT W01_77 Bd Cn'; <-bolder
*/
html{
  font-size: 100%;
}
body {
  margin: 0;
  font-family: 'Helvetica Neue LT W01_57 Cond';
  letter-spacing: 1px;
  font-size: 16px;
  min-height: 100vh;
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

.text-size-xxl {
  font-size: 2em;
}
.text-size-xl {
  font-size: 1.75em;
}
.text-size-lg {
  font-size: 1.5em;
}
.text-size-md {
  font-size: 1em;
}
.text-size-normal {
  font-size: 1em;
}
.text-size-sm {
  font-size: 0.75em;
}
.text-size-xs {
  font-size: 0.5em;
}


h1, .heading-xl {
  font-size: 2.441em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1em;
  margin-bottom: 0.5em;
}
h2, .heading-lg {
  font-size: 1.953em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1em;
  margin-bottom: 0.5em;
}
h3, .heading-md {
  font-size: 1.563em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 1em;
  margin-bottom: 0.5em;
}
h4, .heading-sm {
  font-size: 1.25em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 0.5em;
}
h5, .heading-xs {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 0.5em;
}
h6, .heading-xxs {
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.error404-container{
  background-image: url("/_resources/images/404/404-bg-sm.jpg");
  background-position: center;
  min-height: 100vh;
}
@media (min-width: 768px) {
  /* Aug Fourth */
  h1, .heading-xl {
    font-size: 3.998em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1em;
  }
  h2, .heading-lg {
    font-size: 2.827em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h3, .heading-md {
    font-size: 1.999em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h4, .heading-sm {
    font-size: 1.141em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h5, .heading-xs {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h6, .heading-xxs {
    font-size: 1em;
    text-transform: uppercase;
  }
  .error404-container{
    background-image: url("/_resources/images/404/404-bg-md.jpg");
  }
}

@media (min-width: 992px) {
  /* Fifth */
  h1, .heading-xl {
    font-size: 5.063em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1em;
  }
  h2, .heading-lg {
    font-size: 3.375em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h3, .heading-md {
    font-size: 2.25em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h4, .heading-sm {
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h5, .heading-xs {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h6, .heading-xxs {
    font-size: 1em;
    text-transform: uppercase;
  }
  .error404-container{
    background-image: url("/_resources/images/404/404-bg-lg.jpg");
  }
}

@media (min-width: 1200px) {

  /* Golden Ratio */
  h1, .heading-xl {
    font-size: 10em;
    font-size: 6.854em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1em;
  }
  h2, .heading-lg {
    font-size: 4.236em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h3, .heading-md {
    font-size: 2.618em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h4, .heading-sm {
    font-size: 1.618em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h5, .heading-xs {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  h6, .heading-xxs {
    font-size: 1em;
    text-transform: uppercase;
  }

  .error404-container{
    background-image: url("/_resources/images/404/404-bg-xl.jpg");
  }

}

.text-right h1, .text-right h2, .text-right h3, .text-right h4, .text-right h5{
  margin-right: -0.2em;
}
p {
  line-height: 1.5em;
  font-size: 1em;
  margin-bottom: 2em;
}
ul, ol {
  margin: 0;
}

a {
  text-decoration: none;
  color: #f00;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
a:hover,
a.active {
  text-decoration: underline;
  color: #f00;
}
a img {
  outline: none;
  border: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
table tr td{
  border-collapse: collapse;
  border: none;
  padding: 16px 16px;
}
tr.alternating:nth-of-type(2n+3), tr.alternating:nth-of-type(1) {
  background-color: #f1f1f1;
}
/* tr:hover {
  background-color: #ccc;
} */

.text-bold {
  font-family: 'Helvetica Neue LT W01_77 Bd Cn';
}
.text-italic {
  font-style: italic;
}


.btn {
  padding: 0.5rem 0.5rem;
  color: #fff;
  background-color: #f00;
  border: solid 1px #c90000;
  cursor: pointer;
  letter-spacing: 0.1em;
}
.btn:hover {
  background-color: #af0202;
}

a.btn:hover{
  color: white;
}
select {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/select-drop-down-arrow.png), -webkit-linear-gradient(#FFF, #FFF 40%, #F0F0F0 );
   background-position: 99% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #111;
   font-size: inherit;
   overflow: hidden;
   padding: 0.5rem 2.25rem 0.5rem 1rem;
   -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 100px;
}
.form-error-message {
  color: #F00;
  padding: 1rem;
  border: solid 1px #DEB4B4;
  background-color: #F0E4E4;
  border-radius: 3px;
}
.form-success-message {
  color: #00A007;
  padding: 1rem;
  border: solid 1px #E4F0E4;
  background-color: #F6FBF6;
  border-radius: 3px;
}

/* HEADERS */
.header-wrapper {
  padding: 0; /* needs to be 0 */
  z-index: 1000;
}
.header-container {
  background-color: #000;
  color: #fff;
  padding: 0 1rem;
}
.header-secondary {
  padding: 0.5rem 0;
  font-size: 0.875em;
}
.header-main {
  padding: 0.5rem 0;
  /* font-size: 1.25em; */
  font-size: 1em;
}
.header-mobile {
  padding: 1rem 0.5rem;
  font-size: 1.75em;
}

/* HEADER NOTICE/MESSAGE */

.header-notice-container {
  cursor: pointer;
  color: #ffffff;

  border-bottom: solid 1px #880000;
  background: #333333; background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
  background: -webkit-linear-gradient(top, #333333 0%,#000000 100%);
  background: linear-gradient(to bottom, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#000000',GradientType=0 );
}
.header-notice-container .auto-region-flag {
  width: 40px;
  margin-top: -3px;
}

/* LOGOS */
.header-main .logo-container, .header-secondary .logo-container {
  min-width : 162.5px;
  min-height: 50px;
}
.header-main .logo, .header-secondary .logo {
  width : 162.5px;
  height: 50px;
}
.header-mobile .logo-container {
  min-width : 180px;
  min-height: 55px;
}
.header-mobile .logo {
  width : 180px;
  height: 55px;
}

/* HEADER LINKS */
.header-secondary a,
.header-main a,
.header-mobile a {
  color: #fff;
  text-decoration: none;
}
.header-secondary a:hover,
.header-secondary a.active,
.header-main a:hover,
.header-main a.active {
  color: #f00;
  text-decoration: underline;
}
.header-mobile a:hover,
.header-mobile a.active {
  color: #f00;
}

/* HEADER MENUS */
.menu-main, .menu-secondary {
  display: inline-block;
  padding: 0;
}
.menu-main li,
.menu-secondary li {
  display: inline-block;
}
.menu-main li:first-of-type,
.menu-secondary li:first-of-type {
  margin-left: 0;
}
.menu-main li:last-of-type,
.menu-secondary li:last-of-type {
  margin-right: 0;
}
.menu-main {
  font-family: 'Helvetica Neue LT W01_77 Bd Cn';
  letter-spacing: 3px;
  text-transform: uppercase;
}
.menu-secondary {
  font-family: 'Helvetica Neue LT W01_57 Cond';
}
.menu-main li {
  margin: 0 1rem;
}
.menu-secondary li {
  margin: 0 0.5rem;
}
.menu-secondary li:last-of-type {
  margin-right: 0;
}

/* COLLAPSIBLE MENU */
#collapsible-menu {
  background-color: #111;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  color: #fff;
  height: 100vh;
}
.menu-items-years {
  list-style: none;
  padding: 2rem 0;
}
.menu-items-extras {
  list-style: none;
  padding: 0;
}
.menu-items-extras li {
  padding: 0.25rem 0;
}
.menu-items-extras-category-link {
  display: none;
}
.menu-items-container {
  display: none;
  padding: 2rem 0;
}
.menu-items-years a,
.menu-items-extras a,
.menu-items-container a {
  color: #fff;
  text-decoration: none;
}
.menu-items-years a:hover,
.menu-items-years a.active,
.menu-items-extras a:hover,
.menu-items-container a:hover {
  color: #f00;
}
.menu-items {
  list-style: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.menu-items li {
  /* prevent li groups from breaking to the next column */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.menu-items>li>ul {
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
}
.menu-items>li, .menu-items>li>ul>li {
  margin: 0.25rem 0;
}
.menu-item-level-1 {
  font-family: 'Helvetica Neue LT W01_77 Bd Cn';
  font-size: 1.618em;
  letter-spacing: 6px;
  text-transform: uppercase;
  line-height: 2em;
}
.menu-item-level-2 {
  font-family: 'Helvetica Neue LT W01_57 Cond';
  font-size: 1em;
  letter-spacing: 0;
  line-height: 2em;
}

/* MOBILE MENU */
.mobile-main-menu-container {
  font-size: 3em;
}
.mobile-sub-menu-container {
  font-size: 3em;
  display: none;
}
.mobile-main-menu,
.mobile-sub-menu {
  font-family: 'Helvetica Neue LT W01_77 Bd Cn';
  letter-spacing: 5px;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
.mobile-sub-menu {
  display: none;
}
@media (max-width: 575.98px) {
  .mobile-sub-menu {
    margin-left: auto; /* add margin-left to center-align the sub-menu on xs devices */
  }
}
@media (min-width: 576px) {
  .mobile-sub-menu {
    margin-left: 0;
  }
}
.mobile-main-menu li,
.mobile-sub-menu li {
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.mobile-main-menu li a.inactive {
  color: #999;
}
.mobile-main-menu li a:hover,
.mobile-main-menu li a.active,
.mobile-sub-menu li a:hover {
  color: #f00;
  text-decoration: underline;
}
.mobile-main-menu-back {
  font-size: 1em;
}
.mobile-sub-menu-link {
  display: none;
  cursor: pointer;
}
.mobile-sub-menu-link button {
  white-space: normal;
}
.menu-search {
  display: block;
  width: 100%;
  padding: 0.25em;
  font-size: 1.5em;
  color: #999;
}
.menu-search-mobile {
  display: block;
  width: 100%;
  padding: 0.5em;
  font-size: 2em;
  color: #999;
}

.menu-search-bikes-item,
.menu-mobile-search-bikes-item {
  display: none;
}
.menu-search-item-images {
  height: 0px;
}
.menu-bike-search-item-image-loaded {
  height: auto !important;
}
.menu-search-bikes-list-container > div,
.menu-mobile-search-bikes-list-container > div{
  border-bottom: solid 1px #999;
}
.menu-search-bikes-list-container .carousel-item img {
  width: 100%;
}
.menu-mobile-search-bikes-list-container .carousel-item img {
  width: 100%;
}
.menu-search-bikes-list-container .bike-list-item-colours-button,
.menu-mobile-search-bikes-list-container .bike-list-item-colours-button{
  border: none;
}
.menu-search-bikes-list-container .bike-list-item-colours-button .bike-list-item-colours-button-colour,
.menu-mobile-search-bikes-list-container .bike-list-item-colours-button .bike-list-item-colours-button-colour{
  border: solid 1px #666;
  width: 1.25em;
  height: 1.25em;
  margin-right: .75rem;
}
.menu-search-no-results,
.menu-mobile-search-no-results{
  display: none;
}

/* CONTENT */
.content-wrapper {
  padding: 0;
}

.page-banner {
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-color: #666;
}
.page-banner-content {

}

.page-banner-content h1, .page-banner-content h3 {
  color: #fff;
  letter-spacing: 14px;
  text-transform: uppercase;
}
.page-banner-content p {
  line-height: 150%;
  color: #fff;
}

/* home */
.home-feature-item {
  min-height: 100vh;
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.home-feature-content {
  width: 40%;
  color: #fff;
}
.home-feature-content h1{

}
.secondary-home-feature{
  -webkit-background-size: cover;
          background-size: cover;
  min-height: 56.25%;
  color: white;
}
.secondary-home-feature-inner{
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.secondary-home-feature-inner h2{
  margin-bottom: 0;
}
#secondary-home-feature-inner-2 h2{
  margin-right: -0.2em;
}
.secondary-home-feature h2
@media (max-width: 1199.98px) {
  .home-feature-content {
    width: 50%;
  }
}
@media (max-width: 991.98px) {
  .home-feature-content {
    width: 60%;
  }
}
@media (max-width: 767.98px) {
  .home-feature-content {
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  .home-feature-content {
    width: 100%;
  }
}
.home-feature-content a {
  color: #fff;
  text-decoration: none;
}
.home-feature-content a:hover {
  color: #f00;
}
.home-feature-content h1 {
  text-transform: uppercase;
  line-height: 90%;
  margin-right: -0.2em;
}
.home-feature-content h2 {
  text-transform: uppercase;
  line-height: 90%;
}
.home-feature-content p {
  letter-spacing: 3px;
}
.home-feature-border-line {
  border-bottom: solid 2px #ccc;
  width: 240px
}
.home-tradeablebits-container {
  background-color: #ccc;
}
.tbits-carousel .carousel-control-prev,
.tbits-carousel .carousel-control-next {
  width: 8% !important;
  /*opacity: 1 !important;*/
}
.tbits-carousel .carousel-control-prev { /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),to(rgba(0,0,0,0)));
  background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.tbits-carousel .carousel-control-next { /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.tbits-carousel-image-container {
  height: 260px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.tbits-carousel-image-container:hover{
  cursor: pointer;
}
@media (max-width: 1199.98px) {
  .tbits-carousel-image-container {
    height: 200px;
  }
}
@media (max-width: 991.98px) {
  .tbits-carousel-image-container {
    height: 140px;
  }
}
@media (max-width: 767.98px) {
  .tbits-carousel-image-container {
    height: 200px;
  }
}
@media (max-width: 575.98px) {
  .tbits-carousel-image-container {
    height: 260px;
  }
}

/* bikes list page, category, sub-category pages */
.bike-year-links a {
  color: #333;
}
.bike-year-links a:hover {
  text-decoration: none;
}
.bike-year-links a:hover,
.bike-year-links a.active {
  color: #F00;
}
.bikes-list-filter {
  border-right: solid 1px #ccc;
}
.bikes-list-filter-header:hover {
  color: #f00;
}
.category-sub-filter {
  display: none;
}
/* Custom Checkboxes */
ul.unstyled{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.bike-filter-checkbox {
  position: absolute;
  opacity: 0;
}
.bike-filter-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.bike-filter-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 21px;
  height: 21px;
  border: 1px solid #ccc;
}
.bike-filter-checkbox:hover + label:before {
  background: #f00;
}
.bike-filter-checkbox:focus + label:before {
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.bike-filter-checkbox:checked + label:before {
  background: #f00;
}
.bike-filter-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.bike-filter-checkbox:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}
.bike-filter-checkbox:checked + label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /*should be 900 or else it won't work*/
  content: "\f00c";
  font-style: normal;
  text-decoration: inherit;
  color: white;
  font-size: 0.8em;
  position: absolute;
  left: 4px;
  top: 3px;
}
/* End Custom Checkboxes */
.bikes-list-sort-option,
.bikes-list-sort-option-mobile {
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.bikes-list-sort-option li,
.bikes-list-sort-option-mobile li {
  display: inline-block;
  height: auto;
  margin: 0 0.5em;
}
.bikes-list-sort-option li a {
  color: #333;
  text-decoration: none;
}
.bikes-list-sort-option li a:hover {
  color: #f00;
  text-decoration: underline;
}
.bikes-list-sort-option li a.active {
  color: #f00;
  font-weight: bold;
}
.bikes-list-sort-option-mobile {
  margin-top: 0.5em;
}
.bikes-list-sort-option-mobile li a {
  color: #333;
  font-size: 1.25em;
}
.bikes-list-sort-option-mobile li a:hover {
  color: #f00;
  text-decoration: underline;
}
.bikes-list-sort-option-mobile li a.active {
  color: #f00;
  font-weight: bold;
  text-decoration: none;
}

.bikes-list {
  min-height: 500px;
  margin-bottom: 120px;
}
.bikes-list-item-container {
  height: auto;
}
.bikes-list-item {
  max-width: 560px;
  margin: auto;
  position: relative;
  padding: 20px !important;
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  -o-transition: transform .1s;
  transition: transform .1s;
  transition: transform .1s, -webkit-transform .1s;
}
.bikes-list-item:hover {
  border: solid 1px rgba(333,333,333,0.25);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
  background-color: #fff;
  z-index: 1;

  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);

  padding: 20px;
}
.bikes-list-item a {
  color: #333;
}
.bikes-list-item a:hover {
  color: #f00;
  text-decoration: none;
}
.bikes-list-item button{
  width: 100%;
}
.bike-image-carousel img {
  max-width: 498px; /* ie 11 fix - not applying 100% width */
}
.bike-list-item-image-hidden {
  display: none !important;
}
.bike-image-carousel-big img {
  max-width: 1100px;
  width: 100% !important;
}
.bikes-list-item:hover img {
  /* prevent blur on zoom */
  -webkit-backface-visibility: hidden;
  -ms-transform: translateZ(0); /* IE 9 */
  -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
  transform: translateZ(0);
}
.bike-list-item-colours-button {
  margin: 0 1rem;
  border-radius: 50%;
  border: solid 1px #fff; /* add invisible border */
}
.bike-list-item-colours-button.active {
  border-color: #ccc;
}
.bike-list-item-colours-button-colour {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: solid 2px #fff;
  cursor: pointer;
}
.bikes-list-item-hidden {
  display: none;
}

@media (max-width: 1199.98px) {
  .bikes-list-filter-header {
    font-size: 0.6em
  }
}
@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}
@media (max-width: 767.98px) {
  .bikes-list-filter {
    border: none;
  }
}


/* bike series page */
.bike-series-banner {
  min-height: 800px;
}
.bike-series-content-nav {
  display: inline-block;
  list-style: none;
}
.bike-series-content-nav li {
  display: inline-block;
  margin: 0 2rem;
  /*font-size: 2em;*/
}
.bike-series-content-nav li a {
  color: black;
  text-decoration: underline;
}
.bike-series-content-nav li a:hover {
  color: #f00;
  text-decoration: underline;
}
.bike-series-benefits-item-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-color: #333;
}
.bike-series-benefits-item {
  color: #fff;
  background-color: rgba(0,0,0,0.7);
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.bike-series-benefits-item.active {
  opacity: 1;
}
.bike-series-video-container iframe {
  border: none;
}
.geometry-framesizes,
.geometry-wheelsizes {
  list-style: none;
}
.geometry-framesizes li,
.geometry-wheelsizes li {
  display: inline-block;
  margin: 1rem 1.5rem;
}
.geometry-wheelsizes li {

}
.geometry-wheelsize-tab,
.geometry-framesize-tab {
  color: #333;
}
.geometry-wheelsize-tab:hover,
.geometry-wheelsize-tab.active,
.geometry-framesize-tab:hover,
.geometry-framesize-tab.active {
  color: #f00;
  text-decoration: underline;
}
.geometry-table {
  display: none;
}
.geometry-table tr td:first-child {
  min-width: 100px;
  width: 30%;
}
.geometry-table tr td:not(:first-child) {
  min-width: 60px;
  overflow: hidden;
}
.bikes-list-series-models {
  min-height: 400px;
  margin-bottom: 40px;
}

/* bike details page */
.bike-details-gallery-items {
  display: none;
}
.bike-details-sub-header {
  background-color: #333;
  color: #fff;
  text-transform: uppercase;

  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.bike-details-sub-header-bike-name {
  letter-spacing: 4px;
}
.bike-details-sub-nav {
  list-style: none;
}
.bike-details-sub-nav li {
  display: inline-block;
}

.bike-details-sub-nav li a{
  color: #fff;
}
.bike-details-sub-nav li a:hover,
.bike-details-sub-nav li a.active {
  color: #f00;
  text-decoration: none;
}

.bike-details-downloads-container {
  background-color: #333;
  color: #fff;
}
.bike-details-downloads-container a{
  color: #fff;
}
.bike-details-downloads-container a:hover{
  color: #f00;
}
@media (max-width: 767.98px) {
  .bike-details-downloads-container i.fas,
  .bike-details-downloads-container i.fa {
    font-size: 8em !important;
  }
  .bike-details-download-filename {
    font-size: 1.75em !important;
  }
}
.build-your-ride-row{
  background-image:url('/_resources/images/build-your-ride/build-your-ride-bg.jpg');
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  color: white;
}
/* news */
.news-category-filter-toggle {
  color: #111;
}
.news-category-filter-toggle:hover {
  text-decoration: none;
}
.news-category-filter-options {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0;
  width: 100%;
}
.news-category-filter-options li {
  list-style: none;
  padding: 0.75rem 0;
  border-top: solid 1px #999;
}
.news-category-filter-options li:last-of-type {
  border-bottom: solid 1px #999;
}
.news-category-filter-options li a{
  color: #111;
}
.news-category-filter-options li a:hover{
  color: #f00;
  text-decoration: none;
}
.news-thumbnail {
  height: 340px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.news-item-link {
  min-height: 72px;
}
.news-item-category {
  border: solid 1px #999;
}
.news-item a {
  color: #333;
}
.news-item a:hover {
  text-decoration: none;
  color: #f00;
}
#load-more-spinner {
  display: none;
}

/* videos */
.video-category-filter-toggle {
  color: #111;
}
.video-category-filter-toggle:hover {
  text-decoration: none;
}
.video-category-filter-options {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0;
  width: 100%;
}
.video-category-filter-options li {
  list-style: none;
  padding: 0.75rem 0;
  border-top: solid 1px #999;
}
.video-category-filter-options li:last-of-type {
  border-bottom: solid 1px #999;
}
.video-category-filter-options li a{
  color: #111;
}
.video-category-filter-options li a:hover{
  color: #f00;
  text-decoration: none;
}
.video-thumbnail {
  height: 260px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.video-category {
  background-color: #00BC00;
  color: #fff;
}
.video-item-link {
  min-height: 72px;
}
.video-item a {
  color: #333;
}
.video-item a:hover {
  text-decoration: none;
  color: #f00;
}
.btn-video-close {
  padding: .25rem .5rem;
  font-size: 1em;
  text-transform: uppercase;
  border-radius: 3px;
  border: none;
  min-width: 95px;
}

/* bike archive */
.bike-archive-item {
  border: solid 1px #fff;
}
.bike-archive-item.files-displayed,
.bike-archive-item:hover {
  border: solid 1px #999;
}
.bike-archive-item a {
  color: #111;
}
.bike-archive-item a:hover {
  color: #f00;
  text-decoration: none;
}
.bike-archive-image-hidden {
  display: none !important;
}
.bike-archive-toggle-dl-files {
  color: #111;
}
.bike-archive-toggle-dl-files:hover,
.bike-archive-toggle-dl-files.active {
  text-decoration: none;
}
.bike-archive-toggle-dl-files i {
  font-size: 1.08em;
}
.bike-archive-year-filter-radio {
  margin-top: 0.5rem;
}
.bike-archive-item-img-container {

}
.bike-archive-item-files-overlay {
  display: none;
  background-color: rgba(255,255,255,0.75);
}
.bike-archive-no-results {
  display: none;
}
.archive-search-spinner {
  position: absolute;
  top: 10px;
  right: 20px;
  display: none;
}
.bike-archive-geometry-container {
  background-color: #fafafa;
}
.bike-archive-details-sub-nav {
  list-style: none;
}
.bike-archive-details-sub-nav li {
  display: inline-block;
}

.bike-archive-details-sub-nav li a{
  color: #f00;
}
.bike-archive-details-sub-nav li a:hover,
.bike-archive-details-sub-nav li a.active {
  color: #111;
  text-decoration: none;
}

/* bike registration */
.bike-registration-reasons-to-register {
  border-bottom: solid 2px #333;
}
.bike-registration-reasons-to-register h5 {
  font-weight: bold;
}
.bike-registration-serial-number-location,
.bike-registration-oho {
  border: solid 1px #EEE;
  background-color: #FAFAFA;
}
.bike-registration-iframe-upload {
  padding: 9px 10px;
  min-height: 43px;
  width: 100%;
  border: solid 1px #ced4da;
  border-radius: 0.25rem;
}

/* womens page */
.page-banner-womens {
  height: 800px;
  color: #fff;
}
.womens-advantages-container {
  background-color: #111;
  color: #FFF;
}
.womens-advantages-arrows {
  color: #f00;
  white-space: nowrap;
}
.womens-advantages-arrows i {
  margin-left: -8px;
}
.womens-advantages-bullet {
  display: inline-block;
  position: relative;
  top: -4px;
}

.bikes-list-filter-top-border {
  margin-top: -5px;
  border-top: inset 5px #aaa;
}
.womens-tradeablebits-container {
  background-color: rgba(69, 193, 192, 1);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-image: ();
  color: #fff;
}

/* athletes */
.teams-list-filter-toggle {
  color: #111;
}
.teams-list-filter-toggle:hover {
  text-decoration: none;
}
.teams-list-filter-options {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0;
  width: 100%;
}
.teams-list-filter-options li {
  list-style: none;
  padding: 0.75rem 0;
  border-top: solid 1px #999;
}
.teams-list-filter-options li:last-of-type {
  border-bottom: solid 1px #999;
}
.teams-list-filter-options li a{
  color: #111;
}
.teams-list-filter-options li a:hover{
  color: #f00;
  text-decoration: none;
}
.athletes-item-container {
  border: solid 2px #999;
}
.athletes-image {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
}
.athletes-flag {
  margin-top: -4px;
  height: 20px;
}

/* INTENDED USE */
.intended-use-table td{
  font-size: 0.7em;
  text-align: center;
  vertical-align: middle;
}

.intended-use-table .category-headers th{
  text-align: center;
  vertical-align: bottom;
}

/* FOOTER */
.footer-wrapper {
  background-color: #000;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.footer-container {
  color: white;
}
.footer-container a{
  color: white;
}

.footer-container input{
  width: 100%;
}
.footer-container .email{
  height: 32px;
  font-size: 1em;
  border-radius: 6px;
}
.email-form-container{
  margin-top: 3rem;
}
.email-form{
  padding-top: 2rem;
}
.email-button{
  padding:  0.5em 0.5em;
  font-size: 0.75em;
}
.footer-nav{
  margin-bottom: 5rem;
}
.footer-nav h5{
  margin-bottom: 2rem;
}
.footer-nav p{
  line-height: 2em;
  margin-bottom: 0;
}
.footer-spacer{
  margin: 3rem auto;
}
.footer-social{
  margin-bottom: 5rem;
}
.footer-wrapper .fab{
  font-size: 2em;
}
/* off screen - used for getting the browser's scroll width */
.scrollbar-width-ruler {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}


/* Video background */
.build-button{
  border: 3px solid white;
  padding: 1em;
  color: white;
  font-family: 'Helvetica Neue LT W01_77 Bd Cn';
  /* letter-spacing: 3px; */
  text-transform: uppercase;
  font-size: 1.2em;
}
.build-button:hover{
  text-decoration: none;
  border-color: red;
}
.videobg {
  position: relative;
  width: 100%; /* Set video container element width here */
  height: 100%; /* Set video container element height here */
  overflow: hidden;
  background: #111; /* bg color, if video is not high enough */
}

/* horizontally center the video */
.videobg-width {
  position: absolute;
  width: 100%; /* Change width value to cover more area*/
  height: 100%;
  left: -9999px;
  right: -9999px;
  margin: auto;
}

/* set video aspect ratio and vertically center */
.videobg-aspect {
  position: absolute;
  width: 100%;
  height: 0;
  top: -9999px;
  bottom: -9999px;
  margin: auto;
  padding-bottom: 56.25%; /* 16:9 ratio */
  overflow: hidden;

}

.videobg-make-height {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}

.videobg-hide-controls {
  box-sizing: content-box;
  position: relative;
  height: 100%;
  width: 100%;
  /* Vimeo timeline and play button are ~55px high */
  padding: 55px 97.7777px; /* 16:9 ratio */
  top: -55px;
  left: -97.7777px; /* 16:9 ratio */
}

.videobg iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0 none;
}