/** Shopify CDN: Minification failed

Line 601:2 Expected identifier but found "*"
Line 1657:2 Expected identifier but found "*"
Line 1763:2 Expected identifier but found "*"
Line 8340:2 "backgroud-color" is not a known CSS property
Line 15437:9 Expected ":"
Line 15442:9 Expected ":"

**/
@charset "UTF-8";
@font-face {
  font-family: "ApocalypseGrunge";
  src: url("/cdn/shop/files/Apocalypse_Grunge_2.ttf?v=1669044488") format("TrueType"), url("/cdn/shop/files/Apocalypse_Grunge_2.otf?v=1669044439") format("otf"), url("/cdn/shop/files/Apocalypse_Grunge_2.woff?v=1669044438") format("woff");
}
@font-face {
  font-family: saladSans;
  src: url("/cdn/shop/files/saladsanserif.ttf?v=1668697650") format("TrueType");
}

@font-face {
    font-family: 'Bostonbrush Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/cdn/shop/files/BOSTHONBRUSH.otf?v=1700738928') format('opentype');
    }
/*============================================================================
  Debut | Built with Shopify Slate

  Some things to know about this file:
    - Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
    - The output CSS is compressed and comments are removed
    - You cannot use native CSS/Sass @imports in this file without a build script
/*================ SASS HELPERS ================*/
/*============================================================================
  Convert pixels to ems
  eg. for a relational value of 12px write em(12) when the parent is 16px
  if the parent is another value say 24px write em(12, 24)
  Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_px-to-em.scss
==============================================================================*/
/*============================================================================
  Strips the unit from a number.
  @param {Number (With Unit)} $value
  @example scss - Usage
    $dimension: strip-units(10em);
  @example css - CSS Output
    $dimension: 10;
  @return {Number (Unitless)}
  based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_strip-units.scss
==============================================================================*/
/*============================================================================
  Return a color based on the brightness of an existing color.
  Need to pass in brightness because it is calculated with Liquid.
  @param {Number} $brightness
  @param {String} $color
  @example scss - Usage
    $focusColor: adaptiveColor(#000, 0);
  @example css - CSS Output
    $focusColor: #404040;
  @return {String}
==============================================================================*/
/*================ #Mixins ================*/
/*============================================================================
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss

  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }

    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*================ VARIABLES ================*/
/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
    - $grid-narrowscreen is based on a Shopify breakpoint for checkout buttons
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $grid-breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
==============================================================================*/
/*================ Sizing Variables ================*/
/*================ Footer Variables ================*/
/*================ Z-Index ================*/
/*================ Drawers ================*/
@font-face {
  font-family: "Roboto Slab";
  font-weight: 400;
  font-style: normal;
  src: url("/cdn/fonts/roboto_slab/robotoslab_n4.a7a5e34524361944b6c4bd1ad75572c099737d1d.woff2?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=193b054aa08ca548190d772f1daa91f5d5961e9807d908220f5371d94dc3d0ad") format("woff2"), url("/cdn/fonts/roboto_slab/robotoslab_n4.cc6dd5c63e3c2a3aa2f7c8e66333895206673046.woff?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=8ededf14e36cdc4c8a9b1ad2f399bec3b67d34626533367825a1f2d426b466f3") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  src: url("/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=cacbc96741347ee9310b6c1aed23c52be9ec6e3efe65b0e54888dcced3f90dca") format("woff2"), url("/cdn/fonts/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=e967af6160b06fb174f215ab62639b27449ee5f12575f1167d6f70f77670c68c") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  src: url("/cdn/fonts/poppins/poppins_n7.58aca33913fc6666cc9e8a53f6b16ec5c3c05a3f.woff2?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=f72f80a03a106a1e442e3224f79b0d0642b36525ba90e173bd8891b41cf55457") format("woff2"), url("/cdn/fonts/poppins/poppins_n7.59016f931f3f39434d2e458fba083eb7db7a07d9.woff?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=9c1e62891451ceb822ffdd777791b929bcafcf922ce4dc9fa4ed271abc1e3f37") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  src: url("/cdn/fonts/poppins/poppins_n7.58aca33913fc6666cc9e8a53f6b16ec5c3c05a3f.woff2?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=f72f80a03a106a1e442e3224f79b0d0642b36525ba90e173bd8891b41cf55457") format("woff2"), url("/cdn/fonts/poppins/poppins_n7.59016f931f3f39434d2e458fba083eb7db7a07d9.woff?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=9c1e62891451ceb822ffdd777791b929bcafcf922ce4dc9fa4ed271abc1e3f37") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  src: url("/cdn/fonts/poppins/poppins_i4.a7e8d886e15d5fb9bc964a53b3278effbf270e9c.woff2?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=c7f8c2384d41d7c7c840295845cb194af07b7b489076ff7f496cc2cf3bcf7b3d") format("woff2"), url("/cdn/fonts/poppins/poppins_i4.e87de252199e27825a41bf81646996685d86452d.woff?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=34d4788d77af438dced41df97295bab2882fa18b5ed9ea985ab2e84f9136a72d") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: italic;
  src: url("/cdn/fonts/poppins/poppins_i7.4f85a5d51a1aecf426eea47ac4570ef7341bfdc1.woff2?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=dda1b817101721a680587a207831ad35f459ff5c98ca45cd4073a98ff98a314b") format("woff2"), url("/cdn/fonts/poppins/poppins_i7.aff3a08a92d1c136586c611b9fc43d357dfbbefe.woff?h10=c3RpZm10Yi51aw&h1=c3RpZm10Yi5jb20&h2=Z2Iuc3RpZm10Yi5jb20&h3=c3RpZi5jby51aw&h4=c3RpZi51aw&h5=c3RpZi5iaWtl&h6=c3RpZmN5Y2xlcy5jby51aw&h7=c3RpZmYuY28udWs&h8=c3RpZm10Yi5jby51aw&h9=c3RpZm10Yi5uZXQ&hmac=418cd415c46a0c756baece0a5381749ffee4f5d4943249f40a40ee8138dadb96") format("woff");
}



/*PBF*/

#pbf_calculator{
  max-width:600px;font-size:16px
}

#pbf_calculator input{
  font-size:1em;
  padding-left:3px
}

.pbf_button_list{
  display:flex;
  flex-wrap:wrap;
  width:102%
}

.pbf_button_list label.pbf_button{
  box-sizing:border-box;
  width:100%;
  margin:0

}

.amount_row{
  margin:10px auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center
}

.deposit_row
{margin:10px auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center
}

.pbf_button_wrapper{
  margin:5px 2% 5px 0
}
#results.pbf_results{
  padding:0 10px;
  display:flex;
  flex-wrap:wrap;
  border-width:3px;
  border-style:solid;
  background-color:white;
  position:relative
}

#results.pbf_results .result{
    display:block;
    font-size:1.7em;
    font-weight:600
}
#results.pbf_results>div{
    padding:10px;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
@media (min-width: 400px){
    #results.pbf_results>div{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%;
        padding:0
    }
}
@media (min-width: 768px){
    #results.pbf_results>div{
        -ms-flex:0 0 33.3%;
        flex:0 0 33.3%;
        max-width:33.3%
    }
}
.pbf_error_message{
    color:red;
    width:400px;
    display:inline-block;
    max-width:100%
}
span.minMax{
    display:block;
    font-size:0.8em
}
.rep-example-section,.broker-disclaimer-section,.rounding-warning-section{
    font-size:0.8em
}
label{
    margin-bottom:0
}
.pbf_form_group>label{
    display:block;
    margin-bottom:10px
}
.pbf_form_group.amount-section>.pbf_input_wrapper{
    margin-top:10px
}
.pbf_form_group .pbf_button{
    display:inline-block
}
.pbf_form_group.amount-section input.pbf_input,.pbf_form_group.deposit-section input.pbf_input{
    margin-right:5px;
    width:4em
}
.pbf_form_group.term-section label.pbf_button{
    display:inline-block
}
label.pbf_input_wrapper{
    height:50px;
    background:white;
    font-size:1.4em;
    border:2px solid #a9a9a9;
    padding-left:8px;
    display:inline-flex;
    align-items:center;
    margin-right:1em;
    width:6em
}
label.pbf_input_wrapper input{
    background:transparent;
    border:none;
    max-width:calc(100% - 0.6em);
    font-size:inherit
}
form#pbf_calculator{
    border:1px darkgray solid;
    border-radius:3px;
    padding:15px 15px 0 15px;
    margin:5px auto 15px auto
}
form#pbf_calculator>h2{
    font-weight:bold;
    font-size:1.6em;
    margin:10px 0 20px 0px
}
form#pbf_calculator h3{
    font-size:1.4em;
    margin:0 0 10px 0
}
/*! CSS Used from: https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css */
input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
@media (max-width: 768px){
    #term .pbf_button_wrapper{
        -ms-flex:0 0 48%;
        flex:0 0 48%;
        max-width:48%
    }
}
.pbf_form_group{
    margin-bottom:20px
}
.pbf_button{
    display:inline-block;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0.25em 1em;
    line-height:1.5;
    border-radius:0.25rem;
    transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}
.pbf_button:focus{
    box-shadow:0 0 0 0.2rem rgba(38,143,255,0.5)
}
.errorMessage{
    -webkit-animation:fadeinout 4s linear 1 forwards;
    animation:fadeinout 4s linear 1 forwards
}
@-webkit-keyframes fadeinout{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeinout{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
#pbf_calculator .rangeSlider,#pbf_calculator .rangeSlider__fill{
    display:block;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
    border-radius:10px
}
#pbf_calculator .rangeSlider{
    position:relative;
    background:#7f8c8d
}
#pbf_calculator .rangeSlider__horizontal{
    height:20px;
    width:100%
}
#pbf_calculator .rangeSlider__vertical{
    height:100%;
    width:20px
}
#pbf_calculator .rangeSlider--disabled{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:.4
}
#pbf_calculator .rangeSlider__fill{
    background:#16a085;
    position:absolute
}
#pbf_calculator .rangeSlider__fill__horizontal{
    height:100%;
    top:0;
    left:0
}
#pbf_calculator .rangeSlider__fill__vertical{
    width:100%;
    bottom:0;
    left:0
}
#pbf_calculator .rangeSlider__handle{
    border:1px solid #ccc;
    cursor:pointer;
    display:inline-block;
    width:40px;
    height:40px;
    position:absolute;
    background:#fff linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.1));
    box-shadow:0 0 8px rgba(0,0,0,0.3);
    border-radius:50%
}
#pbf_calculator .rangeSlider__handle__horizontal{
    top:-10px
}
#pbf_calculator .rangeSlider__handle__vertical{
    left:-10px;
    bottom:0
}
#pbf_calculator .rangeSlider__handle:after{
    content:"";
    display:block;
    width:18px;
    height:18px;
    margin:auto;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:linear-gradient(rgba(0,0,0,0.13), rgba(255,255,255,0));
    border-radius:50%
}
#pbf_calculator .rangeSlider__handle:active{
    background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.12))
}
#pbf_calculator input[type=range]:focus+.rangeSlider .rangeSlider__handle{
    box-shadow:0 0 8px rgba(142,68,173,0.9)
}
#pbf_calculator .rangeSlider__buffer{
    position:absolute;
    top:3px;
    height:14px;
    background:#2c3e50;
    border-radius:10px
}
#pbf_calculator .rangeLabels{
    display:flex;
    justify-content:space-between;
    margin-top:8px;
    height:1em
}
 

/*================ Gift Cards ================*/
/*================ Z-index ================*/
/*================ VENDOR ================*/
/*============================================================================
  Slick Slider 1.6.0

  - If upgrading Slick's styles, use the following variables/functions
    instead of the slick defaults (from slick-theme.scss)
  - This file includes default slick.scss styles (at Slick Slider SCSS)
    and slick-theme.scss (at Slick Slider Theme). Upgrade each area individually.
  - Remove `outline: none` from `.slick-dots li button`
==============================================================================*/
/*================ Slick Slider SCSS ================*/
/*REMOVED*/
/*================ GLOBAL ================*/
/*============================================================================
  #Normalize
  Based on normalize.css v3.0.2 | MIT License | git.io/normalize
==============================================================================*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a {
  background-color: transparent;
}

b,
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  max-width: 100%;
  border: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input[type=search], input[type=number], input[type=email], input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

textarea {
  overflow: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/*============================================================================
  Fast Tap
  enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role=button],
input,
label,
select,
textarea {
  touch-action: manipulation;
}

/*============================================================================
  #Grid
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px;
}

.grid::after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 749px) {
  .grid {
    margin-left: -22px;
  }
}
.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .grid__item {
    padding-left: 22px;
  }
}
.grid__item[class*="--push"] {
  position: relative;
}

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left;
}

.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/* Whole */
.one-whole {
  width: 100%;
}

/* Halves */
.one-half {
  width: 50%;
}

/* Thirds */
.one-third {
  width: 33.33333%;
}

.two-thirds {
  width: 66.66667%;
}

/* Quarters */
.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

/* Fifths */
.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

/* Sixths */
.one-sixth {
  width: 16.66667%;
}

.two-sixths {
  width: 33.33333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.66667%;
}

.five-sixths {
  width: 83.33333%;
}

/* Eighths */
.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

/* Tenths */
.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

/* Twelfths */
.one-twelfth {
  width: 8.33333%;
}

.two-twelfths {
  width: 16.66667%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.33333%;
}

.five-twelfths {
  width: 41.66667%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.33333%;
}

.eight-twelfths {
  width: 66.66667%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.33333%;
}

.eleven-twelfths {
  width: 91.66667%;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

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

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

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

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 749px) {
  /* Whole */
  .small--one-whole {
    width: 100%;
  }

  /* Halves */
  .small--one-half {
    width: 50%;
  }

  /* Thirds */
  .small--one-third {
    width: 33.33333%;
  }

  .small--two-thirds {
    width: 66.66667%;
  }

  /* Quarters */
  .small--one-quarter {
    width: 25%;
  }

  .small--two-quarters {
    width: 50%;
  }

  .small--three-quarters {
    width: 75%;
  }

  /* Fifths */
  .small--one-fifth {
    width: 20%;
  }

  .small--two-fifths {
    width: 40%;
  }

  .small--three-fifths {
    width: 60%;
  }

  .small--four-fifths {
    width: 80%;
  }

  /* Sixths */
  .small--one-sixth {
    width: 16.66667%;
  }

  .small--two-sixths {
    width: 33.33333%;
  }

  .small--three-sixths {
    width: 50%;
  }

  .small--four-sixths {
    width: 66.66667%;
  }

  .small--five-sixths {
    width: 83.33333%;
  }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%;
  }

  .small--two-eighths {
    width: 25%;
  }

  .small--three-eighths {
    width: 37.5%;
  }

  .small--four-eighths {
    width: 50%;
  }

  .small--five-eighths {
    width: 62.5%;
  }

  .small--six-eighths {
    width: 75%;
  }

  .small--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  .small--one-tenth {
    width: 10%;
  }

  .small--two-tenths {
    width: 20%;
  }

  .small--three-tenths {
    width: 30%;
  }

  .small--four-tenths {
    width: 40%;
  }

  .small--five-tenths {
    width: 50%;
  }

  .small--six-tenths {
    width: 60%;
  }

  .small--seven-tenths {
    width: 70%;
  }

  .small--eight-tenths {
    width: 80%;
  }

  .small--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.33333%;
  }

  .small--two-twelfths {
    width: 16.66667%;
  }

  .small--three-twelfths {
    width: 25%;
  }

  .small--four-twelfths {
    width: 33.33333%;
  }

  .small--five-twelfths {
    width: 41.66667%;
  }

  .small--six-twelfths {
    width: 50%;
  }

  .small--seven-twelfths {
    width: 58.33333%;
  }

  .small--eight-twelfths {
    width: 66.66667%;
  }

  .small--nine-twelfths {
    width: 75%;
  }

  .small--ten-twelfths {
    width: 83.33333%;
  }

  .small--eleven-twelfths {
    width: 91.66667%;
  }

  .grid--uniform .small--one-half:nth-child(2n+1),
.grid--uniform .small--one-third:nth-child(3n+1),
.grid--uniform .small--one-quarter:nth-child(4n+1),
.grid--uniform .small--one-fifth:nth-child(5n+1),
.grid--uniform .small--one-sixth:nth-child(6n+1),
.grid--uniform .small--two-sixths:nth-child(3n+1),
.grid--uniform .small--three-sixths:nth-child(2n+1),
.grid--uniform .small--one-eighth:nth-child(8n+1),
.grid--uniform .small--two-eighths:nth-child(4n+1),
.grid--uniform .small--four-eighths:nth-child(2n+1),
.grid--uniform .small--five-tenths:nth-child(2n+1),
.grid--uniform .small--one-twelfth:nth-child(12n+1),
.grid--uniform .small--two-twelfths:nth-child(6n+1),
.grid--uniform .small--three-twelfths:nth-child(4n+1),
.grid--uniform .small--four-twelfths:nth-child(3n+1),
.grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both;
  }

  .small--show {
    display: block !important;
  }

  .small--hide {
    display: none !important;
  }

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

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

  .small--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 750px) {
  /* Whole */
  .medium-up--one-whole {
    width: 100%;
  }

  /* Halves */
  .medium-up--one-half {
    width: 50%;
  }

  /* Thirds */
  .medium-up--one-third {
    width: 33.33333%;
  }

  .medium-up--two-thirds {
    width: 66.66667%;
  }

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%;
  }

  .medium-up--two-quarters {
    width: 50%;
  }

  .medium-up--three-quarters {
    width: 75%;
  }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%;
  }

  .medium-up--two-fifths {
    width: 40%;
  }

  .medium-up--three-fifths {
    width: 60%;
  }

  .medium-up--four-fifths {
    width: 80%;
  }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.66667%;
  }

  .medium-up--two-sixths {
    width: 33.33333%;
  }

  .medium-up--three-sixths {
    width: 50%;
  }

  .medium-up--four-sixths {
    width: 66.66667%;
  }

  .medium-up--five-sixths {
    width: 83.33333%;
  }

  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%;
  }

  .medium-up--two-eighths {
    width: 25%;
  }

  .medium-up--three-eighths {
    width: 37.5%;
  }

  .medium-up--four-eighths {
    width: 50%;
  }

  .medium-up--five-eighths {
    width: 62.5%;
  }

  .medium-up--six-eighths {
    width: 75%;
  }

  .medium-up--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  .medium-up--one-tenth {
    width: 10%;
  }

  .medium-up--two-tenths {
    width: 20%;
  }

  .medium-up--three-tenths {
    width: 30%;
  }

  .medium-up--four-tenths {
    width: 40%;
  }

  .medium-up--five-tenths {
    width: 50%;
  }

  .medium-up--six-tenths {
    width: 60%;
  }

  .medium-up--seven-tenths {
    width: 70%;
  }

  .medium-up--eight-tenths {
    width: 80%;
  }

  .medium-up--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.33333%;
  }

  .medium-up--two-twelfths {
    width: 16.66667%;
  }

  .medium-up--three-twelfths {
    width: 25%;
  }

  .medium-up--four-twelfths {
    width: 33.33333%;
  }

  .medium-up--five-twelfths {
    width: 41.66667%;
  }

  .medium-up--six-twelfths {
    width: 50%;
  }

  .medium-up--seven-twelfths {
    width: 58.33333%;
  }

  .medium-up--eight-twelfths {
    width: 66.66667%;
  }

  .medium-up--nine-twelfths {
    width: 75%;
  }

  .medium-up--ten-twelfths {
    width: 83.33333%;
  }

  .medium-up--eleven-twelfths {
    width: 91.66667%;
  }

  .grid--uniform .medium-up--one-half:nth-child(2n+1),
.grid--uniform .medium-up--one-third:nth-child(3n+1),
.grid--uniform .medium-up--one-quarter:nth-child(4n+1),
.grid--uniform .medium-up--one-fifth:nth-child(5n+1),
.grid--uniform .medium-up--one-sixth:nth-child(6n+1),
.grid--uniform .medium-up--two-sixths:nth-child(3n+1),
.grid--uniform .medium-up--three-sixths:nth-child(2n+1),
.grid--uniform .medium-up--one-eighth:nth-child(8n+1),
.grid--uniform .medium-up--two-eighths:nth-child(4n+1),
.grid--uniform .medium-up--four-eighths:nth-child(2n+1),
.grid--uniform .medium-up--five-tenths:nth-child(2n+1),
.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both;
  }

  .medium-up--show {
    display: block !important;
  }

  .medium-up--hide {
    display: none !important;
  }

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

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

  .medium-up--text-center {
    text-align: center !important;
  }
}
/*================ Build Grid Push Classes ================*/
@media only screen and (max-width: 749px) {
  /* Halves */
  .small--push-one-half {
    left: 50%;
  }

  /* Thirds */
  .small--push-one-third {
    left: 33.33333%;
  }

  .small--push-two-thirds {
    left: 66.66667%;
  }

  /* Quarters */
  .small--push-one-quarter {
    left: 25%;
  }

  .small--push-two-quarters {
    left: 50%;
  }

  .small--push-three-quarters {
    left: 75%;
  }

  /* Fifths */
  .small--push-one-fifth {
    left: 20%;
  }

  .small--push-two-fifths {
    left: 40%;
  }

  .small--push-three-fifths {
    left: 60%;
  }

  .small--push-four-fifths {
    left: 80%;
  }

  /* Sixths */
  .small--push-one-sixth {
    left: 16.66667%;
  }

  .small--push-two-sixths {
    left: 33.33333%;
  }

  .small--push-three-sixths {
    left: 50%;
  }

  .small--push-four-sixths {
    left: 66.66667%;
  }

  .small--push-five-sixths {
    left: 83.33333%;
  }

  /* Eighths */
  .small--push-one-eighth {
    left: 12.5%;
  }

  .small--push-two-eighths {
    left: 25%;
  }

  .small--push-three-eighths {
    left: 37.5%;
  }

  .small--push-four-eighths {
    left: 50%;
  }

  .small--push-five-eighths {
    left: 62.5%;
  }

  .small--push-six-eighths {
    left: 75%;
  }

  .small--push-seven-eighths {
    left: 87.5%;
  }

  /* Tenths */
  .small--push-one-tenth {
    left: 10%;
  }

  .small--push-two-tenths {
    left: 20%;
  }

  .small--push-three-tenths {
    left: 30%;
  }

  .small--push-four-tenths {
    left: 40%;
  }

  .small--push-five-tenths {
    left: 50%;
  }

  .small--push-six-tenths {
    left: 60%;
  }

  .small--push-seven-tenths {
    left: 70%;
  }

  .small--push-eight-tenths {
    left: 80%;
  }

  .small--push-nine-tenths {
    left: 90%;
  }

  /* Twelfths */
  .small--push-one-twelfth {
    left: 8.33333%;
  }

  .small--push-two-twelfths {
    left: 16.66667%;
  }

  .small--push-three-twelfths {
    left: 25%;
  }

  .small--push-four-twelfths {
    left: 33.33333%;
  }

  .small--push-five-twelfths {
    left: 41.66667%;
  }

  .small--push-six-twelfths {
    left: 50%;
  }

  .small--push-seven-twelfths {
    left: 58.33333%;
  }

  .small--push-eight-twelfths {
    left: 66.66667%;
  }

  .small--push-nine-twelfths {
    left: 75%;
  }

  .small--push-ten-twelfths {
    left: 83.33333%;
  }

  .small--push-eleven-twelfths {
    left: 91.66667%;
  }
}
@media only screen and (min-width: 750px) {
  /* Halves */
  .medium-up--push-one-half {
    left: 50%;
  }

  /* Thirds */
  .medium-up--push-one-third {
    left: 33.33333%;
  }

  .medium-up--push-two-thirds {
    left: 66.66667%;
  }

  /* Quarters */
  .medium-up--push-one-quarter {
    left: 25%;
  }

  .medium-up--push-two-quarters {
    left: 50%;
  }

  .medium-up--push-three-quarters {
    left: 75%;
  }

  /* Fifths */
  .medium-up--push-one-fifth {
    left: 20%;
  }

  .medium-up--push-two-fifths {
    left: 40%;
  }

  .medium-up--push-three-fifths {
    left: 60%;
  }

  .medium-up--push-four-fifths {
    left: 80%;
  }

  /* Sixths */
  .medium-up--push-one-sixth {
    left: 16.66667%;
  }

  .medium-up--push-two-sixths {
    left: 33.33333%;
  }

  .medium-up--push-three-sixths {
    left: 50%;
  }

  .medium-up--push-four-sixths {
    left: 66.66667%;
  }

  .medium-up--push-five-sixths {
    left: 83.33333%;
  }

  /* Eighths */
  .medium-up--push-one-eighth {
    left: 12.5%;
  }

  .medium-up--push-two-eighths {
    left: 25%;
  }

  .medium-up--push-three-eighths {
    left: 37.5%;
  }

  .medium-up--push-four-eighths {
    left: 50%;
  }

  .medium-up--push-five-eighths {
    left: 62.5%;
  }

  .medium-up--push-six-eighths {
    left: 75%;
  }

  .medium-up--push-seven-eighths {
    left: 87.5%;
  }

  /* Tenths */
  .medium-up--push-one-tenth {
    left: 10%;
  }

  .medium-up--push-two-tenths {
    left: 20%;
  }

  .medium-up--push-three-tenths {
    left: 30%;
  }

  .medium-up--push-four-tenths {
    left: 40%;
  }

  .medium-up--push-five-tenths {
    left: 50%;
  }

  .medium-up--push-six-tenths {
    left: 60%;
  }

  .medium-up--push-seven-tenths {
    left: 70%;
  }

  .medium-up--push-eight-tenths {
    left: 80%;
  }

  .medium-up--push-nine-tenths {
    left: 90%;
  }

  /* Twelfths */
  .medium-up--push-one-twelfth {
    left: 8.33333%;
  }

  .medium-up--push-two-twelfths {
    left: 16.66667%;
  }

  .medium-up--push-three-twelfths {
    left: 25%;
  }

  .medium-up--push-four-twelfths {
    left: 33.33333%;
  }

  .medium-up--push-five-twelfths {
    left: 41.66667%;
  }

  .medium-up--push-six-twelfths {
    left: 50%;
  }

  .medium-up--push-seven-twelfths {
    left: 58.33333%;
  }

  .medium-up--push-eight-twelfths {
    left: 66.66667%;
  }

  .medium-up--push-nine-twelfths {
    left: 75%;
  }

  .medium-up--push-ten-twelfths {
    left: 83.33333%;
  }

  .medium-up--push-eleven-twelfths {
    left: 91.66667%;
  }
}
/*================ #Helper Classes ================*/
.clearfix {
  *zoom: 1;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.visually-hidden, .icon__fallback-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.visibility-hidden {
  visibility: hidden;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.visually-hidden--static {
  position: static !important;
}

.js-focus-hidden:focus {
  outline: none;
}

.no-js:not(html) {
  display: none;
}

.no-js .no-js:not(html) {
  display: block;
}

.no-js .js {
  display: none;
}

.hide {
  display: none !important;
}

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: black;
  background-color: white;
  padding: 10px;
  opacity: 1;
  z-index: 5000;
  transition: none;
}

/*=============== Lazy loading ===================*/
.box {
  background: no-repeat;
  background-color: #f7f7f7;
  background-size: contain;
}

.ratio-container {
  position: relative;
}

.ratio-container:after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
  padding-bottom: 50%;
  content: "";
}

.ratio-container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*================ #Basic Styles ================*/
body,
html {
  background-color: white;
}

.page-width {
  *zoom: 1;
  max-width: 1500px;
  margin: 0 auto;
}

.page-width::after {
  content: "";
  display: table;
  clear: both;
}

.main-content {
  display: block;
  padding-top: 55px;
}

@media only screen and (min-width: 750px) {
  .main-content {
    padding-top: 0;
  }
}
.section-header {
  margin-bottom: 35px;
  margin-top: 35px;
}

@media only screen and (min-width: 750px) {
  .section-header {
    margin-bottom: 0;
  }
}
/*================ Typography ================*/
blockquote {
  font-size: 1.2em;
  font-style: normal;
  text-align: center;
  padding: 0 30px;
  margin: 0;
}

.rte blockquote {
  border-color: #e8e9eb;
  border-width: 1px 0;
  border-style: solid;
  padding: 30px 0;
  margin-bottom: 27.5px;
}

blockquote p + cite {
  margin-top: 27.5px;
}

blockquote cite {
  display: block;
  font-size: 0.85em;
  font-weight: 400;
}

blockquote cite::before {
  content: "— ";
}

code,
pre {
  font-family: Consolas, monospace;
  font-size: 1em;
}

pre {
  overflow: auto;
}

body,
input,
textarea,
button,
select {
  font-size: 15px;
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: black;
  line-height: 1.5;
}

@media only screen and (max-width: 989px) {
  input,
textarea,
select,
button {
    font-size: 16px;
  }
}
/*================ Headings ================*/
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0 0 17.5px;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

h1 a, .h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}

h1, .h1 {
  font-size: 1.8em;
  text-transform: none;
  letter-spacing: 0;
}

@media only screen and (max-width: 749px) {
  h1, .h1 {
    font-size: 1.66667em;
  }
}
h2, .h2 {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 749px) {
  h2, .h2 {
    font-size: 0.93333em;
  }
}
h3, .h3 {
  font-size: 1.33333em;
  text-transform: none;
  letter-spacing: 0;
}

@media only screen and (max-width: 749px) {
  h3, .h3 {
    font-size: 1em;
  }
}
h4, .h4 {
  font-size: 0.86667em;
}

@media only screen and (max-width: 749px) {
  h4, .h4 {
    font-size: 0.8em;
  }
}
h5, .h5 {
  font-size: 0.73333em;
}

@media only screen and (max-width: 749px) {
  h5, .h5 {
    font-size: 0.66667em;
  }
}
h6, .h6 {
  font-size: 0.66667em;
}

@media only screen and (max-width: 749px) {
  h6, .h6 {
    font-size: 0.6em;
  }
}
/*================ RTE headings ================*/
.rte {
  color: #3d4246;
  margin-bottom: 35px;
}

.rte:last-child {
  margin-bottom: 0;
}

.rte h1, .rte .h1,
.rte h2,
.rte .h2,
.rte h3,
.rte .h3,
.rte h4,
.rte .h4,
.rte h5,
.rte .h5,
.rte h6,
.rte .h6 {
  margin-top: 55px;
  margin-bottom: 27.5px;
}

.rte h1:first-child, .rte .h1:first-child,
.rte h2:first-child,
.rte .h2:first-child,
.rte h3:first-child,
.rte .h3:first-child,
.rte h4:first-child,
.rte .h4:first-child,
.rte h5:first-child,
.rte .h5:first-child,
.rte h6:first-child,
.rte .h6:first-child {
  margin-top: 0;
}

.rte li {
  margin-bottom: 4px;
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}

.rte-setting {
  margin-bottom: 19.44444px;
}

.rte-setting:last-child {
  margin-bottom: 0;
}

/*================ Paragraph styles ================*/
p {
  color: #3d4246;
  margin: 0 0 19.44444px;
}

@media only screen and (max-width: 749px) {
  p {
    font-size: 0.93333em;
  }
}
p:last-child {
  margin-bottom: 0;
}

/*================ Lists ================*/
li {
  list-style: none;
}

/*================ Misc styles ================*/
.fine-print {
  font-size: 0.93333em;
  font-style: italic;
}

.txt--minor {
  font-size: 80%;
}

.txt--emphasis {
  font-style: italic;
}

.address {
  margin-bottom: 55px;
}

/*================ Hero and slideshow headers ================*/
.mega-title,
.mega-subtitle {
  color: white;
}

.hero .mega-title, .hero .mega-subtitle {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 750px) {
  .mega-title,
.mega-subtitle {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  }
}
.mega-title {
  margin-bottom: 8px;
}

.mega-title--large {
  font-size: 1.86667em;
}

@media only screen and (min-width: 750px) {
  .mega-title--large {
    font-size: 3.33333em;
  }
}
@media only screen and (min-width: 750px) {
  .mega-subtitle {
    font-size: 1.26667em;
    margin: 0 auto;
  }

  .text-center .mega-subtitle {
    max-width: 75%;
  }
}
.mega-subtitle p {
  color: white;
}

.mega-subtitle a {
  color: white;
  border-bottom: 1px solid currentColor;
}

.mega-subtitle a:hover, .mega-subtitle a:focus {
  color: #e6e6e6;
}

.mega-subtitle--large {
  font-size: 1.13333em;
  font-weight: 400;
}

@media only screen and (min-width: 750px) {
  .mega-subtitle--large {
    font-size: 1.53333em;
  }
}
/*================ #Icons ================*/
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;
}

.no-svg .icon {
  display: none;
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit;
}

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.no-svg .icon__fallback-text {
  position: static !important;
  overflow: inherit;
  clip: none;
  height: auto;
  width: auto;
  margin: 0;
}

/*================ Payment Icons ================*/
.payment-icons {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

@media only screen and (max-width: 749px) {
  .payment-icons {
    line-height: 40px;
  }
}
.payment-icons .icon {
  width: 38px;
  height: 24px;
}

/*================ Social Icons ================*/
.social-icons .icon {
  width: 23px;
  height: 23px;
}

@media only screen and (min-width: 750px) {
  .social-icons .icon {
    width: 25px;
    height: 25px;
  }
}
.social-icons .icon.icon--wide {
  width: 40px;
}

/*================ #Lists ================*/
ul,
ol {
  margin: 0;
  padding: 0;
}

ol {
  list-style: decimal;
}

.list--inline {
  padding: 0;
  margin: 0;
}

.list--inline > li {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

/*================ #Rich Text Editor ================*/
.rte img {
  height: auto;
}

.rte table {
  table-layout: fixed;
}

.rte ul,
.rte ol {
  margin: 0 0 17.5px 35px;
}

.rte ul.list--inline,
.rte ol.list--inline {
  margin-left: 0;
}

.rte ul {
  list-style: disc outside;
}

.rte ul ul {
  list-style: circle outside;
}

.rte ul ul ul {
  list-style: square outside;
}

.rte a:not(.btn) {
  padding-bottom: 1px;
}

.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
  margin-left: 0;
  list-style-position: inside;
}

.scrollable-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*================ #Links and Buttons ================*/
a {
  color: black;
  text-decoration: none;
}

a:not([disabled]):hover, a:focus {
  color: #404040;
}

a.classic-link:not(.tnc_quickLink) {
  text-decoration: underline;
}

a[href^=tel] {
  color: inherit;
}

/*================ Buttons ================*/
.btn, .shopify-payment-button .shopify-payment-button__button--unbranded, #btn_sizeGuide {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 8px 15px;
  background-color: black;
  color: white;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: normal;
  font-size: 13px;
}

@media only screen and (min-width: 750px) {
  .btn, .shopify-payment-button .shopify-payment-button__button--unbranded, #btn_sizeGuide {
    padding: 10px 18px;
  }
}
.btn:not([disabled]):hover, .shopify-payment-button .shopify-payment-button__button--unbranded:not([disabled]):hover, #btn_sizeGuide:not([disabled]):hover, .btn:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus, #btn_sizeGuide:focus {
  color: white;
  background-color: #252525;
}

.btn .icon-arrow-right, .shopify-payment-button .shopify-payment-button__button--unbranded .icon-arrow-right, #btn_sizeGuide .icon-arrow-right,
.btn .icon-arrow-left,
.shopify-payment-button .shopify-payment-button__button--unbranded .icon-arrow-left,
#btn_sizeGuide .icon-arrow-left {
  height: 9px;
}

.btn[disabled], .shopify-payment-button [disabled].shopify-payment-button__button--unbranded, [disabled]#btn_sizeGuide {
  cursor: default;
  opacity: 0.5;
}

.btn--secondary {
  background-color: transparent;
  color: black;
  border-color: black;
}

.btn--secondary:not([disabled]):hover, .btn--secondary:focus {
  background-color: transparent;
  color: #252525;
  border-color: #252525;
}

.btn--secondary-accent {
  background-color: white;
  color: black;
  border-color: black;
}

.btn--secondary-accent:not([disabled]):hover, .btn--secondary-accent:focus {
  background-color: white;
  color: #252525;
  border-color: #252525;
}

.btn--small {
  padding: 8px 10px;
  font-size: 0.8em;
  line-height: 1;
}

.btn--tertiary {
  background-color: transparent;
  color: #3d4246;
  border-color: #3d4246;
}

.btn--tertiary:not([disabled]):hover, .btn--tertiary:focus {
  background-color: transparent;
  color: #25282b;
  border-color: #25282b;
}

/*================ Button variations ================*/
@media only screen and (max-width: 749px) {
  .btn--small-wide {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.btn--link {
  background-color: transparent;
  border: 0;
  margin: 0;
  color: black;
  text-align: left;
}

.btn--link:not([disabled]):hover, .btn--link:focus {
  color: #404040;
  background-color: transparent;
}

.btn--link .icon {
  vertical-align: middle;
}

.btn--narrow {
  padding-left: 15px;
  padding-right: 15px;
}

.btn--has-icon-after .icon {
  margin-left: 10px;
}

.btn--has-icon-before .icon {
  margin-right: 10px;
}

/*================ Force an input/button to look like a text link ================*/
.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0;
}

/*================ Return to collection/blog links ================*/
.return-link-wrapper {
  margin-top: 82.5px;
  margin-bottom: 2em;
}

@media only screen and (max-width: 749px) {
  .return-link-wrapper {
    margin-top: 55px;
  }
}
.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/*================ #Tables ================*/
table {
  margin-bottom: 27.5px;
}

th {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: 700;
}

th,
td {
  text-align: left;
  border: 1px solid #e8e9eb;
  padding: 10px 14px;
}

/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 749px) {
  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    display: block;
  }

  .responsive-table tr,
.responsive-table td {
    float: left;
    clear: both;
    width: 100%;
  }

  .responsive-table th,
.responsive-table td {
    display: block;
    text-align: right;
    padding: 27.5px;
    border: 0;
    margin: 0;
  }

  .responsive-table td::before {
    content: attr(data-label);
    float: left;
    text-align: center;
    font-size: 12px;
    padding-right: 10px;
  }

  .responsive-table__row + .responsive-table__row,
tfoot > .responsive-table__row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: 55px;
  }

  .responsive-table__row + .responsive-table__row::after,
tfoot > .responsive-table__row:first-child::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 27.5px;
    right: 27.5px;
    border-bottom: 1px solid #e8e9eb;
  }
}
/*================ #Images and Iframes ================*/
svg:not(:root) {
  overflow: hidden;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*================ Forms ================*/
form {
  margin: 0;
}

fieldset {
  border: 1px solid #949494;
  margin: 0 0 55px;
  padding: 27.5px;
}

legend {
  border: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

input[type=submit] {
  cursor: pointer;
}

label {
  display: block;
  margin-bottom: 5px;
}

@media only screen and (max-width: 749px) {
  label {
    font-size: 0.86667em;
  }
}
[type=radio] + label, [type=checkbox] + label {
  display: inline-block;
  margin-bottom: 0;
}

label[for] {
  cursor: pointer;
}

input,
textarea,
select {
  border: 1px solid #949494;
  background-color: white;
  color: black;
  max-width: 100%;
  line-height: 1.2;
  border-radius: 2px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #7b7b7b;
}

input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}

input.input--error::-webkit-input-placeholder,
textarea.input--error::-webkit-input-placeholder,
select.input--error::-webkit-input-placeholder {
  color: #d20000;
  opacity: 0.5;
}

input.input--error::-moz-placeholder,
textarea.input--error::-moz-placeholder,
select.input--error::-moz-placeholder {
  color: #d20000;
  opacity: 0.5;
}

input.input--error:-ms-input-placeholder,
textarea.input--error:-ms-input-placeholder,
select.input--error:-ms-input-placeholder {
  color: #d20000;
  opacity: 0.5;
}

input.input--error::-ms-input-placeholder,
textarea.input--error::-ms-input-placeholder,
select.input--error::-ms-input-placeholder {
  color: #d20000;
  opacity: 1;
}

input.hidden-placeholder::-webkit-input-placeholder,
textarea.hidden-placeholder::-webkit-input-placeholder,
select.hidden-placeholder::-webkit-input-placeholder {
  color: transparent;
}

input.hidden-placeholder::-moz-placeholder,
textarea.hidden-placeholder::-moz-placeholder,
select.hidden-placeholder::-moz-placeholder {
  color: transparent;
}

input.hidden-placeholder:-ms-input-placeholder,
textarea.hidden-placeholder:-ms-input-placeholder,
select.hidden-placeholder:-ms-input-placeholder {
  color: transparent;
}

input.hidden-placeholder::-ms-input-placeholder,
textarea.hidden-placeholder::-ms-input-placeholder,
select.hidden-placeholder::-ms-input-placeholder {
  opacity: 1;
}

.product-form input, .product-form textarea,
.product-form select {
  min-height: 44px;
}

textarea {
  min-height: 100px;
}

/*================ Error styles ================*/
input.input--error,
select.input--error,
textarea.input--error {
  border-color: #d20000;
  background-color: #fff8f8;
  color: #d20000;
  margin-bottom: 11.66667px;
}

input.input--error + .input-error-message,
select.input--error + .input-error-message,
textarea.input--error + .input-error-message {
  display: block;
}

.input-error-message {
  display: none;
  color: #d20000;
  font-size: 0.86667em;
  margin-bottom: 11.66667px;
}

@media only screen and (max-width: 749px) {
  .input-error-message {
    margin-bottom: 19.44444px;
  }
}
.input-error-message .icon {
  width: 1em;
  height: 1em;
  margin-top: -0.3em;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url(/cdn/shop/t/27/assets/ico-select.svg?v=1206820173969048361);
  background-repeat: no-repeat;
  background-position: right 10px center;
  line-height: 1.2;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 8px;
  /*================ Hide the svg arrow in IE9 and below ================*/
}

@media only screen and (min-width: 750px) {
  select {
    padding-top: 10px;
    padding-left: 18px;
    padding-bottom: 10px;
  }
}
.ie9 select {
  padding-right: 10px;
  background-image: none;
}

.select-group {
  position: relative;
  z-index: 2;
}

.select-group select {
  background-image: none;
  background-color: transparent;
}

.select-group .icon {
  height: calc(8em / 16);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc(8em / 16);
  z-index: -1;
}

.select-label {
  font-size: 0.8em;
  text-transform: uppercase;
}

optgroup {
  font-weight: 700;
}

option {
  color: black;
  background-color: white;
}

select::-ms-expand {
  display: none;
}

/*================ Form labels ================*/
.label--hidden {
  position: absolute;
  height: 0;
  width: 0;
  margin-bottom: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.ie9 .label--hidden {
  position: static;
  height: auto;
  width: auto;
  margin-bottom: 2px;
  overflow: visible;
  clip: initial;
}

::-webkit-input-placeholder {
  color: black;
  opacity: 0.6;
}

::-moz-placeholder {
  color: black;
  opacity: 0.6;
}

:-ms-input-placeholder {
  color: black;
  opacity: 0.6;
}

::-ms-input-placeholder {
  color: black;
  opacity: 1;
}

/*================ Labels ================*/
.label--error {
  color: #d20000;
}

input,
textarea {
  padding: 8px 15px;
}

@media only screen and (min-width: 750px) {
  input,
textarea {
    padding: 10px 18px;
  }
}
/*================ Vertical forms ================*/
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  width: 100%;
  margin-bottom: 19.44444px;
}

.form-vertical input.input--error,
.form-vertical select.input--error,
.form-vertical textarea.input--error {
  margin-bottom: 5px;
}

.form-vertical [type=radio],
.form-vertical [type=checkbox] {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

.form-vertical [type=submit],
.form-vertical .btn,
.form-vertical .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .form-vertical .shopify-payment-button__button--unbranded,
.form-vertical #btn_sizeGuide {
  display: inline-block;
  width: auto;
}

/*================ Form feedback messages ================*/
.note,
.form-message {
  padding: 8px;
  margin: 0 0 27.5px;
}

@media only screen and (min-width: 750px) {
  .note,
.form-message {
    padding: 10px;
  }
}
.note {
  border: 1px solid #949494;
}

.form-message--success {
  border: 1px solid #1f873d;
  background-color: #f8fff9;
  color: #1f873d;
}

.form-message--error {
  border: 1px solid #d20000;
  background-color: #fff8f8;
  padding: 1rem 1.3rem;
  text-align: left;
  width: 100%;
}

.form-message--error li {
  list-style-type: disc;
  list-style-position: inside;
}

.form-message--error a {
  display: inline-block;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}

.form-message--error a:hover {
  text-decoration: none;
}

/*================ Input Groups ================*/
.input-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.form-vertical .input-group {
  margin-bottom: 55px;
}

.input-group.input-group--error .input-error-message {
  display: block;
  width: 100%;
}

.input-group__field,
.input-group__field input,
.input-group__btn .btn,
.input-group__btn .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .input-group__btn .shopify-payment-button__button--unbranded,
.input-group__btn #btn_sizeGuide {
  min-height: 42px;
}

@media only screen and (min-width: 750px) {
  .input-group__field,
.input-group__field input,
.input-group__btn .btn,
.input-group__btn .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .input-group__btn .shopify-payment-button__button--unbranded,
.input-group__btn #btn_sizeGuide {
    min-height: 46px;
  }
}
.input-group__field {
  -ms-flex-preferred-size: 15rem;
  -webkit-flex-basis: 15rem;
  -moz-flex-basis: 15rem;
  flex-basis: 15rem;
  flex-grow: 9999;
  margin-bottom: 1rem;
  border-radius: 2px 0 0 2px;
  text-align: left;
}

.input-group__field input {
  width: 100%;
}

.form-vertical .input-group__field {
  margin: 0;
}

.input-group__btn {
  flex-grow: 1;
}

.input-group__btn .btn, .input-group__btn .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group__btn .shopify-payment-button__button--unbranded, .input-group__btn #btn_sizeGuide {
  width: 100%;
  border-radius: 0 2px 2px 0;
}

/*================ #Site Nav and Dropdowns ================*/
.site-header__logo img {
  display: block;
}

.site-nav {
  font-size: 0.8rem;
  position: relative;
  padding: 0;
  text-align: center;
  margin: 0 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.8);
}

.site-nav a {
  padding: 1px 2px;
}

.site-nav:hover {
  background-color: white;
}

.site-nav--centered {
  padding-bottom: 0;
}

/*================ Site Nav Links ================*/
.site-nav__link {
  display: block;
  white-space: nowrap;
}

.site-nav__link:not(a[href="/collections/bike-outlet"]) {
  border-bottom: 1px solid transparent;
  font-size: 0.8rem;
}

.site-nav--centered .site-nav__link {
  padding-top: 0;
}

.site-nav__link .icon-chevron-down {
  display: none;
  width: calc(8em / 16);
  height: calc(8em / 16);
  margin-left: 0.5rem;
}

.site-nav__link.site-nav--active-dropdown {
  border: 0;
  border-bottom: 0;
  z-index: 2;
}

.site-nav__link:focus .site-nav__label, .site-nav__link:not([disabled]):hover .site-nav__label {
  border-bottom-color: black;
}

.site-nav__label {
  border-bottom: 1px solid transparent;
  font-size: 0.8rem;
  text-transform: uppercase;
  margin-left: 1vw;
  margin-right: 1vw;
}

@media only screen and (max-width: 1090px) {
  .site-nav__label {
    margin-left: 0;
    margin-right: 0;
    font-size: 0.6rem;
  }
}
.site-nav__link--active .site-nav__label {
  border-bottom-color: transparent;
}

.site-nav__link--main span {
  font-size: 0.9rem;
  font-weight: 400;
}

@media only screen and (max-width: 970px) {
  .site-nav__link--main span {
    font-size: 0.8rem;
    font-weight: 200;
  }
}
.site-nav__link--button {
  border: none;
  background-color: transparent;
  padding: 3px 5px;
}

@media only screen and (max-width: 989px) {
  .site-nav__link--button {
    font-size: 15px;
  }
}
.site-nav__link--button:focus, .site-nav__link--button:hover {
  color: #404040;
}

.nav-list-container .grid {
  padding: 1em;
  padding-top: 0;
}

.nav-list-container .grid a {
  width: calc(25% - 2em);
  margin: 1em;
  margin-top: 0;
  padding: 0;
  height: 22vmin;
  border: 1px solid black;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.site-nav-box {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1em;
  transition: 0.4s;
  cursor: pointer;
}

.site-nav-box:hover {
  background-color: #336666;
}

.site-nav-box a {
  cursor: pointer;
}

.site-nav-box .site-nav__label {
  color: white;
  position: relative;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 0;
  font-size: 3vmin;
  padding: 0;
  cursor: pointer;
}

.site-nav-box-alt {
  width: 100%;
  height: 100%;
  background-color: white;
  color: black;
  padding: 1em;
  transition: 0.4s;
  cursor: pointer;
}

.site-nav-box-alt a {
  cursor: pointer;
}

.site-nav-box-alt .site-nav__label {
  cursor: pointer;
  color: black;
  position: relative;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 0;
  font-size: 3vmin;
  padding: 0;
  padding-top: 5em;
  transition: 0.4s;
}

.site-nav-box-alt .site-nav__label:hover {
  color: #336666;
}

.site-nav-box-alt .site-nav__label i:hover {
  color: #336666;
}

/*================ Dropdowns ================*/
.site-nav--has-dropdown {
  position: relative;
}

.site-nav--has-centered-dropdown {
  position: static;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.site-nav__dropdown {
  display: none;
  position: absolute;
  left: 0;
  padding: 11px 30px 11px 0;
  margin: 0;
  z-index: 9999;
  text-align: left;
  border: 0;
  background: transparent;
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}

.site-nav__dropdown .site-nav__link {
  padding: 1px 1px 1px;
}

.site-nav--active-dropdown .site-nav__dropdown {
  display: block;
}

.site-nav__dropdown li {
  display: block;
}

.site-nav__dropdown--centered {
  width: 100vw;
  border: 0;
  padding: 0;
  text-align: center;
  position: absoloute;
  left: 0;
  border-bottom: 0px solid #323232;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.site-nav__dropdown--centered:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100vw;
  height: 170vh;
  background-color: black;
  opacity: 0.75;
  pointer-events: none;
}

/*================ Child list ================*/
.site-nav__childlist {
  display: inline-block;
  border: 0;
  background: white;
  padding: 11px 17px;
  text-align: center;
  width: 100vw;
}

.site-nav__childlist-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin-bottom: -15px;




gap: 1rem; 
columns: 300px;
}

.site-nav__childlist-item {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 30px;
    width: 30%;
    border-left: 1px solid lightgrey;




  /*break-inside: avoid;
  text-align: center;
  width: 100%;*/
}



.site-nav__childlist-item:not(.childlist-grid-stacked):nth-child(3n) {
  border-right: 1px solid lightgrey;
}

.site-nav__childlist-item:not(.childlist-grid-stacked):last-child {
  border-right: 1px solid lightgrey;
}

.site-nav__childlist-item:not(.childlist-grid-stacked):nth-child(3n+1) {
  border-left: 0;
}


/*NEW BIKE FIX*/

.childlist-grid-stacked {
  
  display: block;
  width: auto;
  margin-bottom: -15px;
  gap: 1rem; 
  columns: 300px;
}

.childlist-grid-stacked .site-nav__childlist-item {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 30px;
  border: 0;
  break-inside: avoid;
  text-align: center;
  width: 100%;
}

.childlist-grid-stacked .site-nav__childlist-item:nth-child(3n) {
border-left: 0;
border-right: 0;
}

.childlist-grid-stacked .site-nav__childlist-item:last-child {
border-left: 0;
border-right: 0;
}

.childlist-grid-stacked .site-nav__childlist-item:nth-child(3n+1) {
  border-left: 0;
  border-right: 0;
}

.nav--bike-outlet-banner{
    display: grid;
    width: 100%;
    clear:both;
    background-color: black;
    border: 1px solid black;
    place-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: 0.4s;

}

.nav--bike-outlet-banner h3{
    color: white;
    font-family: "Poppins", sans-serif!important;
    font-size: 2rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.nav--bike-outlet-banner p{
    color:white;
    margin-top:0;
    padding-bottom: 1rem;
}

.nav--bike-outlet-banner:hover{
    background-color: #336666;
}

/*.nav--bike-outlet-banner:hover h3{
    color: black;
}*/


/*NEW BIKE FIX ENDS*/






.site-nav__child-link--parent {
  font-weight: 700;
  margin: 4px 0;
}

.nav-list-container {
  width: 64%;
  float: left;
}

.nav-img-container {
  float: left;
  width: 30%;
}

.nav-img-container img {
  max-width: 100%;
}

.page-width {
  padding-left: 55px;
  padding-right: 55px;
}

@media only screen and (max-width: 749px) {
  .page-width {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.page-container {
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
  position: relative;
  overflow: hidden;
}

hr {
  margin: 55px 0;
  border: 0;
  border-bottom: 1px solid #e8e9eb;
}

.hr--small {
  padding: 10px 0;
  margin: 0;
}

.hr--invisible {
  border-bottom: 0;
}

.border-bottom {
  border-bottom: 1px solid #e8e9eb;
}

.border-top {
  border-top: 1px solid #e8e9eb;
}

.empty-page-content {
  padding: 125px 55px;
}

@media only screen and (max-width: 749px) {
  .empty-page-content {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.grid--table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.grid--table > .grid__item {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.grid--no-gutters {
  margin-left: 0;
}

.grid--no-gutters .grid__item {
  padding-left: 0;
}

.grid--half-gutters {
  margin-left: -15px;
}

.grid--half-gutters > .grid__item {
  padding-left: 15px;
}

.grid--double-gutters {
  margin-left: -60px;
}

.grid--double-gutters > .grid__item {
  padding-left: 60px;
}

.grid--flush-bottom {
  margin-bottom: -55px;
  overflow: auto;
}

.grid--flush-bottom > .grid__item {
  margin-bottom: 55px;
}

/*============================================================================
  Animation Classes and Keyframes
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important;
}

@-webkit-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.drawer {
  display: none;
  position: absolute;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 9;
  background-color: white;
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.drawer input[type=text],
.drawer textarea {
  background-color: white;
  color: black;
}

.js-drawer-open {
  overflow: hidden;
}

.drawer--top {
  width: 100%;
}

.js-drawer-open-top .drawer--top {
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  display: block;
}

.drawer-page-content::after {
  visibility: hidden;
  opacity: 0;
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 8;
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.js-drawer-open .drawer-page-content::after {
  visibility: visible;
  opacity: 1;
}

.drawer__title,
.drawer__close {
  display: table-cell;
  vertical-align: middle;
}

.drawer__close-button {
  background: none;
  border: 0 none;
  position: relative;
  right: -15px;
  height: 100%;
  width: 60px;
  padding: 0 20px;
  color: inherit;
  font-size: 1.2em;
}

.drawer__close-button:active, .drawer__close-button:focus {
  background-color: rgba(0, 0, 0, 0.6);
}

.grid--view-items {
  overflow: auto;
  margin-bottom: -35px;
}

.grid-view-item {
  margin: 0 auto 35px;
}

.custom__item .grid-view-item {
  margin-bottom: 0;
}

.grid-view-item__title {
  margin-bottom: 0;
  color: black;
}

.grid-view-item__meta {
  margin-top: 8px;
}

@media only screen and (max-width: 749px) {
  .grid-view-item__title,
.grid-view-item__meta {
    font-size: 0.93333em;
  }
}
.grid-view-item__link {
  display: block;
}

.grid-view-item__vendor {
  margin-top: 4px;
  color: #3d4246;
  font-size: 0.86667em;
  text-transform: uppercase;
}

@media only screen and (max-width: 749px) {
  .grid-view-item__vendor {
    font-size: 0.8em;
  }
}
.grid-view-item__image-wrapper {
  margin: 0 auto 15px;
  position: relative;
  width: 100%;
}

.grid-view-item__image {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.grid-view-item__image-wrapper .grid-view-item__image {
  position: absolute;
  top: 0;
}

.grid-view-item--sold-out .grid-view-item__image {
  opacity: 0.5;
}

.grid-view-item__image.lazyload {
  opacity: 0;
}

.ie9 .grid-view-item__image {
  opacity: 1;
}

.list-view-item {
  margin-bottom: 22px;
}

.list-view-item:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 750px) {
  .list-view-item {
    border-bottom: 1px solid #e8e9eb;
    padding-bottom: 22px;
  }

  .list-view-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.list-view-item__link {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.list-view-item__image {
  max-height: 95px;
}

.list-view-item__image-column {
  display: table-cell;
  vertical-align: middle;
  width: 130px;
}

@media only screen and (max-width: 749px) {
  .list-view-item__image-column {
    width: 85px;
  }
}
.list-view-item__image-wrapper {
  position: relative;
  margin-right: 35px;
}

@media only screen and (max-width: 749px) {
  .list-view-item__image-wrapper {
    margin-right: 17.5px;
  }
}
.list-view-item__title-column {
  display: table-cell;
  vertical-align: middle;
}

.list-view-item__title {
  color: black;
  font-size: 1.13333em;
  min-width: 100px;
}

@media only screen and (max-width: 749px) {
  .list-view-item__title {
    font-size: 0.93333em;
  }
}
.list-view-item__sold-out {
  font-size: 0.93333em;
}

.list-view-item__on-sale {
  color: #557b97;
  font-size: 0.93333em;
}

@media only screen and (max-width: 749px) {
  .list-view-item__on-sale {
    display: none;
  }
}
.list-view-item__vendor-column {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 20%;
}

.list-view-item__vendor {
  font-size: 0.93333em;
  font-style: italic;
}

@media only screen and (max-width: 749px) {
  .list-view-item__vendor {
    font-size: 0.86667em;
  }
}
.list-view-item__price-column {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 20%;
  font-size: 1.06667em;
}

@media only screen and (max-width: 749px) {
  .list-view-item__price-column {
    font-size: 0.93333em;
  }
}
.list-view-item__price-column .price__vendor,
.list-view-item__price-column .price-item__label {
  display: none;
}

.list-view-item__price-column .price__regular,
.list-view-item__price-column .price__sale {
  flex-basis: 100%;
}

.list-view-item__price {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-view-item__price--reg {
  color: #557b97;
}

@media only screen and (max-width: 749px) {
  .list-view-item__price--reg {
    display: block;
  }
}
@media only screen and (max-width: 749px) {
  .list-view-item__price--sale {
    display: block;
  }
}
/*============================================================================
  Slick slider overrides
==============================================================================*/
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/*================ Slick dots and prev/next pagination ================*/
.slideshow__arrows .slick-dots {
  margin: 0 0.75rem;
}

.slideshow__arrows .slick-dots li {
  margin: 0;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-left: 6px;
}

.slideshow__arrows .slick-dots li:first-of-type {
  margin-left: 0;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows .slick-dots li {
    width: 12px;
    height: 12px;
    margin-left: 8px;
  }
}
.slideshow__arrows .slick-dots li button, .slideshow__arrows .slick-dots li a {
  position: relative;
  padding: 0;
  width: 10px;
  height: 10px;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows .slick-dots li button, .slideshow__arrows .slick-dots li a {
    width: 12px;
    height: 12px;
  }
}
.slideshow__arrows .slick-dots li button::before,
.slideshow__arrows .slick-dots li a::before {
  text-indent: -9999px;
  background-color: transparent;
  border-radius: 100%;
  background-color: currentColor;
  width: 10px;
  height: 10px;
  opacity: 0.4;
  transition: all 0.2s;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows .slick-dots li button::before,
.slideshow__arrows .slick-dots li a::before {
    width: 12px;
    height: 12px;
  }
}
.slideshow__arrows .slick-dots li.slick-active button::before, .slideshow__arrows .slick-dots li.slick-active a::before, .slideshow__arrows .slick-dots li.slick-active-mobile button::before, .slideshow__arrows .slick-dots li.slick-active-mobile a::before {
  opacity: 1;
}

.slideshow__arrows .slick-dots li button:active::before, .slideshow__arrows .slick-dots li .slick-active a::before, .slideshow__arrows .slick-dots li .slick-active-mobile a::before {
  opacity: 0.7;
}

/*================ Index sections ================*/
.index-section {
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (min-width: 750px) {
  .index-section {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.index-section:first-child {
  padding-top: 0;
  border-top: 0;
}

.index-section:last-child {
  padding-bottom: 0;
}

.index-section--flush + .index-section--flush {
  margin-top: -70px;
}

@media only screen and (min-width: 750px) {
  [class*=index-section--flush] + [class*=index-section--flush] {
    margin-top: -110px;
  }
}
.index-section--flush:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 750px) {
  [class*=index-section--flush]:first-child {
    margin-top: 0;
  }
}
.index-section--flush:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 750px) {
  [class*=index-section--flush]:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 749px) {
  .index-section--featured-product:first-child {
    margin-top: -12px;
  }
}
@media only screen and (max-width: 749px) {
  .index-section--slideshow + .index-section--flush {
    margin-top: 0.4rem;
  }
}
.placeholder-svg {
  display: block;
  fill: rgba(61, 66, 70, 0.35);
  background-color: rgba(61, 66, 70, 0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(61, 66, 70, 0.2);
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.placeholder-background .icon {
  border: 0;
}

.image-bar__content .placeholder-svg {
  position: absolute;
  top: 0;
  left: 0;
}

/*================ TEMPLATES ================*/
/*============= Templates | Password =============*/
.password-page {
  display: table;
  height: 100%;
  width: 100%;
  color: #3d4246;
  background-color: white;
  background-size: cover;
}

.ie9 .password-page {
  height: auto;
}

.password-form-message {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.password-header {
  height: 85px;
  display: table-row;
}

.password-header__inner {
  display: table-cell;
  vertical-align: middle;
}

.password-login {
  padding: 0 30px;
  text-align: right;
}

.password-logo .logo {
  color: black;
  font-weight: 700;
  max-width: 100%;
}

.password-main {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.password-main__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 27.5px 55px;
}

.password-message {
  max-width: 500px;
  margin: 82.5px auto 27.5px;
}

.password__input-group {
  margin: 0 auto 55px;
  max-width: 35rem;
}

.password__title {
  display: block;
  margin-bottom: 82.5px;
}

.password__form-heading {
  margin-bottom: 55px;
}

.password-powered-by {
  margin-top: 82.5px;
}

.password-social-sharing {
  margin-top: 82.5px;
}

.product-single {
  overflow-anchor: none;
}

.product-single__title {
  margin-bottom: 0.5rem;
}

.product__price,
.featured-product__price {
  font-size: 1.25em;
}

.product__policies {
  margin: 0.4rem 0 1rem 0;
  font-size: 0.93333em;
}

/*================ Add to cart form ================*/
.product-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  width: auto;
  padding-top: 4px;
}

.product-form--payment-button-no-variants {
  max-width: 100%;
}

.product-form__item {
  -webkit-flex: 1 1 200px;
  -moz-flex: 1 1 200px;
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  margin-bottom: 10px;
  padding: 0 0px;
  z-index: 2;
}

.product-form__item label {
  display: block;
}

.product-form--hide-variant-labels .product-form__item label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.product-form__item--submit {
  -webkit-flex: 1 1 300px;
  -moz-flex: 1 1 300px;
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
}

.product-form__item--no-variants {
  max-width: 100%;
}

.product-form__item--payment-button {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
}

@media only screen and (min-width: 990px) {
  .product-single--small-image .product-form__item--payment-button, .product-single--full-image .product-form__item--payment-button {
    display: inline-flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
  }
}
.product-form__item--payment-button.product-form__item--no-variants {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
}

.product-form__variants {
  display: none;
}

.no-js .product-form__variants {
  display: block;
}

.product-form__item--quantity {
  -webkit-flex: 0 0 100px;
  -moz-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}

.product-form__input {
  display: block;
  width: 100%;
}

.product-form__cart-submit, .shopify-payment-button .shopify-payment-button__button--unbranded {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding-left: 5px;
  padding-right: 5px;
  white-space: normal;
  margin-top: 0;
  min-height: 44px;
}

.product-single--small-image .product-form__cart-submit, .product-single--small-image .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-single--small-image .shopify-payment-button__button--unbranded, .product-single--full-image .product-form__cart-submit, .product-single--full-image .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-single--full-image .shopify-payment-button__button--unbranded {
  -webkit-flex: 50%;
  -moz-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
  margin-right: 10px;
}

.product-form__item--payment-button .product-form__cart-submit, .product-form__item--payment-button .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-form__item--payment-button .shopify-payment-button__button--unbranded {
  margin-top: 10px;
}

.product-single--small-image .shopify-payment-button, .product-single--full-image .shopify-payment-button {
  -webkit-flex: 50%;
  -moz-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

.shopify-payment-button .shopify-payment-button__button {
  margin-top: 10px;
}

.product-single--small-image .shopify-payment-button .shopify-payment-button__button, .product-single--full-image .shopify-payment-button .shopify-payment-button__button {
  margin-top: 10px;
}

@media only screen and (min-width: 750px) {
  .shopify-payment-button .shopify-payment-button__button {
    margin-top: 20px;
  }
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  margin-bottom: 10px;
}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
  background-color: #252525 !important;
}

.shopify-payment-button .shopify-payment-button__button--branded {
  border-radius: 2px;
  overflow: hidden;
}

.shopify-payment-button .shopify-payment-button__more-options {
  margin: 16px 0 10px;
  font-size: 0.86667em;
  text-decoration: underline;
}

.shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus {
  opacity: 0.6;
}

@media only screen and (min-width: 750px) {
  .product-form__cart-submit--small {
    max-width: 300px;
  }
}
.product-single__description {
  margin-top: 30px;
}

.product__quantity-error .icon {
  margin-right: 1rem;
}

/*================ Product Images ================*/
.product-single__thumbnail {
  display: block;
  margin: 0px 0 8px;
  min-height: 44px;
  position: relative;
  overflow: hidden;
}

.product-single__thumbnail:not([disabled]):not(.active-thumb):hover {
  opacity: 0.8;
}

.product-single__thumbnail-image {
  max-width: 100%;
  display: block;
  border: 2px solid transparent;
  padding: 2px;
}

.active-thumb .product-single__thumbnail-image {
  border-color: black;
}

.product-featured-img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
}

.no-js .product-featured-img {
  position: relative;
}

.zoomImg {
  background-color: white;
}

@media only screen and (min-width: 750px) {
  .product-single__thumbnails {
    text-align: right;
  }
}
@media only screen and (max-width: 749px) {
  .product-single__photos {
    margin-bottom: 30px;
  }

  .product-single__photo--has-thumbnails {
    margin-bottom: 30px;
  }
}
.product-single__photos--full {
  margin-bottom: 30px;
}

.product-single__photo-wrapper {
  margin: 0 auto;
  width: 100%;
}

.product-single__photo {
  margin: 0 auto;
  min-height: 1px;
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 4px;
}

@media only screen and (max-width: 749px) {
  .template-product .main-content {
    padding-top: 22px;
  }

  .thumbnails-slider--active .product-single__thumbnails {
    display: none;
  }

  .thumbnails-slider--active .product-single__thumbnails.slick-initialized, .ie9 .thumbnails-slider--active .product-single__thumbnails {
    display: block;
    margin: 0 auto;
    max-width: 75%;
  }

  .product-single__photos {
    position: relative;
  }

  .thumbnails-wrapper {
    position: relative;
    text-align: center;
    margin: 0 2px 30px 2px;
  }

  .thumbnails-slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .thumbnails-slider__prev {
    left: -20px;
  }

  .thumbnails-slider__next {
    right: -20px;
  }

  .product-single__thumbnails-item {
    display: inline-block;
    padding-bottom: 10px;
    width: 72px;
    float: none;
    vertical-align: middle;
  }

  .slick-slider .product-single__thumbnails-item {
    float: left;
  }

  .thumbnails-slider--active .product-single__thumbnails-item {
    padding: 5px 0;
  }

  .product-single__thumbnail {
    margin: 0 auto;
    width: 50px;
  }
}
/*================ Template | Collections ================*/
.collection-hero {
  position: relative;
  overflow: hidden;
  margin-top: -55px;
  margin-bottom: 22px;
}

@media only screen and (min-width: 750px) {
  .collection-hero {
    margin-bottom: 35px;
  }
}
.collection-description {
  margin-bottom: 22px;
  margin-top: 22px;
}

@media only screen and (min-width: 750px) {
  .collection-description {
    margin-bottom: 35px;
    margin-top: 35px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
.collection-hero__image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  opacity: 1;
}

@media only screen and (max-width: 749px) {
  .collection-hero__image {
    height: 250px;
  }
}
.collection-hero__title-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
}

.collection-hero__title {
  position: absolute;
  color: white;
  width: 100%;
  text-align: center;
  font-weight: 600;
  left: 0;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 750px) {
  .collection-hero__title {
    font-size: 1.73333em;
  }
}
.template-blog .social-sharing {
  margin-bottom: 17.5px;
}

.blog-list-view .pagination {
  padding-top: 0;
}

.blog-filter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.blog-filter .icon-chevron-down {
  fill: black;
  width: calc(10em / 16);
  height: calc(10em / 16);
  right: 1rem;
}

.blog-filter__label {
  margin: 0 1rem 0 0;
}

/*================ Cart page ================*/
.cart th,
.cart td {
  border: 0;
}

.cart td {
  padding: 22px 0;
}

.cart th {
  font-weight: 400;
  padding: 27.5px 0;
}

.cart .cart__meta {
  padding-right: 15px;
}

.cart__meta-text {
  padding: 5px 0;
  font-size: 0.86667em;
  font-style: italic;
}

.cart__qty-label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.cart__qty-input {
  text-align: center;
  width: 60px;
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 749px) {
  .cart__qty-input {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.cart__edit {
  margin-top: 10px;
}

.cart__edit--active .cart__edit-text--cancel {
  display: none;
}

.cart__edit-text--edit {
  display: none;
}

.cart__edit--active .cart__edit-text--edit {
  display: block;
}

.cart__edit-text--cancel,
.cart__edit-text--edit {
  pointer-events: none;
}

.cart__row p {
  margin-bottom: 0;
}

.cart__row p + p {
  margin-top: 10px;
}

.cart__row.cart__update--show {
  border-bottom: 0;
}

.cart__subtotal-title {
  font-size: 1.13333em;
}

.cart__subtotal {
  padding-left: 27.5px;
}

@media only screen and (min-width: 750px) {
  .cart__subtotal {
    padding-left: 55px;
    min-width: 150px;
    display: inline-block;
  }
}
.cart__savings {
  padding-top: 18px;
}

.cart__savings-amount {
  padding-left: 27.5px;
}

@media only screen and (min-width: 750px) {
  .cart__savings-amount {
    padding-left: 55px;
    min-width: 150px;
    display: inline-block;
  }
}
.cart__footer {
  padding-top: 17.5px;
}

.cart__submit-controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

.cart__submit-controls > .cart__submit-control {
  margin-left: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 749px) {
  .cart__submit-controls {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }

  .cart__submit-controls .cart__submit {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 749px) {
  .cart__submit {
    line-height: 1.4;
    min-height: 44px;
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 500px) {
  .cart__submit {
    width: 100%;
  }
}
.cart__continue {
  line-height: 1.2;
}

.cart__shipping {
  font-size: 0.86667em;
  padding: 10px 0 20px;
  margin-bottom: 25px;
}

.cart-note__label,
.cart-note__input {
  display: block;
}

@media only screen and (max-width: 749px) {
  .cart-note__label,
.cart-note__input {
    margin: 0 auto;
  }
}
.cart-note__label {
  margin-bottom: 15px;
}

.cart-note__input {
  min-height: 50px;
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .cart-note__input {
    margin-bottom: 40px;
  }
}
.cart__image {
  max-height: 95px;
}

.cart__image-wrapper div {
  display: block;
  padding-right: 17.5px;
}

@media only screen and (min-width: 750px) {
  .cart__image-wrapper div {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 750px) {
  .cart__image-wrapper {
    width: 130px;
  }

  .cart__meta {
    max-width: 300px;
  }

  .cart__remove {
    margin-top: 4px;
  }

  .cart__qty {
    text-align: center;
  }
}
@media only screen and (max-width: 749px) {
  .cart__update-wrapper {
    display: none;
    padding-top: 0;
    padding-bottom: 22px;
    border-bottom: 1px solid #e8e9eb;
  }

  .cart__update--show td {
    padding-bottom: 10px;
  }

  .cart__update--show + tr {
    display: table-row;
  }

  .cart__row-price {
    text-align: right;
  }

  .cart__update-controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }

  .cart__update-controls > .cart__update-control {
    margin-bottom: 10px;
  }

  .cart-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }

  .cart-flex-item {
    display: block;
    min-width: 0;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .cart__image-wrapper {
    max-width: 85px;
  }

  .cart__price-wrapper {
    width: 24%;
    text-align: right;
  }

  .cart-message {
    padding-top: 20px;
  }

  .cart__qty {
    padding: 0 10px;
  }

  .cart__qty-label {
    position: inherit !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.86667em;
    margin-right: 5px;
  }
}
.cart--no-cookies .cart__continue-btn {
  display: none;
}

.cart--no-cookies .cart--empty-message {
  display: none;
}

.cookie-message {
  display: none;
  padding-bottom: 25px;
}

.cart--no-cookies .cookie-message {
  display: block;
}

.additional-checkout-buttons {
  margin-top: 22px;
}

.additional-checkout-buttons input[type=image] {
  padding: 0;
  border: 0;
  background: transparent;
}

@media only screen and (max-width: 500px) {
  .additional-checkout-buttons {
    margin-top: 10px;
  }
}
/*================ MODULES ================*/
.site-header {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (max-width: 749px) {
  .site-header {
    border-bottom: 1px solid #e8e9eb;
    padding: 0;
  }
}
@media only screen and (min-width: 750px) {
  .site-header.logo--center {
    padding-top: 0;
  }
}
.announcement-bar {
  text-align: center;
  position: relative;
  z-index: 10;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 989px) {
  .announcement-bar {
    display: none;
  }
}
.announcement-bar--link {
  display: block;
}

.announcement-bar__message {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 1px;
  margin: 0;
}

@media only screen and (min-width: 750px) {
  .announcement-bar__message {
    padding: 0;
  }
}
.announcement-bar__message a {
  color: white;
  text-decoration: none;
}

.announcement-bar__message a:hover {
  color: white;
}

.announcement-bar__message a:active {
  color: white;
}

.announcement-bar__message a:visited {
  color: white;
}

#mobile-announcement-banner {
  position: relative;
  text-align: center;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

#mobile-announcement-banner h1, #mobile-announcement-banner .h1 {
  margin-top: -0.4em;
}

#mobile-announcement-banner .mobile-announcement-banner-delivery h2, #mobile-announcement-banner .mobile-announcement-banner-delivery .h2 {
  margin-top: -0.6em;
}

#mobile-announcement-banner #phone-number:not(:first-of-type)::after {
  content: "";
  display: block;
  width: 60%;
  margin-left: 20%;
  height: 10px;
  border-top: 1px solid grey;
  margin-top: 0.4em;
}

#mobile-announcement-banner #index-delivery-message::after {
  content: "";
  display: block;
  width: 60%;
  margin-left: 20%;
  height: 10px;
  border-top: 1px solid grey;
  margin-top: 0.6em;
}

.site-header__logo {
  margin: 0;
}

.logo-align--center .site-header__logo {
  text-align: center;
  margin: 2px;
}

@media only screen and (max-width: 749px) {
  .logo-align--center .site-header__logo {
    text-align: left;
    margin: 2px 0;
  }
}
.site-header__logo-link {
  display: inline-block;
  word-break: break-word;
}

.site-header__logo-image {
  display: inline-block;
}

@media only screen and (min-width: 750px) {
  .site-header__logo-image {
    margin: 0 auto;
  }
}
.site-header__logo-image img {
  width: 100%;
}

.site-header__logo-image--centered img {
  margin: 3px 3px;
}

@media only screen and (min-width: 750px) {
  .logo-align--center .site-header__logo-link {
    margin: 3px 3px;
  }
}
@media only screen and (max-width: 749px) {
  .site-header__icons .btn--link,
.site-header__icons .site-header__cart {
    font-size: 1em;
  }
}
.site-header__icons {
  position: relative;
  white-space: nowrap;
}

@media only screen and (max-width: 749px) {
  .site-header__icons {
    width: auto;
  }
}
.site-header__icons-wrapper {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

@media only screen and (max-width: 749px) {
  .site-header__icons-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
.site-header__cart,
.site-header__search,
.site-header__account {
  position: relative;
}

.site-header__search.site-header__icon {
  display: none;
}

@media only screen and (min-width: 1400px) {
  .site-header__search.site-header__icon {
    display: block;
  }
}
.site-header__search-toggle {
  display: block;
}

@media only screen and (min-width: 1400px) {
  .site-header__search-toggle {
    display: none;
  }
}
@media only screen and (min-width: 750px) {
  .site-header__account,
.site-header__cart {
    padding: 10px 11px;
  }
}
.site-header__cart-title,
.site-header__search-title {
  display: block;
  vertical-align: middle;
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.site-header__cart-title {
  margin-right: 3px;
}

.site-header__cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
  font-weight: bold;
  background-color: black;
  color: white;
  border-radius: 50%;
  min-width: 1em;
  height: 1em;
}

.site-header__cart-count span {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(11em / 16);
  line-height: 1;
}

@media only screen and (max-width: 749px) {
  .site-header__cart-count {
    top: calc(7em / 16);
    right: 0;
    border-radius: 50%;
    min-width: calc(19em / 16);
    height: calc(19em / 16);
  }

  .site-header__cart-count span {
    padding: 0.25em calc(6em / 16);
    font-size: 12px;
  }
}
.site-header__menu {
  display: none;
}

.site-header__icon svg {
  height: 23px;
  width: 22px;
}

@media only screen and (min-width: 750px) {
  .site-header__icon svg {
    margin-right: 3px;
  }
}
@media only screen and (max-width: 749px) {
  .site-header__logo {
    padding-left: 22px;
  }

  .site-header__icons {
    padding-right: 13px;
  }

  .site-header__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 11px;
    margin: 0;
  }

  .site-header__logo {
    text-align: left;
  }

  .site-header__logo img {
    margin: 0;
  }
}
.article-listing {
  padding-top: 55px;
  margin-bottom: 55px;
}

.article__title {
  margin-bottom: 11px;
}

@media only screen and (max-width: 749px) {
  .article__title--has-image {
    padding-left: 22px;
  }
}
.article__author {
  margin-right: 10px;
}

.article__author,
.article__date {
  display: inline-block;
  margin-bottom: 22px;
}

.template-article .article__author, .template-article .article__date {
  margin-bottom: 0;
}

.article__tags {
  margin-bottom: 27.5px;
}

.article__tags--list {
  font-style: italic;
}

.article__link {
  display: block;
}

@media only screen and (max-width: 749px) {
  .article__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.article__link:not([disabled]):hover .article__grid-image-wrapper::before, .article__link:focus .article__grid-image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
  z-index: 1;
}

.article__meta-buttons li + li {
  margin-left: 1.5rem;
}

.article__comment-count {
  border-color: transparent;
  border-bottom-color: currentColor;
  padding: 0 0 3px 0;
}

.article__comment-count:not([disabled]):hover, .article__comment-count:focus {
  border-color: transparent;
  border-bottom-color: currentColor;
}

/*============================================================================
  Blog article grid
==============================================================================*/
.grid--blog {
  margin-bottom: -55px;
  overflow: auto;
}

.article__grid-tag {
  margin-right: 10px;
}

.article__grid-meta {
  margin-bottom: 55px;
}

@media only screen and (max-width: 749px) {
  .article__grid-meta--has-image {
    float: left;
    padding-left: 22px;
  }
}
.article__grid-excerpt {
  margin-bottom: 17.5px;
}

.article__grid-image-wrapper {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.article__grid-image-container {
  display: block;
  clear: both;
  position: relative;
  margin: 0 auto 27.5px 0;
  min-height: 1px;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 749px) {
  .article__grid-image-container {
    float: left;
    margin: 0 0 55px 0;
  }
}
.article__grid-image-container img {
  display: block;
}

.article__grid-image {
  margin: 0 auto;
  width: 100%;
}

.js .article__grid-image {
  position: absolute;
  top: 0;
}

.article__list-image-container {
  display: block;
  clear: both;
  position: relative;
  min-height: 1px;
  width: 100%;
  height: 100%;
}

.article__list-image-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

.article__list-image-container {
  display: block;
  clear: both;
  position: relative;
  min-height: 1px;
  width: 100%;
  height: 100%;
}

.article__list-image-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

.article__list-image {
  margin: 0 auto;
  width: 100%;
  position: absolute;
  top: 0;
}

.sidebar {
  margin-top: 40px;
}

.sidebar__list {
  list-style: none;
  margin-bottom: 55px;
}

.sidebar__list li {
  margin-bottom: 10px;
}

.pagination {
  text-align: center;
  list-style: none;
  font-size: 1em;
  padding-top: 55px;
}

.pagination li {
  display: inline-block;
}

.pagination .icon {
  display: block;
  height: 20px;
  vertical-align: middle;
}

.pagination__text {
  padding: 0 27.5px;
}

.comment {
  margin-bottom: 30px;
}

.comment:last-child {
  margin-bottom: 0;
}

.comment__content {
  margin-bottom: 5px;
}

.comment__meta-item {
  margin-right: 10px;
  font-size: 0.93333em;
}

.comment__meta-item:first-child::before {
  content: "— ";
}

.social-sharing {
  display: flex;
}

.template-password .social-sharing {
  justify-content: center;
}

.btn--share {
  background-color: transparent;
  border-color: #e8e9eb;
  color: black;
  margin-right: 5px;
  margin-bottom: 10px;
}

.btn--share:not([disabled]):hover, .btn--share:focus {
  background-color: transparent;
  border-color: #cdcfd3;
  color: black;
}

.btn--share .icon {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.btn--share .icon-facebook {
  fill: #3b5998;
}

.btn--share .icon-twitter {
  fill: #00aced;
}

.btn--share .icon-pinterest {
  fill: #cb2027;
}

.share-title {
  display: inline-block;
  vertical-align: middle;
}

.search-bar__form {
  display: table;
  width: 100%;
  position: relative;
  height: calc(46em / 16);
  border: 1px solid transparent;
}

@media only screen and (max-width: 749px) {
  .search-bar__form {
    width: 100%;
  }
}
.search-bar__submit .icon {
  position: relative;
  top: -1px;
  width: 1.2rem;
  height: auto;
}

.search-bar__submit,
.search-header__submit {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 12px;
  height: 100%;
  z-index: 1;
}

.search-header__input,
.search-bar__input {
  background-color: transparent;
  border-radius: 2px;
  color: black;
  border-color: transparent;
  padding-right: calc(35em / 16);
  width: 100%;
  min-height: 44px;
}

.search-header__input::-webkit-input-placeholder,
.search-bar__input::-webkit-input-placeholder {
  color: black;
  opacity: 0.6;
}

.search-header__input::-moz-placeholder,
.search-bar__input::-moz-placeholder {
  color: black;
  opacity: 0.6;
}

.search-header__input:-ms-input-placeholder,
.search-bar__input:-ms-input-placeholder {
  color: black;
  opacity: 0;
}

.search-header__input::-ms-input-placeholder,
.search-bar__input::-ms-input-placeholder {
  color: black;
  opacity: 1;
}

.search-bar__input {
  border: 1px solid transparent;
}

.search-bar__input:focus {
  border-color: transparent;
}

.search-bar__close {
  padding: calc(10em / 16) 0.75em;
}

.search-bar__close .icon {
  vertical-align: top;
  width: 1.2rem;
  height: auto;
}

/*============================================================================
  The search submit button has pointer-events: none which also
  effects the :hover style. This forces the style to be applied.
==============================================================================*/
.search-header__input:hover + .btn--link {
  color: #404040;
}

/*================ Mobile Search Bar ================*/
.search-bar {
  border-bottom: 1px solid #e8e9eb;
  padding: 0 27.5px;
  z-index: 1000;
}

.search-bar__table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.search-bar__table-cell {
  display: table-cell;
  vertical-align: middle;
}

.search-bar__form-wrapper {
  width: 90%;
}

/*================ Header Search ================*/
.search-header {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: calc(30em / 16);
  vertical-align: middle;
}

.search-header.search--focus {
  max-width: 250px;
}

.search-header__input {
  cursor: pointer;
}

.search--focus .search-header__input {
  outline: none;
  border-color: #949494;
  cursor: auto;
}

.search--focus .search-header__submit {
  pointer-events: auto;
}

.search-header__submit {
  pointer-events: none;
}

.search-header,
.search-header__submit {
  transition: all 0.35s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.no-svg .site-header__search {
  display: inline-block;
}

.no-svg .search-header {
  max-width: none;
}

.no-svg .search__input {
  width: auto;
  padding-left: 60px;
}

/*================ Mobile Site Nav ================*/
.mobile-nav {
  display: block;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.sub-nav--is-open .mobile-nav {
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.third-nav--is-open .mobile-nav {
  -ms-transform: translate3d(-200%, 0, 0);
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
}

.mobile-nav__link,
.mobile-nav__sublist-link {
  display: block;
  width: 100%;
  padding: 15px 30px;
  font-size: 16px;
}

.mobile-nav__link {
  position: relative;
}

.mobile-nav__label {
  border-bottom: 1px solid transparent;
}

.mobile-nav__link--active .mobile-nav__label {
  border-bottom-color: black;
}

.mobile-nav__sublist-link:not(.mobile-nav__sublist-header) {
  padding-left: 70px;
  padding-right: 30px;
}

.mobile-nav__item {
  display: block;
  width: 100%;
}

.mobile-nav__item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 12px;
  width: 10px;
  margin: -6px 0 0 -5px;
}

.mobile-nav__return {
  border-right: 1px solid #e8e9eb;
}

.mobile-nav__return-btn {
  position: relative;
  padding: 24px 0;
  width: 55px;
}

.mobile-nav__icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 22px;
  padding-right: 22px;
  pointer-events: none;
  overflow: hidden;
}

.mobile-nav__table {
  display: table;
  width: 100%;
}

.mobile-nav__table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  text-align: left;
  white-space: normal;
}

.mobile-nav__toggle-button {
  padding: 20px 15px;
}

.mobile-nav__dropdown {
  position: absolute;
  background-color: white;
  z-index: 8;
  width: 100%;
  top: 0;
  right: -100%;
  display: none;
}

.is-active + .mobile-nav__dropdown {
  display: block;
  opacity: 1;
}

.mobile-nav__dropdown.is-closing {
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
  opacity: 0.99;
}

.mobile-nav__dropdown .mobile-nav__sublist-header {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}

.mobile-nav__dropdown .mobile-nav__sublist-header--main-nav-parent {
  color: #3d4246;
}

/*================ Mobile nav wrapper ================*/
.mobile-nav-wrapper {
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
  display: none;
  overflow: hidden;
  width: 100%;
  z-index: 99;
}

.mobile-nav-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e8e9eb;
}

.mobile-nav-wrapper.js-menu--is-open {
  display: block;
}

.mobile-nav--open .icon-close {
  display: none;
}

.mobile-nav--close .icon-hamburger {
  display: none;
}

.site-header__mobile-nav {
  z-index: 999;
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 749px) {
  .site-header__mobile-nav {
    background-color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
}
/*================ Modals ================*/
.modal {
  -ms-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  background-color: white;
  bottom: 0;
  color: black;
  display: none;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}

.modal--is-active {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  display: block;
  opacity: 1;
  overflow: hidden;
}

.modal__inner {
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%;
}

.modal__centered {
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

.no-csstransforms .modal__centered {
  top: 20%;
}

.modal__close {
  border: 0;
  padding: 55px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
}

.modal__close .icon {
  font-size: 1.33333em;
}

/*============================================================================
  Hero slider

  Extends default slick slider styles.
  Extra specificity in selectors is used to override defaults.
==============================================================================*/
.slideshow-wrapper {
  position: relative;
}

.slideshow {
  position: unset;
  overflow: hidden;
  margin-bottom: 0;
  max-height: 65vh;
  transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

@media only screen and (min-width: 750px) {
  .slideshow {
    position: relative;
    max-height: 65vh;
  }
}
.slideshow .slideshow__slide,
.slideshow .slick-list,
.slideshow .slick-track {
  height: 100%;
}

.slideshow .slick-prev,
.slideshow .slick-next {
  top: 0;
  height: 100%;
  margin-top: 0;
  width: 40px;
}

.slideshow .slick-prev {
  left: 0;
}

.slideshow .slick-next {
  right: 0;
}

@media only screen and (min-width: 750px) {
  .slideshow--display-controls .slick-dots {
    left: calc(50% - 22px);
  }
}
.slideshow--small {
  height: 175px;
}

@media only screen and (min-width: 750px) {
  .slideshow--small {
    height: 475px;
  }
}
.slideshow--medium {
  height: 270px;
}

@media only screen and (min-width: 750px) {
  .slideshow--medium {
    height: 650px;
  }
}
.slideshow--large {
  height: 375px;
}

@media only screen and (min-width: 750px) {
  .slideshow--large {
    height: 775px;
  }
}
/*================ General slide styles ================*/
.slideshow__slide {
  position: relative;
  overflow: hidden;
}

.slideshow__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slideshow__link:active, .slideshow__link:focus {
  opacity: 1;
}

@media only screen and (min-width: 750px) {
  .slideshow__overlay::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: black;
    opacity: 0.4;
    z-index: 2;
  }
}
/*================ Slide images ================*/
.slideshow__image {
  transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: transparent;
  z-index: 1;
}

.slick-initialized .slideshow__image, .no-js .slideshow__image {
  opacity: 1;
}

.ie9 .slideshow__slide {
  z-index: 1 !important;
}

.ie9 .slick-dots {
  z-index: 2;
}

/*================ Slide text ================*/
.slideshow__text-wrap {
  height: 100%;
  position: relative;
}

.slideshow__link .slideshow__text-wrap {
  cursor: inherit;
}

.slideshow__text-wrap--mobile {
  display: none;
}

@media only screen and (max-width: 749px) {
  .slideshow__text-wrap--mobile {
    display: block;
    position: relative;
    top: -1.1rem;
    background-color: white;
    width: 85%;
    margin: 0 0 -1.1rem 7.5%;
  }
}
@media only screen and (min-width: 750px) {
  .slideshow__text-content {
    transition: 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    transition-delay: 0.3s;
  }
}
.slideshow__text-wrap--desktop .slideshow__text-content {
  position: absolute;
  width: 100%;
  top: 50%;
  opacity: 0;
  z-index: 2;
}

@media only screen and (min-width: 750px) {
  .slideshow__text-content.slideshow__text-content--vertical-top {
    top: 120px;
  }

  .slideshow__text-content.slideshow__text-content--vertical-bottom {
    top: auto;
    bottom: 40px;
  }
}
.slick-initialized .slick-active .slideshow__text-content, .no-js .slideshow__text-content {
  -ms-transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  opacity: 1;
}

.slick-initialized .slick-active .slideshow__text-content.slideshow__text-content--vertical-center, .no-js .slideshow__text-content.slideshow__text-content--vertical-center {
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slideshow__text-content::after {
  content: "";
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  margin-left: -20px;
  margin-top: -20px;
  border-radius: 50%;
  border: 3px solid white;
  border-top-color: transparent;
  -moz-animation: spin 0.65s infinite linear;
  -o-animation: spin 0.65s infinite linear;
  -webkit-animation: spin 0.65s infinite linear;
  animation: spin 0.65s infinite linear;
  opacity: 1;
  transition: all 1s cubic-bezier(0.29, 0.63, 0.44, 1);
  bottom: -55px;
  left: 50%;
}

@media only screen and (max-width: 749px) {
  .slideshow__text-content::after {
    content: none;
  }
}
.slick-initialized .slideshow__text-content::after, .no-js .slideshow__text-content::after {
  opacity: 0;
  visibility: hidden;
  content: none;
}

.slideshow__text-content--mobile {
  display: none;
  padding-top: 2.6rem;
}

.slideshow__arrows--mobile ~ .slideshow__text-content--mobile {
  padding-top: 1.7rem;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows--mobile ~ .slideshow__text-content--mobile {
    padding-top: 0;
  }
}
@media only screen and (min-width: 750px) {
  .slideshow__text-content--mobile {
    padding-top: 0;
  }

  .slideshow__text-content--mobile::after {
    display: none;
  }
}
.slideshow__title,
.slideshow__subtitle {
  color: white;
}

@media only screen and (max-width: 749px) {
  .slideshow__title,
.slideshow__subtitle {
    display: none;
  }
}
.slideshow__title--mobile {
  margin-bottom: 0;
}

.slideshow__title--mobile ~ .slideshow__subtitle--mobile {
  margin-top: 0.5rem;
}

.slideshow__subtitle--mobile,
.slideshow__title--mobile {
  display: none;
  color: black;
}

@media only screen and (max-width: 749px) {
  .slideshow__subtitle--mobile,
.slideshow__title--mobile {
    display: block;
  }
}
.slideshow__btn-wrapper {
  border: none;
  background-color: transparent;
}

@media only screen and (min-width: 750px) {
  .slideshow__btn-wrapper--push {
    margin-top: 30px;
  }
}
.slideshow__btn {
  max-width: 100%;
  display: inline-block;
  word-wrap: break-word;
  background-color: white;
  color: black;
  min-height: 3.125rem;
  line-height: 2.2;
}

@media only screen and (max-width: 749px) {
  .slideshow__btn {
    display: none;
  }
}
.slideshow__btn--mobile {
  display: none;
  margin: 1.3rem auto 0;
}

@media only screen and (max-width: 749px) {
  .slideshow__btn--mobile {
    display: inline-block;
    margin: 2rem auto 0.3rem;
  }
}
/*================ Slideshow control styles ================*/
.slideshow__controls {
  display: none;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
}

@media only screen and (min-width: 750px) {
  .slideshow__controls {
    top: auto;
    bottom: 0;
    left: 0;
  }
}
.slick-initialized + .slideshow__controls {
  display: flex;
}

.slideshow__arrows {
  background-color: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  display: none;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows {
    display: flex;
    height: 44px;
  }
}
@media only screen and (min-width: 750px) {
  .slideshow__controls:hover .slideshow__arrows, .slideshow__controls:focus .slideshow__arrows, .slideshow__controls--hover .slideshow__arrows {
    background-color: rgba(0, 0, 0, 0.75);
  }
}
.slideshow__arrows .slideshow__arrow {
  padding: 0.6rem 0.9rem;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  border: none;
}

.slideshow__arrows .slideshow__arrow .icon {
  width: 0.7rem;
  height: 0.7rem;
  transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

.slideshow__arrows .slideshow__arrow .icon:hover {
  color: white;
}

.slideshow__arrows .slideshow__arrow-left {
  float: left;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows .slideshow__arrow-left {
    order: -1;
  }
}
.slideshow__arrows .slideshow__arrow-right {
  float: right;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows .slideshow__arrow-right {
    order: 1;
  }
}
.slideshow__arrows .slick-dots {
  line-height: 44px;
}

.slideshow__arrows .slick-dots li {
  width: 9px;
  height: 9px;
  margin-left: 9px;
}

.slideshow__arrows .slick-dots li button::before,
.slideshow__arrows .slick-dots li a::before {
  width: 8px;
  height: 8px;
  color: rgba(0, 0, 0, 0.5);
  border: none;
  opacity: 1;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows .slick-dots li button::before,
.slideshow__arrows .slick-dots li a::before {
    width: 9px;
    height: 9px;
    color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.25);
  }
}
.slideshow__arrows .slick-dots li.slick-active-mobile button::before,
.slideshow__arrows .slick-dots li.slick-active-mobile a::before {
  color: black;
}

.slideshow__arrows .slick-dots li.slick-active button::before,
.slideshow__arrows .slick-dots li.slick-active a::before {
  color: white;
}

.slideshow__arrows--mobile {
  display: block;
  width: 100%;
  height: 44px;
  background-color: transparent;
}

.slideshow__arrows--mobile .icon {
  fill: rgba(0, 0, 0, 0.5);
}

.slideshow__arrows--mobile .slideshow__arrow:focus .icon {
  fill: black;
}

@media only screen and (min-width: 750px) {
  .slideshow__arrows--mobile {
    display: none;
  }
}
.slideshow__pause {
  clip: auto;
  width: 44px;
  height: 44px;
  margin-left: 1px;
  z-index: 5000;
  border: none;
  background-color: rgba(0, 0, 0, 0.4);
  transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

@media only screen and (min-width: 750px) {
  .slideshow__controls:hover .slideshow__pause, .slideshow__controls:focus .slideshow__pause, .slideshow__controls--hover .slideshow__pause {
    background-color: rgba(0, 0, 0, 0.75);
  }
}
.slideshow__pause .icon {
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

.slideshow__pause .icon:hover {
  color: white;
}

.slideshow__pause .icon-pause {
  width: 0.65rem;
  height: 0.65rem;
}

.slideshow__pause .icon-resume {
  width: 1rem;
  height: 1rem;
}

.slideshow__pause-stop {
  display: block;
}

.is-paused .slideshow__pause-stop {
  display: none;
}

.slideshow__pause-rotate {
  display: none;
}

.is-paused .slideshow__pause-rotate {
  display: block;
}

.price {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 749px) {
  .price {
    font-size: 0.93333em;
  }
}
.price dl {
  margin-top: 0;
}

.price dd {
  margin: 0 0.5em 0 0;
}

.price--unavailable {
  visibility: hidden;
}

.price__regular {
  color: #3d4246;
}

.price__sale {
  color: red;
  display: none;
}

.price--on-sale .price__sale {
  display: block;
}

.price__vendor {
  color: #3d4246;
  font-size: 0.9em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 5px 0 10px;
  width: 100%;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
}

.price-item {
  font-weight: 400;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
}

.price-item__label {
  display: inline-block;
  white-space: nowrap;
  font-weight: 400;
}

/*================ Module | Filters and Sort toolbar and selection ================*/
.filters-toolbar-wrapper {
  border-bottom: 1px solid #e8e9eb;
  border-top: 1px solid #e8e9eb;
  margin-bottom: 22px;
}

@media only screen and (min-width: 750px) {
  .filters-toolbar-wrapper {
    margin-bottom: 55px;
  }
}
.filters-toolbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.filters-toolbar .icon-chevron-down {
  fill: black;
  width: calc(10em / 16);
  height: calc(10em / 16);
  right: 8px;
}

.filters-toolbar--has-filter {
  position: relative;
}

@media only screen and (max-width: 749px) {
  .filters-toolbar--has-filter {
    border-bottom: none;
  }

  .filters-toolbar--has-filter .filters-toolbar__item-child {
    flex-basis: 50%;
  }

  .filters-toolbar--has-filter .filters-toolbar__item-wrapper {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
  }

  .filters-toolbar--has-filter .filters-toolbar__item--count {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    text-align: left;
  }

  .filters-toolbar--has-filter .filters-toolbar__item--count:before {
    background-color: #e8e9eb;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: auto;
    width: 100%;
  }
}
.filters-toolbar__item {
  min-width: 33%;
  -webkit-flex: 1 1 33%;
  -moz-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;
}

.no-flexbox .filters-toolbar__item {
  text-align: left !important;
}

@media only screen and (max-width: 749px) {
  .filters-toolbar__item:first-child .filters-toolbar__input {
    padding-left: 0;
  }
}
@media only screen and (max-width: 749px) {
  .filters-toolbar__item-child {
    flex-grow: 0;
  }
}
@media only screen and (max-width: 749px) {
  .filters-toolbar__item-child:first-child {
    margin-right: 2.5rem;
  }
}
@media only screen and (min-width: 750px) {
  .filters-toolbar__item-child:first-child {
    margin-right: 3rem;
  }
}
@media only screen and (max-width: 749px) {
  .filters-toolbar__item-child .filters-toolbar__input {
    padding-left: 0;
    padding-right: 25px;
    width: 100%;
  }
}
.filters-toolbar__item-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex: 1 1 33%;
  -moz-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;
}

@media only screen and (max-width: 749px) {
  .filters-toolbar__item-wrapper {
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
}
.filters-toolbar__item--count {
  min-width: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  .filters-toolbar__item--count {
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    text-align: right;
  }
}
.no-flexbox .filters-toolbar select {
  width: 100% !important;
}

.filters-toolbar__label {
  display: inline-block;
}

@media only screen and (max-width: 749px) {
  .filters-toolbar__label {
    display: block;
    margin-bottom: 0;
    margin-top: 8px;
  }
}
.filters-toolbar__input-wrapper {
  display: inline-block;
}

.filters-toolbar__input {
  border: 0 solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  height: 55px;
  opacity: 1;
  position: relative;
}

.filters-toolbar__item:first-child .filters-toolbar__input {
  padding-left: 0;
}

.no-flexbox .filters-toolbar__input {
  margin: 0;
}

@media only screen and (max-width: 749px) {
  .filters-toolbar__input {
    height: 46px;
  }
}
.filters-toolbar__input.hidden {
  opacity: 0;
}

.filters-toolbar__input option {
  text-overflow: ellipsis;
  overflow: hidden;
}

.filters-toolbar__product-count {
  font-size: 0.93333em;
  font-style: italic;
  line-height: 55px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 749px) {
  .filters-toolbar__product-count {
    font-size: 0.86667em;
    line-height: 46px;
  }
}
.site-footer {
  margin-top: 55px;
  padding: 45px 0 55px 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.site-footer h4, .site-footer .h4 {
  font-weight: 600;
  font-size: 1.1rem;
}

.site-footer h5, .site-footer .h5 {
  font-weight: 600;
  font-size: 0.9rem;
}

.site-footer__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 749px) {
  .site-footer__content {
    padding: 0 18px;
  }
}
@media only screen and (min-width: 750px) {
  .site-footer__content {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.site-footer__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-bottom: 55px;
}

@media only screen and (min-width: 750px) {
  .site-footer__item {
    padding: 0 15px 0 15px;
    margin-bottom: 45px;
  }
}
.site-footer__item:first-of-type {
  padding-left: 0;
}

.site-footer__item:last-of-type {
  padding-right: 0;
}

@media only screen and (max-width: 749px) {
  .site-footer__item:last-of-type {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 750px) {
  .site-footer__item--full-width {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .site-footer__item--one-half {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }

  .site-footer__item--one-third {
    -webkit-flex: 1 1 33%;
    -moz-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
  }

  .site-footer__item--one-quarter {
    -webkit-flex: 1 1 25%;
    -moz-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
  }

  .site-footer__item--one-fifth {
    -webkit-flex: 1 1 20%;
    -moz-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
  }

  .site-footer-newsletter__one-half {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
@media only screen and (min-width: 750px) {
  .site-footer__item--center {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }

  .site-footer__item--center > * {
    text-align: center;
  }
}
.site-footer__newsletter {
  padding-bottom: 1em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 749px) {
  .site-footer__newsletter {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 750px) {
  .site-footer__newsletter {
    max-width: none;
  }
}
.site-footer__single-block--centered .site-footer__newsletter {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.site-footer__newsletter .rte {
  font-size: 0.86667em;
  margin-bottom: 25px;
}

.site-footer__newsletter .contact-form {
  width: 100%;
}

.site-footer__newsletter #ContactForm {
  border: 10px solid Green;
}

.site-footer__newsletter .newsletter__submit {
  width: auto;
  border-radius: 2px;
}

.site-footer__newsletter .newsletter__input {
  width: 75%;
  margin-right: 1em;
}

@media only screen and (min-width: 750px) {
  .footer__item--full-width .site-footer__newsletter {
    width: 50%;
  }
}
.site-footer__item-inner--newsletter {
  width: 100%;
}

.site-footer__item-inner--newsletter h4, .site-footer__item-inner--newsletter .h4 {
  font-weight: 600;
}

@media only screen and (min-width: 750px) {
  .site-footer__item--full-width .site-footer__item-inner--newsletter {
    max-width: 50%;
  }
}
@media only screen and (max-width: 989px) {
  .mobile--no-show {
    display: none;
  }
}
@media only screen and (min-width: 750px) {
  .site-footer__centered--single-block {
    width: 75%;
    margin: 0 auto;
  }
}
.site-footer__hr {
  margin: 55px 0 30px 0;
}

@media only screen and (min-width: 750px) {
  .site-footer__hr {
    margin: 45px 0 20px 0;
  }
}
@media only screen and (max-width: 749px) {
  .site-footer__linklist.list--inline > li {
    display: block;
  }
}
.site-footer__linklist-item {
  display: block;
  padding: 1px 0;
}

@media only screen and (min-width: 750px) {
  .site-footer__linklist-item {
    padding: 0 15px 0 0;
  }
}
.site-footer__linklist-item:last-of-type {
  padding-right: 0;
}

.site-footer__icon-list {
  padding-bottom: 30px;
}

@media only screen and (min-width: 750px) {
  .site-footer__icon-list {
    padding-bottom: 25px;
  }
}
.site-footer__social-icons li {
  padding: 0 15px;
}

@media only screen and (min-width: 750px) {
  .site-footer__social-icons li:first-of-type {
    padding-left: 0;
  }
}
.social-icons__link {
  display: block;
  color: #ccc;
}

.site-footer__subwrapper {
  margin-top: 35px;
}

.site-footer__copyright-content {
  font-size: 0.8em;
}

@media only screen and (min-width: 750px) {
  .site-footer__payment-icons {
    text-align: right;
  }
}
.site-footer__payment-icons .payment-icon {
  margin-bottom: 5px;
  margin-left: 5px;
}

.site-footer__payment-icons .payment-icon:first-child {
  margin-left: 0;
}

.feature-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 749px) {
  .feature-row {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.feature-row__item {
  -webkit-flex: 0 1 50%;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

@media only screen and (max-width: 749px) {
  .feature-row__item {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }
}
.feature-row__image-wrapper {
  margin: 0 auto 19.44444px;
  position: relative;
  width: 100%;
}

.feature-row__image {
  display: block;
  margin: 0 auto;
}

.feature-row__image-wrapper .feature-row__image {
  width: 100%;
  position: absolute;
  top: 0;
}

@media only screen and (max-width: 749px) {
  .feature-row__image {
    order: 1;
  }
}
.feature-row__text {
  padding-top: 35px;
  padding-bottom: 35px;
}

@media only screen and (max-width: 749px) {
  .feature-row__text {
    order: 2;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 750px) {
  .feature-row__text--left {
    padding-left: 35px;
  }

  .feature-row__text--right {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 750px) {
  .featured-row__subtext {
    font-size: 1.13333em;
  }
}
.hero {
  position: relative;
  height: 475px;
  display: table;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.hero--x-small {
  height: 94px;
}

.hero--small {
  height: 225px;
}

.hero--medium {
  height: 357px;
}

.hero--large {
  height: 488px;
}

.hero--x-large {
  height: 582px;
}

@media only screen and (min-width: 750px) {
  .hero--x-small {
    height: 125px;
  }

  .hero--small {
    height: 300px;
  }

  .hero--medium {
    height: 475px;
  }

  .hero--large {
    height: 650px;
  }

  .hero--x-large {
    height: 775px;
  }
}
.hero__overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
  z-index: 1;
}

.hero__inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 55px 0;
  z-index: 2;
}

.hero__btn {
  margin-top: 27.5px;
}

/*================ Quote slider ================*/
.quote-icon {
  display: block;
  margin: 0 auto 20px;
}

.quotes-slider__text {
  font-size: 1.11667em;
  font-weight: 400;
  font-style: normal;
  padding: 0 15px;
}

.quotes-slider__text cite {
  font-size: 0.78947em;
  font-style: normal;
}

.quotes-slider__text p {
  margin-bottom: 30px;
}

.quotes-slider__text p + cite {
  margin-top: 0;
}

.slick-dotted.quotes-slider.slick-initialized {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.quotes-wrapper .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 55px;
}

.quotes-wrapper .slick-dots li button::before {
  color: black;
  opacity: 0.2;
}

.quotes-wrapper .slick-slide[tabindex="0"] {
  outline: none;
}

.logo-bar {
  list-style: none;
  text-align: center;
  margin-bottom: -35px;
}

@media only screen and (min-width: 750px) {
  .logo-bar--large {
    margin-bottom: -55px;
  }
}
.logo-bar__item {
  display: inline-block;
  vertical-align: middle;
  max-width: 160px;
  margin: 0 27.5px 35px;
}

@media only screen and (min-width: 750px) {
  .logo-bar__item--large {
    margin-bottom: 55px;
  }
}
.logo-bar__image {
  display: block;
  margin: 0 auto;
}

.logo-bar__link {
  display: block;
}

.map-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media only screen and (min-width: 750px) {
  .map-section {
    min-height: 500px;
  }
}
.map-section--load-error {
  height: auto;
}

.map-section__wrapper {
  height: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.map-section__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}

.map-section__error {
  position: relative;
  z-index: 3;
}

@media only screen and (min-width: 750px) {
  .map-section__error {
    position: absolute;
    margin: 0 2rem;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.map-section__content-wrapper {
  position: relative;
  text-align: center;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  flex-grow: 0;
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .map-section__content-wrapper {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 990px) {
  .map-section__content-wrapper {
    -ms-flex-preferred-size: 33%;
    -webkit-flex-basis: 33%;
    -moz-flex-basis: 33%;
    flex-basis: 33%;
  }
}
.map-section__content {
  position: relative;
  display: inline-block;
  background-color: rgba(61, 66, 70, 0.05);
  padding: 35px;
  width: 100%;
  text-align: center;
  z-index: 3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
}

.map-section__content > * {
  width: 100%;
}

@media only screen and (min-width: 750px) {
  .map-section__content {
    background-color: white;
    margin: 55px 0;
    min-height: 300px;
  }

  .ie9 .map-section__content {
    top: 10%;
  }
}
.map-section--load-error .map-section__content {
  position: static;
  transform: translateY(0);
}

.map-section__link {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 100%;
  height: 100%;
  z-index: 2;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.map-section__container {
  max-width: none;
  width: 100%;
  height: 55vh;
  left: 0;
}

@media only screen and (min-width: 750px) {
  .map-section__container {
    position: absolute;
    height: 100%;
    top: 0;
    width: 130%;
  }
}
.map_section__directions-btn [class^=icon] {
  height: 1em;
}

.map_section__directions-btn * {
  vertical-align: middle;
}

.map-section__background-wrapper {
  overflow: hidden;
  position: relative;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
}

@media only screen and (min-width: 750px) {
  .map-section__background-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.ie9 .map-section__background-wrapper {
  width: 100%;
  height: 500px;
}

.map-section--onboarding .map-section__background-wrapper {
  min-height: 55vh;
}

.map-section__image {
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-position: center;
}

@media only screen and (min-width: 750px) {
  .map-section__image {
    position: absolute;
  }
}
.map-section--display-map .map-section__image {
  display: none !important;
}

.map-section--load-error .map-section__image {
  display: block !important;
}

.gm-style-cc,
.gm-style-cc + div {
  visibility: hidden;
}

.image-bar {
  overflow: hidden;
}

@media only screen and (max-width: 749px) {
  .image-bar {
    max-width: 400px;
    margin: 0 auto;
  }
}
.image-bar__item {
  display: block;
  color: white;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.image-bar__link:hover .image-bar__overlay::before, .image-bar__link:focus .image-bar__overlay::before {
  opacity: 0.8;
}

.image-bar__link:focus {
  position: relative;
  z-index: 2;
}

.image-bar__link:focus .image-bar__content {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.image-bar__content, .image-bar__item {
  position: relative;
  width: 100%;
}

.image-bar--x-small .image-bar__content, .image-bar--x-small .image-bar__item {
  height: 94px;
}

.image-bar--small .image-bar__content, .image-bar--small .image-bar__item {
  height: 225px;
}

.image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item {
  height: 357px;
}

.image-bar--large .image-bar__content, .image-bar--large .image-bar__item {
  height: 488px;
}

.image-bar--x-large .image-bar__content, .image-bar--x-large .image-bar__item {
  height: 582px;
}

@media only screen and (min-width: 750px) {
  .image-bar--x-small .image-bar__content, .image-bar--x-small .image-bar__item {
    height: 125px;
  }

  .image-bar--small .image-bar__content, .image-bar--small .image-bar__item {
    height: 300px;
  }

  .image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item {
    height: 475px;
  }

  .image-bar--large .image-bar__content, .image-bar--large .image-bar__item {
    height: 650px;
  }

  .image-bar--x-large .image-bar__content, .image-bar--x-large .image-bar__item {
    height: 775px;
  }
}
.image-bar__overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
}

.image-bar__caption {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  width: 100%;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.collection-grid {
  margin-bottom: -22px;
  overflow: auto;
}

.collection-grid-item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  margin-bottom: 22px;
}

@media only screen and (min-width: 750px) {
  .collection-grid-item {
    margin-bottom: 30px;
  }
}
.collection-grid-item__title {
  color: white;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  padding: 0 5px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  hyphens: auto;
}

@media only screen and (min-width: 750px) {
  .collection-grid-item__title {
    padding: 0 15px;
  }
}
.collection-grid-item__link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.collection-grid-item__link:hover .collection-grid-item__title-wrapper::before, .collection-grid-item__link:focus .collection-grid-item__title-wrapper::before {
  opacity: 0.8;
}

.collection-grid-item__link:focus {
  opacity: 1;
}

.collection-grid-item__overlay {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.collection-grid-item__title-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
}

.custom-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin-bottom: -30px;
  margin-left: -30px;
}

@media only screen and (max-width: 749px) {
  .custom-content {
    margin-bottom: -22px;
    margin-left: -22px;
  }
}
.custom__item {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 30px;
  padding-left: 30px;
  max-width: 100%;
}

@media only screen and (max-width: 749px) {
  .custom__item {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 22px;
    margin-bottom: 22px;
  }

  .custom__item.small--one-half {
    -webkit-flex: 1 0 50%;
    -moz-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.custom__item .collection-grid-item {
  margin-bottom: 0;
}

.custom__item--image {
  margin: 0 auto;
  padding-left: 0;
}

.custom__item-inner {
  position: relative;
  display: block;
  text-align: left;
  max-width: 100%;
}

.custom__item-inner--video,
.custom__item-inner--collection,
.custom__item-inner--html {
  display: block;
}

.custom__item-inner--image {
  position: relative;
  margin: 0 auto;
}

.custom__image {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
}

/*================ Flex item alignment ================*/
.align--top-middle {
  text-align: center;
}

.align--top-right {
  text-align: right;
}

.align--middle-left {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}

.align--center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  text-align: center;
}

.align--middle-right {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  text-align: right;
}

.align--bottom-left {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.align--bottom-middle {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  text-align: center;
}

.align--bottom-right {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  text-align: right;
}

.newsletter-section {
  padding-top: 55px;
}

.index-section--newsletter-background {
  background-color: rgba(61, 66, 70, 0.05);
}

.rich-text__heading--large {
  font-size: 1.4em;
}

.rich-text__heading--small {
  font-size: 0.88em;
}

.rich-text__text--large {
  font-size: 1.13333em;
}

.rich-text__text--small {
  font-size: 0.86667em;
}

.product-card {
  position: relative;
}

.product-card:hover .product-card__image-wrapper, .product-card:focus-within .product-card__image-wrapper {
  opacity: 0.8;
}

.product-card:hover .product-card__title, .product-card:focus-within .product-card__title {
  border-bottom-color: black;
}

.product-card__title {
  border-bottom: 1px solid transparent;
  display: inline;
}

/*================ Currency selector ================*/
@media only screen and (max-width: 749px) {
  .currency-selector {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    background-color: rgba(61, 66, 70, 0.1);
    padding: 12px 17px 12px 30px;
  }
}
.currency-selector__label {
  font-size: 0.8em;
  margin-bottom: 0;
  text-transform: uppercase;
}

.currency-selector__input-wrapper {
  margin-top: 4px;
}

@media only screen and (max-width: 749px) {
  .currency-selector__input-wrapper {
    margin-top: 0;
    width: 100%;
  }
}
.currency-selector__input-wrapper .icon {
  left: auto;
  height: 10px;
  margin: 0;
  width: 12px;
}

@media only screen and (min-width: 750px) {
  .currency-selector__input-wrapper .icon {
    height: calc(8em / 16);
    right: 50px;
    width: calc(8em / 16);
  }
}
.currency-selector__dropdown {
  border: none;
  color: black;
  padding-left: 8px;
  padding-right: 17px;
}

@media only screen and (max-width: 749px) {
  .currency-selector__dropdown {
    font-size: 0.8em;
    font-weight: 700;
    width: 100%;
  }
}
.linkToSizeGuide a {
  color: black;
}

.bike-builder--section_add-invisi {
  margin-top: 1em;
  text-align: center;
  padding: 0.2em;
}

#table_specList {
  border: 0px solid white;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.specBox {
  border: 0px solid white;
  border-bottom: 0px solid white;
  padding: 0.8em;
  text-align: center;
}

.specBox-title {
  font-weight: 600;
  font-size: 1.1rem;
}

.specBox-component {
  font-weight: 100;
  font-size: 1rem;
  color: grey;
}

@media screen and (max-width: 750px) {
  #table_specList {
    border: 0;
    margin: 0;
  }

  #table_specList tr {
    display: block;
  }

  #table_specList td {
    display: block;
    font-size: 0.8em;
    text-align: center;
  }

  #productDescriptionTitle {
    text-align: center;
  }

  .specBox-component {
    text-align: center;
  }
}
#brandCollections {
  margin-bottom: 0;
}

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

.product-page_delivery-info {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #000;
  color: white;
}

.product-page_delivery-info p {
  color: white;
  font-weight: 100;
}

.product-page_delivery-info a {
  color: white;
  font-weight: 100;
  text-decoration: underline;
}

.product-page_delivery-info a:hover {
  color: white;
}

.product-page_delivery-info a:visited {
  color: white;
}

.product-page_delivery-info h2, .product-page_delivery-info .h2 {
  font-weight: 600;
}

#product-page_toggle-delivery {
  border: 1px solid white;
}

#product-page_delivery-info-body {
  display: none;
}

#variant-inventory {
  padding-left: 0.4em;
  padding-bottom: 1em;
  width: 100%;
}

/*FINANCE OPTIONS BTN ON PRODUCT PAGES*/
#btnLinkToFinance {
  width: 100%;
  border: 1px solid #000;
  border-radius: 2px;
  background-color: white;
  color: black;
  margin-top: 1em;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#btnLinkToFinance:hover {
  background-color: black;
  color: white;
}

/*FINANCE CALCULATOR ON PRODUCT PAGES*/
.product-page_finance-calulator {
  width: 100%;
  margin-top: 2em;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #23cb23;
  color: white;
}

.product-page_finance-calulator h1, .product-page_finance-calulator .h1 {
  width: 100%;
  text-align: center;
}

/*GEO TABLES ON BIKE BUILDER PAGES*/
#geo-container {
  display: grid;
  grid-template-columns: 4fr 6fr;
}

#geo_frame_diagram {
  position: relative;
}

#geo_frame_diagram img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#geo-table-container table {
  font-size: 0.8em;
}

#geo-table-container td {
  padding: 0.2em;
}

#geo-table-container .geo_row_header {
  font-weight: 600;
}

#geo-table-container td:not(.geo_row_header) {
  text-align: center;
}

#geo-table-container th:not(.geo_row_header) {
  text-align: center;
}

.geometry_table tr:hover {
  background-color: #e9e9e9;
}

#btn-geoTableSwitch:hover {
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: white;
  background-color: black;
}

#btn-geoTableSwitch:active {
  color: white;
  background-color: #475b6a;
}

.geoDiagram-overlay {
  opacity: 0;
  z-index: 2;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 750px) {
  #geo-container {
    display: block;
    position: relative;
  }

  #geo_frame_diagram {
    width: 100%;
    display: block;
    position: relative;
  }

  #geo_frame_diagram img {
    max-width: 100%;
    top: 0;
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  #geo_frame_diagram #geoFrame {
    position: relative;
    top: 0;
    left: 0;
  }

  .geo-table-container {
    display: block;
    position: relative;
  }

  .geometry_table tr:hover {
    background-color: #e9e9e9;
  }

  .geometry_table {
    font-size: 2.5vw;
  }

  .geometry_table thead tr .geo_row_header {
    padding-left: 1px !important;
  }

  .geometry_table tbody tr .geo_row_header {
    padding-left: 1px !important;
  }

  .geometry_table tbody tr:nth-child(even) {
    background-color: #e9e9e9;
  }
}
/*BIKE OUTLET IN NAV MAIN MENU*/
nav a[href="/collections/bike-outlet"] {
  font-weight: 600;
}

nav a[href="/pages/santa-cruz-bicycles"] {
  font-weight: 600;
}

nav a[href="/pages/kona"] {
  font-weight: 600;
}

nav a[href="/pages/juliana-bicycles"] {
  font-weight: 600;
}

nav a[href="/collections/zerode"] {
  font-weight: 600;
}

nav a[href="/collections/stif-bicycles"] {
  font-weight: 600;
}

nav a[href="/collections/rocky-mountain"] {
  font-weight: 600;
}

.site-nav__link--button[aria-controls=SiteNavLabel-clearance] {
  color: #d21625;
}

.site-nav__link--button[aria-controls=SiteNavLabel-clearance]:hover {
  color: #d21625;
}

nav a[href="/collections/frames"] {
  font-weight: 600;
}

nav #SiteNavLabel-bikes-frames a[href="/collections/bike-outlet"]:not(.mobile-nav__sublist-link) {
  font-weight: 600;
}

nav #SiteNavLabel-bikes-frames a[href="/collections/bike-outlet"]:not(.mobile-nav__sublist-link) .site-nav__label {
  font-size: 2vw;
  text-transform: uppercase;
}

nav #SiteNavLabel-bikes-frames a[href="/collections/bike-outlet"]:not(.mobile-nav__sublist-link) .site-nav__label:hover {
  color: #d21625;
}

/* INDEX SLIDESHOW */
.index-slide-margin-top {
  margin-top: 85vh;
}

.index-slide-Overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.4);
}

#index-slideShow {
  position: absolute;
  top: 0;
  left: 0;
  height: 85vh;
  width: 100%;
  overflow: hidden;
}

#index-slideShow .index-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#index-slideShow .slide-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.indexHeader {
  border-top: 1px solid black;
  text-align: center;
  padding-top: 1em;
}

#homepageBrandsList ul li {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#homepageBrandsList ul li:hover {
  opacity: 1;
}

.index-Slide_heading {
  z-index: 95;
  position: absolute;
  bottom: 30%;
  right: 10%;
  color: white;
  text-align: center;
  width: 80%;
}

.index-Slide_heading h1, .index-Slide_heading .h1 {
  font-size: 6vmin;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  font-family: "Roboto Slab", serif, cursive;
}

.index-Slide_heading h2, .index-Slide_heading .h2 {
  font-size: 2vmin;
  padding-left: 10%;
  padding-right: 10%;
  color: white;
  font-family: "Roboto Slab", serif, cursive;
}

@media only screen and (max-width: 749px) {
  .index-Slide_heading h2, .index-Slide_heading .h2 {
    font-size: 1em;
  }
}
.index-Slide_heading button {
  background-color: white;
  color: black;
  border: 1px solid white;
}

.index-Slide_heading button:hover {
  backgroud-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 989px) {
  .index-Slide_heading {
    text-align: center;
    bottom: 15%;
  }
}
/*MEGANAV GRID*/
.megaNav {
  padding-bottom: 1em;
  margin-top: -2em;
}

@media only screen and (max-width: 989px) {
  .megaNav {
    display: block;
    margin-top: 1em;
  }

  .megaNav .megaNavImgContainer {
    width: 100%;
    height: 100vmin;
    min-height: 300px;
  }
}
.megaNav .middleRow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 30vw;
  margin-top: -1px;
}

@media only screen and (max-width: 989px) {
  .megaNav .middleRow {
    display: block;
    margin-top: 0;
    height: auto;
    min-height: 350px;
  }
}
.megaNav .bottomRow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: auto;
}

@media only screen and (max-width: 989px) {
  .megaNav .bottomRow {
    display: block;
    height: auto;
    margin-top: 2em;
  }

  .megaNav .bottomRow h3, .megaNav .bottomRow .h3 {
    text-align: left;
    width: 100%;
    font-size: 2vw;
    padding-left: 1em;
    padding-right: 1em;
  }

  .megaNav .bottomRow p {
    text-align: left;
    width: 100%;
    font-size: 2em;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.megaNav .bottomRow-card {
  border: 3px solid white;
}

@media only screen and (max-width: 989px) {
  .megaNav .bottomRow-card {
    border: 0;
    margin-top: 1em;
  }
}
.megaNav .bottomRow-card h3, .megaNav .bottomRow-card .h3 {
  font-size: 1.1em;
  margin-top: 0.8em;
}

.megaNav .bottomRow-card p {
  font-size: 0.85em;
}

.megaNav .bottomRow-card:first-child {
  border-left: 0;
}

.megaNav .bottomRow-card:last-child {
  border-right: 0;
}

.megaNav .bottomRow-card-img {
  min-height: 50vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.megaNavImgContainer {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border: 3px solid white;
  min-height: 300px;
}

.megaNavImgContainer:hover .megaNavTxt {
  opacity: 1;
}

@media only screen and (max-width: 989px) {
  .megaNavImgContainer {
    border: 0;
  }
}
.megaNavImgOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.5);
}

.megaNavImgOverlay:hover {
  background-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 989px) {
  .megaNavImgOverlay {
    background-color: rgba(0, 0, 0, 0);
  }
}
.megaNav_1, .megaNav_5, .megaNav_8 {
  border-left: 0px solid white;
}

.megaNav_2, .megaNav_4, .megaNav_7, .megaNav_9 {
  border-right: 0px solid white;
}

.megaNav .megaNavTxt {
  padding-left: 1em;
  padding-right: 1em;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 80%;
  text-align: center;
  margin-left: 10%;
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  /*text-shadow: 3px 3px 9px rgba(0,0,0,0.8);*/
  background-color: transparent;
  padding-top: 1em;
  padding-bottom: 1em;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 99;
  pointer-events: none;
}

.megaNav .megaNavTxt h3, .megaNav .megaNavTxt .h3 {
  text-align: center;
  font-size: 2vw;
  color: white;
  margin-bottom: 1em;
  font-weight: 400;
}

@media only screen and (max-width: 989px) {
  .megaNav .megaNavTxt h3, .megaNav .megaNavTxt .h3 {
    text-align: left;
  }
}
.megaNav .megaNavTxt p {
  color: white;
  text-align: center;
}

@media only screen and (max-width: 989px) {
  .megaNav .megaNavTxt p {
    text-align: left;
  }
}
@media only screen and (max-width: 989px) {
  .megaNav .megaNavTxt {
    opacity: 1;
    position: absolute;
    display: block;
    background-color: white;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
    top: auto;
    bottom: -2em;
    z-index: 5;
    -o-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    width: 100%;
    margin-left: 0;
  }

  .megaNav .megaNavTxt h3, .megaNav .megaNavTxt .h3 {
    color: black;
    font-size: 1.2em;
    padding-top: 0.8em;
  }

  .megaNav .megaNavTxt p {
    color: black;
    padding-bottom: 2em;
  }
}
.index--V12_banner {
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  border-left: 0px solid white;
  border-right: 0px solid white;
  text-align: center;
  background-color: #111;
  color: white;
  padding: 1em;
  margin-top: 1em;
  position: relative;
}

.index--V12_banner h1, .index--V12_banner .h1 {
  font-weight: 700;
  color: white;
}

.index--V12_banner h2, .index--V12_banner .h2 {
  font-weight: 500;
  color: white;
}

.index--V12_banner #index_finance-v12-logo {
  position: relative;
  max-width: 10%;
}

@media only screen and (max-width: 749px) {
  .index--V12_banner #index_finance-v12-logo {
    max-width: 25%;
  }
}
/* DROPDOWN NAV */
.site-nav--has-dropdown:hover .site-nav__dropdown,
.site-nav--has-dropdown:focus .site-nav__dropdown {
  z-index: 9999;
  display: block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

/* SIZE GUIDE BTN ON PRODUCT PAGES */
#btn_sizeGuide {
  margin-top: 1em;
  cursor: pointer;
  text-align: center;
  color: black;
  background-color: white;
  width: 100%;
  border: 1px black solid;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

#sizeGuideModalBG {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

#custom-size-guide {
  position: fixed;
  width: 80%;
  margin-left: 10%;
  margin-top: 5vh;
  height: 80vh;
  padding: 2.5%;
  background-color: white;
  display: none;
  overflow: auto;
}

#custom-size-guide h1, #custom-size-guide .h1 {
  margin-top: 1.5rem;
}

#custom-size-guide table {
  max-width: 100%;
}

#custom-size-guide table th {
  background-color: #e9e9e9;
}

@media only screen and (max-width: 989px) {
  #custom-size-guide {
    width: 100%;
    margin-left: 0;
  }
}
#closeModal {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: 2em;
  left: calc(100% - 3.5em);
  cursor: pointer;
}

@media only screen and (max-width: 989px) {
  #closeModal {
    display: none;
  }
}
#relatedProductsSection {
  margin-top: 2em;
  padding-bottom: 2em;
  border-top: 1px solid #e9e9e9;
}

.addMarginTop {
  margin-top: 2em;
}

.BB_rideItWith {
  width: 100%;
  padding: 1em;
  padding-top: 2em;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  display: none;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #f8f8f8;
}

#BB_btn_viewRelatedProducts {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 2px;
  color: black;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#BB_btn_viewRelatedProducts:hover {
  background-color: black;
  color: white;
}

#hideRelatedProducts {
  background-color: white;
  color: black;
  border: 1px solid black;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#hideRelatedProducts:hover {
  color: white;
  background-color: black;
}

.rideItWith-ClickForDetails-txt {
  position: relative;
  color: darkgrey;
  opacity: 0;
  margin-bottom: 1em;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.BB_rideItWith ul li .product-card:hover .rideItWith-ClickForDetails-txt {
  opacity: 1;
}

.hide-ride-it-with-div {
  width: 100%;
  margin-top: 1em;
}

.forceGPU {
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#tnc_page {
  padding-top: 1em;
}

#tnc_page div {
  border-bottom: 1px solid black;
  padding-bottom: 2em;
}

#tnc_page div h2, #tnc_page div .h2 {
  font-weight: 600;
  font-size: 1.8em;
}

#tnc_page div:last-child {
  border-bottom: 0px solid transparent;
}

#termsAndConditionsNav {
  width: 100%;
  text-align: center;
}

#termsAndConditionsNav a {
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: black;
  text-decoration: none;
}

#termsAndConditionsNav a:hover {
  color: black;
  cursor: pointer;
  text-decoration: none;
}

#termsAndConditionsNav a:active {
  color: black;
  text-decoration: none;
}

/*DEMO BIKES PAGE*/
.demoBikes_phoneBanner {
  text-align: center;
  width: 100%;
  padding: 1em;
  background-color: black;
  color: white;
  border-radius: 0px;
}

.demoBikes_phoneBanner a h1:hover, .demoBikes_phoneBanner a .h1:hover {
  font-weight: 600;
  color: white;
}

.demoBikes_phoneBanner:nth-child(2) {
  margin-bottom: 1em;
}

.demoPage_sectionTitle {
  font-weight: 600;
  margin-top: 2em;
  text-align: center;
  font-size: 1.75em;
}

.demo_bike_tile h3 {
  font-size: 1em;
  margin-bottom: 2px;
}
.demo_bike_tile h4 {
  font-size: 1.5em;
  margin-bottom: 2px;
}
.demo_bike_tile p {
  margin-top: 0px;
  margin-left: 1em;
  color: darkgrey;
}

.demoPage-brandTitle {
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-top: 2em;
}

.index_linkToFinanceBtn {
  background-color: white;
  color: black;
  font-weight: 600;
}

#product-financeCalc h1, #product-financeCalc .h1, #product-financeCalc h3, #product-financeCalc .h3 {
  color: black;
}

#finance-console {
  margin-top: 1em;
  padding-top: 1em;
  margin-bottom: 2em;
  background-size: cover;
  background-position: center center;
  width: 100%;
  background-color: #111;
  padding-bottom: 1em;
  text-align: center;
}

#finance-console .output-error {
  color: red;
}

#finance-console #financeGridHalf {
  padding-left: 0;
}

#finance-console .finance-value-input {
  margin-top: 1em;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 1em;
  padding: 10px 5% 10px 5%;
  background-color: white;
  border-radius: 0px;
}

#finance-console .finance-value-input label {
  border-bottom: 1px solid lightgrey;
  font-size: 1em;
}

#finance-console .finance-value-input .pound-sign {
  position: relative;
  margin-top: -3em;
}

#finance-console .finance-value-input input {
  border: 1px solid lightgrey;
  text-align: center;
  font-size: 2em;
  width: 6em;
}

#finance-console .finance-value-input #financeType, #finance-console .finance-value-input #deposit {
  margin-top: 1em;
  border: 1px solid lightgrey;
}

#finance-console #repaymentValue {
  margin-top: 0;
}

#finance-console #youCanSpend {
  margin-top: 2em;
  width: 80%;
  margin-left: 10%;
  background-color: white;
  padding: 1em;
}

#finance-console #youCanSpend a {
  position: relative;
}

#finance-console #youCanSpend a:nth-of-type(2) {
  top: 0.75em;
}

#finance-console #youCanSpend button {
  border: 1px solid black;
  width: 80%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

#finance-console #youCanSpend button:hover {
  color: black;
  background-color: white;
}

#finance-console #youCanSpend button:nth-of-type(2) {
  margin-top: 0.75em;
}

#finance-console table, #finance-console th, #finance-console td {
  border: 1px solid black;
}

#finance-console #financeBreakdownTable {
  padding: 10px 5%;
  background-color: white;
  border-radius: 0px;
  margin-top: 1em;
}

#finance-console #financeBreakdownTable table {
  margin-top: 0;
  margin-bottom: 0;
}

#finance-console h1, #finance-console .h1 {
  font-weight: 400;
}

#finance-console #finance {
  background-color: white;
  padding: 1em;
  border-radius: 15px;
  color: black;
}

#finance-console #finance .finance-footer {
  margin-top: 1.5em;
  color: black;
}

#finance-console #finance .finance-input-values {
  margin-bottom: 2em;
}

#finance-console #finance .finance-input-values label {
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 0;
}

#finance_grid {
  margin-left: 0;
}

#finance-product-main-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: black;
}

.finance-product-info-container {
  min-width: 60%;
  background-color: black;
  color: white;
  padding: 1em;
  place-self: center;
}

.finance-product-info-container #repayment-amount {
  color: white;
}

.finance-product-info-container p {
  color: white;
  font-size: 2em;
}

#cart-show-finance-breakdown {
  text-decoration: underline;
  color: white;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

#cart-show-finance-breakdown:hover {
  color: #e9e9e9;
}

#product-financeCalc {
  display: none;
}

#product-financeCalc .finance-footer {
  display: block;
  color: darkgrey;
  margin-top: 1em;
}

#finance-btn-add-to-cart {
  margin-top: 2.5em;
  border: 1px solid black;
  color: white;
  background-color: black;
}

#finance-btn-add-to-cart:hover {
  background-color: #222;
}

#v12LogoCheckout {
  max-width: 200px;
}

#finance-hide-section-btn {
  margin-top: 1.5em;
  border: 1px solid black;
  color: white;
  background-color: black;
}

#financeBreakdownTable--Product {
  background-color: white;
  padding: 1em 10%;
  border-radius: 0px;
}

#product-financeCalc #finance-console .page-width {
  background-color: white;
}

#finance .selected {
  background-color: #28a745;
}

.finance-tab-bar button:not(.selected) {
  opacity: 0.7;
}

#finance_v12-logo-container {
  height: 3em;
  text-align: center;
}

#finance_v12-logo-container img {
  max-height: 100%;
}

.financeCalcProduct-hiddenInput {
  opacity: 0;
  width: 0px;
  height: 0px;
}

h3 .financePage-introText, .h3 .financePage-introText {
  margin-top: 2em;
  color: black;
}

#financePage-eligibiltyCriteria {
  padding: 1em;
  color: white;
  background-color: #111;
}

#financePage-eligibiltyCriteria p {
  color: white;
}

#financePage-eligibiltyCriteria h1, #financePage-eligibiltyCriteria .h1 {
  color: white;
}

#financePage-termsAndConditions {
  margin-top: 1em;
}

#financePage-termsAndConditions h1, #financePage-termsAndConditions .h1, #financePage-termsAndConditions h2, #financePage-termsAndConditions .h2 {
  color: black;
}

#financePage-termsAndConditions h2, #financePage-termsAndConditions .h2 {
  margin-top: 1em;
}

#financePage-termsAndConditions p {
  color: black;
}

#finance_examples-container {
  position: relative;
  margin-top: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 100%;
  background-color: #111;
}

#finance_examples {
  text-align: left;
  background-color: white;
  padding-top: 1em;
  padding-bottom: 1em;
}

#finance_examples table, #finance_examples th, #finance_examples td {
  border: 1px solid black;
}

#finance_examples h3, #finance_examples .h3 {
  background-color: #111;
  position: relative;
  color: white;
  padding: 0.5em;
  width: calc(50% + 200px);
  left: -200px;
  padding-left: 200px;
}

#finance_examples h1, #finance_examples .h1 {
  color: black;
}

.index-width {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.bikeCollectionSection {
  width: 100%;
  margin-bottom: 2em;
}

.bikeCollectionSection ul {
  margin-bottom: 1em;
}

.bikeCollectionSection h2, .bikeCollectionSection .h2 {
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 1em;
}

.bikeCollectionSection .bikeCollectionSection-intro {
  margin-top: 0px;
  border-bottom: 3px solid #ccc;
}

#bb_filters {
  display: none;
  background-color: #eee;
  padding-bottom: 1em;
}

#bb_filters h2, #bb_filters .h2 {
  text-align: center;
  padding-top: 1em;
  color: #666;
}

#bb_filters-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: left;
  color: #666;
}

#bb_filters-grid ul {
  padding-left: 1em;
}

#bb_filters-grid ul:nth-child(2) {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

@media only screen and (max-width: 989px) {
  #bb_filters-grid {
    display: block;
  }

  #bb_filters-grid ul:nth-child(2) {
    border: 0;
  }
}
#btn_bb_toggleFilter {
  background-color: #eee;
  text-align: center;
  cursor: pointer;
  color: #666;
  font-weight: 600;
  margin-top: 1em;
  margin-bottom: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

#btn_bb_toggleFilter h2, #btn_bb_toggleFilter .h2 {
  padding: 1em;
}

.bb_filters_showAll {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;
  background-color: #eee;
  color: #666;
  padding: 1em;
  border-radius: 7px;
  margin-bottom: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 0;
}

.bb_filters_showAll a {
  color: #666;
  width: 100%;
  height: 100%;
}

.bb_filters_showAll:hover {
  background-color: #666;
  color: white;
}

.bb_filters_showAll:hover a {
  color: white;
}

.product-card-grid-sale-banner {
  margin-left: -10px;
  padding-left: 10px;
  background-color: black;
  width: calc(100% + 10px);
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  color: white;
  font-weight: 600;
}

/* ###################################################################################
######################################################################################
################### http://imagehover.io/ ############################################
######################################################################################
####################################################################################*/
[class^=imghvr-], [class*=" imghvr-"] {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  background-color: white;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transform: translateZ(0);
}

[class^=imghvr-] > img, [class*=" imghvr-"] > img {
  vertical-align: top;
  max-width: 100%;
}

[class^=imghvr-] figcaption, [class*=" imghvr-"] figcaption {
  background-color: white;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: black;
}

[class^=imghvr-] figcaption h1, [class^=imghvr-] figcaption .h1, [class^=imghvr-] figcaption h2, [class^=imghvr-] figcaption .h2, [class^=imghvr-] figcaption h3, [class^=imghvr-] figcaption .h3, [class^=imghvr-] figcaption h4, [class^=imghvr-] figcaption .h4, [class^=imghvr-] figcaption h5, [class^=imghvr-] figcaption .h5, [class^=imghvr-] figcaption h6, [class^=imghvr-] figcaption .h6, [class*=" imghvr-"] figcaption h1, [class*=" imghvr-"] figcaption .h1, [class*=" imghvr-"] figcaption h2, [class*=" imghvr-"] figcaption .h2, [class*=" imghvr-"] figcaption h3, [class*=" imghvr-"] figcaption .h3, [class*=" imghvr-"] figcaption h4, [class*=" imghvr-"] figcaption .h4, [class*=" imghvr-"] figcaption h5, [class*=" imghvr-"] figcaption .h5, [class*=" imghvr-"] figcaption h6, [class*=" imghvr-"] figcaption .h6 {
  color: black;
}

[class^=imghvr-] a, [class*=" imghvr-"] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

[class^=imghvr-], [class*=" imghvr-"], [class^=imghvr-]:before,
[class^=imghvr-]:after, [class*=" imghvr-"]:before, [class*=" imghvr-"]:after,
[class^=imghvr-] *, [class*=" imghvr-"] *, [class^=imghvr-] *:before,
[class^=imghvr-] *:after, [class*=" imghvr-"] *:before, [class*=" imghvr-"] *:after {
  box-sizing: border-box;
  transition: all 0.35s ease;
}

#index_staff_picks {
  text-align: center;
}

#index_staff_picks .price__regular {
  width: 100%;
  text-align: center;
}

#index_staff_picks .price__sale {
  width: 100%;
  text-align: center;
}

#index_staff_picks .product-card__image-wrapper {
  background-color: #e9e9e9;
}

/* imghvr-flip-*
   ----------------------------- */
[class^=imghvr-flip-], [class*=" imghvr-flip-"] {
  perspective: 50em;
}

[class^=imghvr-flip-] img, [class*=" imghvr-flip-"] img {
  backface-visibility: hidden;
}

[class^=imghvr-flip-] figcaption, [class*=" imghvr-flip-"] figcaption {
  opacity: 0;
}

[class^=imghvr-flip-]:hover > img, [class*=" imghvr-flip-"]:hover > img {
  opacity: 0;
}

[class^=imghvr-flip-]:hover figcaption, [class*=" imghvr-flip-"]:hover figcaption {
  opacity: 1;
  transition-delay: 0.14s;
}

/* imghvr-flip-horiz
   ----------------------------- */
.imghvr-flip-horiz figcaption {
  transform: rotateX(90deg);
  transform-origin: 0% 50%;
}

.imghvr-flip-horiz:hover img {
  transform: rotateX(-180deg);
}

.imghvr-flip-horiz:hover figcaption {
  transform: rotateX(0deg);
}

.imghvr-zoom-out-flip-horiz {
  perspective: 50em;
}

.imghvr-zoom-out-flip-horiz figcaption {
  opacity: 0;
  transform: rotateX(90deg) translateY(-100%) scale(0.5);
}

.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  opacity: 0;
  transition-delay: 0;
}

.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
  transform: rotateX(0) translateY(0%) scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}

.imghvr-zoom-out-flip-horiz {
  -webkit-perspective: 50em;
  perspective: 50em;
}

.imghvr-zoom-out-flip-horiz figcaption {
  opacity: 0;
  -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  transform: rotateX(90deg) translateY(-100%) scale(0.5);
}

.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
  -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  opacity: 0;
  transition-delay: 0;
}

.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
  -webkit-transform: rotateX(0) translateY(0%) scale(1);
  transform: rotateX(0) translateY(0%) scale(1);
  opacity: 1;
  transition-delay: 0.35s;
}

/* ################################################################################################ */
#indexPageContainer {
  position: absolute;
  width: 100%;
  top: 0;
}

.product-template__container {
  margin-top: 2em;
}

#SCSpares-intro {
  margin-top: 2em;
  margin-bottom: 2em;
  padding-bottom: 2em;
  padding-top: 2em;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
  border-bottom: 1px solid grey;
  border-top: 1px solid grey;
}

.page-title {
  margin-top: 2em;
}

.scs_model {
  margin-bottom: 0;
}

.scs_year {
  margin-top: 0;
  padding-bottom: 2em;
}

#shopify-section-article-template .section-header {
  margin-bottom: 2em;
}

#product-SKU-container {
  width: 100%;
  margin-top: -1em;
  padding-left: 1em;
  font-size: 0.5em;
}

/* v12 return page */
#v12-return-page__container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3em;
}

.v12-return-page__inner {
  text-align: center;
  border-radius: 0px;
  padding-top: 3em;
  padding-bottom: 3em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.v12-return-page__inner h1, .v12-return-page__inner .h1 {
  color: black;
}

.v12-return-page__inner h3, .v12-return-page__inner .h3 {
  color: black;
}

.v12-return-page__info {
  max-width: 750px;
  margin: auto;
}

.footerLegalTxt {
  font-size: 0.8em;
  color: white;
}

.footer_legal_container {
  margin-top: 1em;
  background-color: black;
  padding-top: 1em;
  padding-bottom: 2em;
  padding-left: 5vw;
  padding-right: 5vw;
  margin-bottom: 0px;
}

.spf-product-card__vendor {
  text-transform: uppercase;
}

.manualFilterStyle {
  background-color: #f8f8f8;
  margin-bottom: 1em;
  padding: 1em;
}

.manualFilterStyle h2, .manualFilterStyle .h2 {
  font-size: 1.5em;
  border-bottom: 3px solid grey;
  padding-bottom: 0.35em;
}

.gf-block-title h3, .gf-block-title .h3 {
  font-family: "poppins", sans-serif;
}

#changeSortBy {
  background-color: white;
}

.riw-title {
  min-height: 2em;
}

#about_us-content p, #about_us-content h1, #about_us-content .h1 {
  padding: 0 10% 0 10%;
  text-align: center;
}

#stifMap {
  margin-top: 2em;
}

#v12-at-checkout {
  margin-top: 2em;
  width: 100%;
  background-color: #111;
  text-align: center;
}

#v12-at-checkout img {
  max-width: 200px;
}

#v12-at-checkout p {
  padding-bottom: 1em;
  color: white;
}

#loginAccountInfo {
  padding: 1em;
  text-align: center;
}

#loginAccountInfo p {
  font-size: 0.9rem;
}

#btn_viewAllSCS {
  text-align: center;
  margin-bottom: 1.5em;
}

/*Jules Splash Page*/
.dg-container {
  width: 100%;
  height: 30vw;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 989px) {
  .dg-container {
    height: 60vw;
  }
}
.dg-wrapper {
  width: 40%;
  height: auto;
  margin: 0 auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}

@media only screen and (max-width: 989px) {
  .dg-wrapper {
    width: 70%;
  }
}
.dg-wrapper img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.slider-nav {
  text-align: center;
  position: relative;
  margin-bottom: 1em;
  width: 100%;
}

.dg-wrapper img.dg-transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.dg-wrapper img {
  display: block;
  padding: 41px 0px 0px 1px;
  max-width: 100%;
}

.dg-wrapper img.dg-center div {
  display: block;
}

.dg-container .slider-nav span:hover {
  opacity: 1;
}

.dg-container .slider-nav span.dg-next {
  background-position: top right;
  margin-left: 10px;
}

#julez_header-section {
  position: relative;
  width: 100%;
  max-height: 100vh;
  overflow: hidden;
  text-align: center;
}

#para {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}

#para-2 {
  position: absolute;
  z-index: 10;
  width: 50%;
  top: 55%;
  left: 25%;
}

@media only screen and (max-width: 989px) {
  #para-2 {
    top: 75%;
  }
}
#para-txt {
  position: absolute;
  z-index: 10;
  width: 50%;
  top: 55%;
  left: 25%;
  color: white;
  font-size: 6vw;
  font-weight: 600;
}

@media only screen and (max-width: 989px) {
  #para-txt {
    top: 75%;
  }
}
#para-2-res {
  position: absolute;
  z-index: 10;
  width: 50%;
  top: 15%;
  left: 25%;
}

@media only screen and (max-width: 989px) {
  #para-2-res {
    top: 25%;
  }
}
#reserveDemoBanner-inner {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 4em;
  position: relative;
  left: 25%;
  width: 50%;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 989px) {
  #reserveDemoBanner-inner {
    left: 10%;
    width: 80%;
  }
}
#reserveDemoBanner-inner h2, #reserveDemoBanner-inner .h2 {
  font-weight: 600;
  font-size: 3em;
}

@media only screen and (max-width: 989px) {
  #reserveDemoBanner-inner h2, #reserveDemoBanner-inner .h2 {
    font-size: 1.5em;
  }
}
#reserveDemoBanner {
  background-image: url(/cdn/shop/files/reserveDemoBanner.jpg?v=1593434279);
  background-position: center center;
  background-size: cover;
  padding: 2em;
  height: 60vh;
  text-align: center;
  position: relative;
}

#bikeInfo {
  position: relative;
}

.bikeInfo-tab {
  display: none;
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
  text-align: center;
  margin-bottom: 2em;
}

.active {
  display: block;
}

#JulianaSplashIntro {
  padding-bottom: 1em;
}

#JulianaSplashIntro h1, #JulianaSplashIntro .h1 {
  font-size: 3em;
  font-weight: 600;
  text-align: center;
  margin-top: 0.5em;
}

#JulianaSplashIntro p {
  text-align: center;
  font-size: 1.2em;
}

@media only screen and (max-width: 989px) {
  #JulianaSplashIntro p {
    font-size: 0.9em;
  }
}
.divider {
  width: 50%;
  margin-left: 25%;
  border-top: 1px solid lightgrey;
}

#whyJuliana-container {
  background-color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}

#whyJuliana {
  background-color: white;
  color: black;
}

#whyJuliana h1, #whyJuliana .h1 {
  text-align: center;
  padding-top: 1.5em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

#whyJulianaBanner {
  width: 100%;
  background-size: cover;
  height: 45vh;
  background-repeat: no-repeat;
  background-position: center right;
  margin-bottom: 1em;
}

@media only screen and (max-width: 989px) {
  #whyJulianaBanner {
    height: 55vh;
  }
}
#JulianaDemoatStifBanner {
  width: 100%;
  background-size: cover;
  height: 45vh;
  background-repeat: no-repeat;
  background-position: center right;
  margin-bottom: 1em;
}

@media only screen and (max-width: 989px) {
  #JulianaDemoatStifBanner {
    height: 55vh;
    background-position: right 30% top 50%;
  }
}
#JulianaSoftGoodsatStifBanner {
  width: 100%;
  background-size: cover;
  height: 45vh;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 1em;
}

@media only screen and (max-width: 989px) {
  #JulianaSoftGoodsatStifBanner {
    height: 55vh;
  }
}
#whyJuliana-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  padding-bottom: 1em;
}

#whyJuliana-grid div {
  padding-bottom: 1em;
  padding-left: 4em;
  padding-right: 4em;
  padding-top: 1em;
}

#whyJuliana-grid div h2, #whyJuliana-grid div .h2 {
  font-weight: 600;
  font-size: 1.5em;
}

#whyJuliana-grid div:first-of-type {
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}

#whyJuliana-grid div:nth-of-type(2) {
  border-bottom: 1px solid lightgrey;
}

#whyJuliana-grid div:nth-of-type(3) {
  border-right: 1px solid lightgrey;
}

@media only screen and (max-width: 989px) {
  #whyJuliana-grid {
    display: block;
  }

  #whyJuliana-grid div:first-of-type {
    border-bottom: 1px solid lightgrey;
    border-right: 0px solid lightgrey;
  }

  #whyJuliana-grid div:nth-of-type(2) {
    border-bottom: 1px solid lightgrey;
  }

  #whyJuliana-grid div:nth-of-type(3) {
    border-bottom: 1px solid lightgrey;
    border-right: 0px solid lightgrey;
  }

  #whyJuliana-grid div:nth-of-type(4) {
    border-bottom: 1px solid lightgrey;
  }
}
#JulianaRiderAtStif {
  margin-bottom: 1em;
}

#JulianaRiderAtStif h1, #JulianaRiderAtStif .h1 {
  width: 100%;
  text-align: center;
  padding-top: 1.5em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

#JulianaRiderAtStif p {
  margin-top: 1em;
}

.julianaTeamRiders {
  margin-bottom: 1em;
}

.julianaTeamRiders h2, .julianaTeamRiders .h2 {
  font-weight: 600;
}

.julianaTeamRiders img {
  width: 100%;
}

@media only screen and (max-width: 989px) {
  .julianaTeamRiders p {
    text-align: center;
  }

  .julianaTeamRiders h2, .julianaTeamRiders .h2 {
    text-align: center;
  }

  .julianaTeamRiders a {
    width: 100%;
    text-align: center;
  }
}
#julianaSplash-demo {
  text-align: center;
  padding-bottom: 2em;
}

#julianaSplash-demo p {
  padding-left: 15%;
  padding-right: 15%;
}

@media only screen and (max-width: 989px) {
  #julianaSplash-demo p {
    padding-left: 0%;
    padding-right: 0%;
  }
}
#julianaSplash-demo h1, #julianaSplash-demo .h1 {
  width: 100%;
  margin-top: 1em;
  text-align: center;
  padding-top: 1.5em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.rider-social-link {
  color: grey;
}

#julianaSoftGoodInfo {
  text-align: center;
  padding-bottom: 2em;
}

#collections-all {
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  height: 80vh;
}

/*MY20 SANTA CRUZ*/
.my20_collection-hero {
  position: relative;
  width: 100vw;
  height: 50vh;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 0;
  display: grid;
  place-items: center;
  justify-content: center;
  text-align: center;
}

.my20_collection-hero h1, .my20_collection-hero .h1 {
  margin-bottom: 0;
  width: 100%;
  max-width: 1500px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  position: absolute;
  bottom: 0;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;

}

.my20_collection-desc {
  padding: 1em;
}

.bikeDetailPic {
  cursor: pointer;
}

.bb_collection_nav {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 1em;
}

.bb_collection_nav p, .bb_collection_nav i, .bb_collection_nav a {
  color: grey;
}

.bb_collection_nav:first-of-type {
  border-right: 1px solid lightgrey;
}

.bb_collection_nav:nth-of-type(2) {
  border-left: 1px solid lightgrey;
}

.bb_collection_nav:hover p, .bb_collection_nav:hover i, .bb_collection_nav:hover a {
  color: black;
}

#btn-geoTableSwitch {
  margin-bottom: 1em;
}

#CartSpecialInstructions {
  min-height: 5em;
  padding: 0.5em;
}

.payment-icons {
  margin-top: 1em;
}

.meetTheTeam-header {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid lightgrey;
}

.meetTheTeam-Grid .grid__item {
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.exDemoTag {
  padding: 4px;
  background-color: #111;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

#bikeBuilder-stockMessage {
  width: 100%;
  /*background-color: #d21625;*/
  position: relative;
  margin-top: -15px;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
  z-index: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: none;
  text-align: center;
  padding-top: 1.2em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.in-stock {
  background-color: white;
  font-weight: 600;
  color: #5cb85c;
  border: 1px solid #5cb85c;
  border-top: 0px solid white;
}

.out-of-stock {
  background-color: #d21625;
  color: white !important;
  border: 1px solid #d21625;
  border-top: 0px solid white;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.successText {
  color: #5cb85c;
}

.warningText {
  color: #dc3545;
}

.white-text {
  color: white;
}

.cart_oos_message {
  color: #dc3545;
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cursor_zoom {
  cursor: zoom-in;
}

.cursor_zoom {
  cursor: zoom-in;
}

#julianaAmbassadorAtCart {
  background-color: #336666;
  text-align: center;
  color: white;
  padding: 1em;
  margin-bottom: 1em;
}

#julianaAmbassadorAtCart img {
  max-width: 300px;
  margin-bottom: 1em;
}

#julianaAmbassadorAtCart p {
  color: white;
}

#JulianaOtherAmbassador {
  display: none;
}

.JulianaAtCheckoutDivider {
  width: 80%;
  margin-left: 10%;
  border: 1px solid white;
}

.bank-holiday-opening {
  width: 100%;
  text-align: center;
  color: white;
  background-image: url(/cdn/shop/files/repeater-dark-announcement-bar.jpg?v=1606386514);
  border-bottom: 1px solid white;
  z-index: 999;
}

@media only screen and (max-width: 989px) {
  .bank-holiday-opening {
    display: none;
  }
}
.bank-holiday-opening a {
  color: white;
  font-weight: 600;
}

.bank-holiday-opening a:hover {
  color: white;
}

.bank-holiday-opening a:active {
  color: white;
}

.bank-holiday-opening a:visited {
  color: white;
}

.bike-outlet-size {
  color: black;
  background-color: lightgrey;
  padding: 5px 8px;
  border-radius: 5px;
  margin-top: 2px;
  text-align: center;
}

.bike-outlet-size :not(:first-of-type) {
  margin-left: 10px;
}

.bike-outlet-ex-demo {
  color: white;
  background-color: black;
  padding: 5px 8px;
  border-radius: 5px;
  margin-top: 2px;
  text-align: center;
}

.cart-item__discount {
  color: #336666;
  font-weight: 600;
}

#burgtec_offer-promo-btns .grid__item {
  overflow: hidden;
}

#burgtec_offer-promo-btns .grid__item a {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  border-bottom: 0px;
}

#burgtec_offer-promo-btns .grid__item a img {
  width: 100%;
  filter: blur(10px);
  transition: 1s;
}

#burgtec_offer-promo-btns .grid__item a button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#burgtec_offer-promo-btns .grid__item a:hover img {
  filter: blur(0px);
}

.threefortwo-badge {
  background-image: url(/cdn/shop/files/3for2new.png?44618);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 28px;
  position: absolute;
  text-indent: -90em;
  width: 55px;
  left: 5px;
  padding: 3px 10px;
  z-index: 9;
  top: 5px;
}

.highlightfeaturetext {
  background-color: #fff;
}

#free-inner-tube-form {
  display: none;
  padding: 1em;
  color: white;
  background-color: #336666;
  text-align: center;
}

#free-inner-tube-form h1, #free-inner-tube-form .h1 {
  text-align: center;
}

#free-inner-tube-form button {
  margin-top: 1em;
}

#free_gift_at_checkout_banner {
  width: 100%;
  margin-left: 0;
  background-color: #336666;
  position: relative;
  display: flex;
}

@media only screen and (max-width: 989px) {
  #free_gift_at_checkout_banner {
    display: block;
  }
}
#free-fender-at-checkout-img {
  background-image: url("/cdn/shop/files/mudguard-at-checkout.jpg?v=1606324405");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 40%;
  min-height: 270px;
}

@media only screen and (max-width: 989px) {
  #free-fender-at-checkout-img {
    height: 50vw;
  }
}
#valve-upgrade-at-checkout-img {
  background-image: url("/cdn/shop/files/filmore-close-up.jpg?v=1636026065");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 85%;
  min-height: 270px;
}

@media only screen and (max-width: 989px) {
  #valve-upgrade-at-checkout-img {
    height: 50vw;
  }
}
#free-fender-text {
  padding: 1em;
  text-align: right;
  color: white;
}

#free-fender-text h1, #free-fender-text .h1 {
  font-size: 2em;
  font-weight: 600;
}

#free-fender-text p {
  color: white;
  font-size: 1.2em;
}

@media only screen and (max-width: 989px) {
  #free-fender-text {
    text-align: center;
  }
}
.search-result-feature-img {
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 45px solid white;
  transform: rotate(-25deg) !important;
  -webkit-box-shadow: -14px 14px 20px -9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: -14px 14px 20px -9px rgba(0, 0, 0, 0.48);
  box-shadow: -14px 14px 20px -9px rgba(0, 0, 0, 0.48);
}

/*GLITCHY 404*/
.imgloaded .content__title {
  animation-name: glitch-anim-text;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.imgloaded .content__text {
  animation-name: glitch-anim-text-white;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.content__title {
  width: 100%;
  text-align: center;
  position: relative;
  color: white;
}

.content__text {
  color: white;
  position: relative;
  font-size: 1.5em;
  text-align: center;
  font-weight: 400;
  animation-delay: calc($delay-anim + $time-anim * 0.5);
}

@media screen and (max-width: 55em) {
  .content__text {
    position: relative;
    right: auto;
    top: auto;
    font-size: 1.25em;
    padding: 0 1em;
    text-align: center;
  }
}
/* Glitch styles */
.glitch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}

.glitch__img {
  position: absolute;
  top: calc(-1 * 5px);
  left: calc(-1 * 10px);
  width: calc(100% + 10px * 2);
  height: calc(100% + 5px * 2);
  background: url(/cdn/shop/files/g-mack-yard-web.jpg?v=1667320874) no-repeat 50% 30%;
  background-color: transparent;
  background-size: cover;
  transform: translate3d(0, 0, 0);
  background-blend-mode: none;
}

.glitch__img:nth-child(n+2) {
  opacity: 0;
}

.imgloaded .glitch__img:nth-child(n+2) {
  animation-duration: 1.5s;
  animation-delay: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.imgloaded .glitch__img:nth-child(2) {
  background-color: transparent;
  background-blend-mode: none;
  animation-name: glitch-anim-1;
}

.imgloaded .glitch__img:nth-child(3) {
  background-color: transparent;
  background-blend-mode: none;
  animation-name: glitch-anim-2;
}

.imgloaded .glitch__img:nth-child(4) {
  background-color: transparent;
  background-blend-mode: none;
  animation-name: glitch-anim-3;
}

.imgloaded .glitch__img:nth-child(5) {
  background-color: #af4949;
  background-blend-mode: overlay;
  animation-name: glitch-anim-flash;
}

/* Animations */
@keyframes glitch-anim-1 {
  0% {
    opacity: 1;
    transform: translate3d(10px, 0, 0);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  6% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  12% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  18% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  24% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  30% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  36% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  42% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  48% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  54% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  60% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  66.9% {
    opacity: 1;
    transform: translate3d(10px, 0, 0);
  }
  67%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(calc(-1 * $gap-horizontal), 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  12% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  15% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  21% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  27% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  40% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  57% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  65% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  67% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  73% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  82% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  82.1% {
    opacity: 1;
    transform: translate3d(calc(-1 * $gap-horizontal), 0, 0);
  }
  82.2%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-3 {
  0% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * $gap-vertical), 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }
  3% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }
  6% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  8% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  10% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  14% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  17% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  20% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  22% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  26% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  30.5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  33% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  35% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  38% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  41% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  44% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  46% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  49% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  53% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
  52.9% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * $gap-vertical), 0) scale3d(-1, -1, 1);
  }
  53%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-text-white {
  0% {
    transform: translate3d(calc(-1 * $gap-horizontal), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  2% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  4% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  6% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  7% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  8% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  9% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  9.9% {
    transform: translate3d(calc(-1 * $gap-horizontal), 0, 0) scale3d(-1, -1, 1);
  }
  10%, 49.9% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  50%, 100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes glitch-anim-text {
  0% {
    transform: translate3d(calc(-1 * $gap-horizontal), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    mix-blend-mode: initial;
  }
  2% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  4% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  6% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  7% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  8% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  9% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  9.9% {
    transform: translate3d(calc(-1 * $gap-horizontal), 0, 0) scale3d(-1, -1, 1);
  }
  10%, 49.9% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    mix-blend-mode: initial;
  }
  50%, 74.9% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    mix-blend-mode: screen;
  }
  75%, 100% {
    mix-blend-mode: difference;
  }
}
/* Flash */
@keyframes glitch-anim-flash {
  0%, 5% {
    opacity: 0.2;
    transform: translate3d(10px, 5px, 0);
  }
  5.5%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}
.page_404_text {
  min-height: 100vh;
  text-align: center;
}

.page_404_text h2, .page_404_text .h2 {
  font-size: 12vw;
  animation-delay: calc(0.5s + 1.5s * 0.7);
}

.page_404_text h3, .page_404_text .h3 {
  font-size: 5vw;
  animation-delay: calc(1s + 1.5s * 0.5);
  text-transform: uppercase;
  font-size: 20vh;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 2em;
  left: 0;
  mix-blend-mode: screen;
  color: red;
  opacity: 0.5;
}

.page_404_text button {
  background-color: white;
  color: black;
  animation-name: glitch-anim-text-white;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.page_404_text p {
  text-transform: uppercase;
}

.page_404_text img {
  max-width: 100px;
  max-height: 100px;
  margin-top: 20vh;
}

#product-reviews-title {
  text-align: left;
  padding-top: 1em;
  padding-bottom: 1em;
  font-family: Poppins, sans-serif;
  font-size: 3em;
  color: white;
}

.product-reviews-container {
  padding-bottom: 2em;
  margin-bottom: 0;
  background-color: #336666;
  color: white;
}

.product-reviews-container p {
  color: white;
}

.feature_divider {
  border-bottom: 1px solid #e9e9e9;
  margin-top: 1em;
  margin-bottom: 0.5em;
  width: 60%;
  margin-left: 20%;
}

.feature_divider-dark {
  border-bottom: 1px solid grey;
  margin-top: 1em;
  margin-bottom: 0.5em;
  width: 60%;
  margin-left: 20%;
}

/*My20*/
.bike-range-title {
  font-weight: 600;
  text-align: center;
  padding-top: 1em;
  border-top: 1px solid #e9e9e9;
}

.bike_collection_container {
  padding-right: 1em;
  position: relative;
  margin-bottom: 2em;
  background-color: white;
  border: 1px solid #e9e9e9;
  transition: 1s;
}

.bike_collection_container:hover {
  transform: translateX(1em);
  -webkit-transform: translateX(1em);
  transform: translateY(-0.5em);
  -webkit-transform: translateY(-0.5em);
  border: 1px solid lightgray;
  -webkit-box-shadow: -10px 18px 23px 6px rgba(133, 133, 133, 0.61);
  -moz-box-shadow: -10px 18px 23px 6px rgba(133, 133, 133, 0.61);
  box-shadow: -10px 18px 23px 6px rgba(133, 133, 133, 0.61);
}

@media only screen and (max-width: 989px) {
  .bike_collection_container {
    padding-right: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
  }
}
.bike_collection_img {
  padding-left: 0;
}

.bike-info-title-area {
  padding-top: 1em;
  min-height: 5em;
}

.bike-info-title-area h1, .bike-info-title-area .h1 {
  font-size: 3em;
}

@media only screen and (max-width: 989px) {
  .bike-info-title-area h1, .bike-info-title-area .h1 {
    text-align: center;
    margin: 0;
  }
}
.bike-info-title-area h2, .bike-info-title-area .h2 {
  width: 100%;
  margin-bottom: 0;
  padding-top: 1em;
}

@media only screen and (max-width: 989px) {
  .bike-info-title-area h2, .bike-info-title-area .h2 {
    text-align: center;
  }
}
.bike-icon-container {
  position: relative;
  left: 3em;
  background-color: #336666;
  border-top-left-radius: 10000px;
  border-bottom-left-radius: 10000px;
  -webkit-box-shadow: -4px 10px 18px 6px rgba(133, 133, 133, 0.61);
  -moz-box-shadow: -4px 10px 18px 6px rgba(133, 133, 133, 0.61);
  box-shadow: -4px 10px 18px 6px rgba(133, 133, 133, 0.61);
}

.bike-icon-container:after {
  content: "";
  position: absolute;
  width: 2em;
  height: 2em;
  border: 1em solid darkgray;
  bottom: -2em;
  right: 0px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

@media only screen and (max-width: 989px) {
  .bike-icon-container:after {
    display: none;
    width: 0;
    height: 0;
  }
}
@media only screen and (max-width: 989px) {
  .bike-icon-container {
    left: 0.5em;
    margin-bottom: 1em;
    background-color: black;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: white;
    padding-left: 22px;
    left: 0;
  }
}
.bike-info-icon {
  padding-left: 0;
}

.bike-info-icon svg {
  padding-top: 0.5em;
  height: 3em;
  width: 3em;
  max-width: 100%;
}

@media only screen and (max-width: 989px) {
  .bike-info-icon svg .a {
    stroke: black;
    fill: black;
  }

  .bike-info-icon svg .b {
    stroke: black;
    fill: black;
  }

  .bike-info-icon svg .c {
    stroke: green;
    fill: black;
  }

  .bike-info-icon svg .d {
    stroke: black;
    fill: none;
  }

  .bike-info-icon svg .e {
    stroke: red;
    fill: red;
  }

  .bike-info-icon svg polyline {
    fill: none;
    stroke: black;
  }
}
.bike-info-icon p {
  font-size: 1em;
  color: white;
}

@media only screen and (max-width: 989px) {
  .bike-info-icon p {
    color: black;
  }
}
.bike-colors {
  width: 0;
  height: 0;
  float: left;
}

.bike-colors:not(:first-of-type) {
  margin-left: 1em;
}

@media only screen and (max-width: 989px) {
  .bike-colors:first-of-type {
    margin-left: calc(50% - 4.25em);
  }
}
.bike-colors-kona {
  width: 3em;
  height: 3em;
  float: left;
}

.bike-colors-kona:not(:first-of-type) {
  margin-left: 1em;
}

@media only screen and (max-width: 989px) {
  .bike-colors-kona:first-of-type {
    margin-left: calc(50% - 4.25em);
  }
}
.bike-info-bike-description {
  margin-top: 1em;
}

@media only screen and (max-width: 989px) {
  .bike-info-bike-description {
    text-align: center;
  }
}
.bike-info-link-text {
  margin-top: 1em;
  text-align: right;
  color: #336666;
}

@media only screen and (max-width: 989px) {
  .bike-info-link-text {
    text-align: center;
    padding-bottom: 1em;
  }
}
#SantaCruzDemoatStifBanner {
  width: 100%;
  background-size: cover;
  height: 45vh;
  background-repeat: no-repeat;
  background-position: center right;
  margin-bottom: 1em;
}

@media only screen and (max-width: 989px) {
  #SantaCruzDemoatStifBanner {
    height: 45vh;
    background-position: center left;
  }
}
#SantaCruzSoftGoodsatStifBanner {
  width: 100%;
  background-size: cover;
  height: 45vh;
  background-repeat: no-repeat;
  background-position: center right;
  margin-bottom: 1em;
}

@media only screen and (max-width: 989px) {
  #SantaCruzSoftGoodsatStifBanner {
    height: 45vh;
    background-position: center center;
  }
}
.bike-collection-link-to-outlet {
  background-image: url(/cdn/shop/files/bike-outlet-bg.jpg?47435);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.link-to-outlet-inner {
  padding-top: 2em;
  padding-bottom: 2em;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: white;
  transition: 0.75s;
}

.link-to-outlet-inner:hover {
  background-color: black;
}

.meet-the-team-section-header {
  border-bottom: 5px solid lightgrey;
}

.black_friday_2019_label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.2em;
  padding-left: 1em;
  background-color: #d21625;
  color: white;
  z-index: 9;
}

.black_friday_2021_label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.2em;
  padding-left: 1em;
  background-color: #111;
  color: white;
  z-index: 9;
}

/*
####################################
########### BLACK FRIDAY ###########
####################################

*/
.black-friday-index-banner {
  font-size: 10vmin !important;
}

.index-Slide_heading h1, .index-Slide_heading .h1 {
  color: white;
}

.index-Slide_heading h2, .index-Slide_heading .h2 {
  color: white;
  font-family: Poppins, sans-serif;
}

@-webkit-keyframes color-change {
  0% {
    color: orange;
  }
  50% {
    color: yellow;
  }
  100% {
    color: orange;
  }
}
@-moz-keyframes color-change {
  0% {
    color: orange;
  }
  50% {
    color: yellow;
  }
  100% {
    color: orange;
  }
}
@-ms-keyframes color-change {
  0% {
    color: orange;
  }
  50% {
    color: yellow;
  }
  100% {
    color: orange;
  }
}
@-o-keyframes color-change {
  0% {
    color: orange;
  }
  50% {
    color: yellow;
  }
  100% {
    color: orange;
  }
}
@keyframes color-change {
  0% {
    color: orange;
  }
  50% {
    color: yellow;
  }
  100% {
    color: orange;
  }
}
/*
####################################
######### Socks with Shoes #########
####################################
*/
#fresh_socks_form {
  display: none;
  background-color: #336666;
  padding: 0.75em;
  color: white;
}

#fresh_socks_form h1, #fresh_socks_form .h1 {
  width: 100%;
  border-bottom: 3px solid white;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}

#fresh_socks_form h2, #fresh_socks_form .h2 {
  color: white;
}

#fresh_socks_form p {
  color: white;
}

#fresh_socks_img {
  margin-left: 0;
}

#fresh_socks_img img {
  margin-left: 0;
}

#add-stif-sock-to-cart {
  border: 1px solid white;
  color: white;
  background-color: #336666;
  transition: 0.4s;
}

#add-stif-sock-to-cart:hover {
  background-color: white;
  color: #336666;
}

#free-mudguard-form {
  background-color: #336666;
  padding: 0.75em;
  color: white;
}

#free-mudguard-form h1, #free-mudguard-form .h1 {
  width: 100%;
  border-bottom: 3px solid white;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}

#free-mudguard-form h2, #free-mudguard-form .h2 {
  color: white;
}

#free-mudguard-form p {
  color: white;
}

#add-dakine-mudguard-to-cart {
  border: 1px solid white;
  color: white;
  background-color: #336666;
  transition: 0.4s;
}

#add-dakine-mudguard-to-cart:hover {
  background-color: white;
  color: #336666;
}

.frame_builder_shock {
  margin-top: 1em;
}

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

Snow.  

***************************/
.snow, .snow:before, .snow:after {
  position: absolute;
  top: -600px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: radial-gradient(5px 5px at 34px 172px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 86px 25px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 388px 47px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 53px 303px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 373px 475px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 196px 261px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 434px 424px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 234px 213px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 393px 356px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 537px 497px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 151px 362px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 110px 99px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 270px 111px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 351px 424px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 459px 279px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 584px 126px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 303px 486px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 132px 292px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 120px 162px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 396px 460px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 169px 508px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 177px 298px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 575px 410px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 29px 140px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 82px 378px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 482px 473px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 56px 24px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 157px 73px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 97px 496px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 240px 225px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 12px 102px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 518px 417px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 323px 155px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 534px 119px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 294px 245px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 270px 432px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 406px 292px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 42px 233px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 109px 160px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 158px 359px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 212px 133px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 303px 536px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 513px 314px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 54px 346px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 127px 115px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 559px 29px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 493px 581px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 339px 414px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 349px 481px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 331px 86px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 497px 385px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 65px 332px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 432px 593px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 377px 240px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 293px 224px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 455px 336px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 93px 50px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 129px 453px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 393px 78px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 364px 75px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 66px 19px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 254px 199px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 178px 454px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 499px 280px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 419px 40px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 179px 593px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 66px 529px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 498px 329px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 381px 464px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 172px 17px, white 50%, rgba(0, 0, 0, 0));
  background-size: 600px 600px;
  animation: snow 5s linear infinite;
}

#snow {
  background: transparent;
  z-index: 9;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake1.png"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake2.png"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake3.png");
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 400px 1000px, 200px 400px, 100px 300px;
  }
}
@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
#SantaCruzReservesatStifBanner {
  width: 100%;
  background-size: cover;
  height: 45vh;
  background-repeat: no-repeat;
  background-position: center right;
  margin-bottom: 1em;
}

@media only screen and (max-width: 989px) {
  #SantaCruzReservesatStifBanner {
    height: 45vh;
    background-position: center center;
  }
}
/*
#####################################
############## BB MY21 ##############
#####################################
*/
#bbmy21-hero-container {
  width: 100%;
  height: 70vh;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

#bbmy21-titleNav {
  transition: background-color 0.5s ease;
}

#bbmy21-titleNav h1, #bbmy21-titleNav .h1 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#bbmy21-titleNav h2, #bbmy21-titleNav .h2 {
  margin-top: 2px;
  padding-top: 0;
  color: grey;
  text-align: right;
}

#bbmy21-titleNav h2 span, #bbmy21-titleNav .h2 span {
  margin-left: 1em;
  transition: 0.5s;
}

#bbmy21-titleNav h2 span:hover, #bbmy21-titleNav .h2 span:hover {
  color: black;
  cursor: pointer;
}

@media only screen and (max-width: 989px) {
  #bbmy21-titleNav h2 span, #bbmy21-titleNav .h2 span {
    margin-left: 0.2em;
    font-size: 0.75em;
  }
}
.bbmy21-floaty-menu {
  background-color: transparent;
  width: 100%;
  position: relative;
  top: -3em;
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 99;
}

.bbmy21-sticky-menu {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #e9e9e9;
  -webkit-box-shadow: 0px 11px 8px 5px rgba(233, 233, 233, 0.6);
  -moz-box-shadow: 0px 11px 8px 5px rgba(233, 233, 233, 0.6);
  box-shadow: 0px 11px 8px 5px rgba(233, 233, 233, 0.6);
  background-color: white;
  z-index: 99;
}

#bbmy21_prev-next-collection {
  margin-left: 0;
}

#bbmy21-stickyNavBuff {
  width: 100%;
  display: none;
}

#bbmy21-product-price {
  width: 100%;
}

#bbmy21-detail-shot-container {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #e9e9e9;
}

#bbmy21-video {
  width: 100%;
  height: 56vw;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: black;
}

.bbmy21-product-reviews-container {
  background-color: #e9e9e9;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.bbmy21-staff-riders {
  padding-bottom: 1em;
}

.bbmy21-staff-container:not(:first-of-type) {
  border-left: 1px solid grey;
}

.bbmy21-staff-pic {
  max-height: 100px;
  border-radius: 999px;
}

#bbmy21-features-container {
  padding-top: 55px;
  padding-bottom: 55px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

#bbmy21-features-container ul {
  margin: 0;
  list-style: none;
}

.bbmy21-bike-feature {
  border-bottom: 1px solid lightgrey;
  margin-right: 2em;
}

.bbmy21-bike-spec-container {
  margin-top: 2em;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #e9e9e9;
}

#bbmy21-delivery-warranty-toggle-container {
  background-color: #111;
  color: white;
  padding: 1em;
}

#bbmy21-delivery-toggle {
  padding-right: 1em;
  border-right: 1px solid white;
  text-align: right;
}

@media only screen and (max-width: 989px) {
  #bbmy21-delivery-toggle {
    text-align: center;
    border-right: 0;
  }
}
#bbmy21-delivery-toggle .btn, #bbmy21-delivery-toggle .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button #bbmy21-delivery-toggle .shopify-payment-button__button--unbranded, #bbmy21-delivery-toggle #btn_sizeGuide {
  background-color: white;
  color: black;
  border: 1px solid white;
}

#bbmy21-warranty-toggle {
  padding-left: 1em;
  text-align: left;
}

@media only screen and (max-width: 989px) {
  #bbmy21-warranty-toggle {
    text-align: center;
  }
}
#bbmy21-warranty-toggle .btn, #bbmy21-warranty-toggle .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button #bbmy21-warranty-toggle .shopify-payment-button__button--unbranded, #bbmy21-warranty-toggle #btn_sizeGuide {
  background-color: white;
  color: black;
  border: 1px solid white;
}

#bbmy21_delivery-info-body {
  width: 100%;
  padding: 1em;
  background-color: #111;
  color: white;
  display: none;
}

#bbmy21_delivery-info-body p {
  color: white;
}

#bbmy21_delivery-info-body a {
  color: red;
  transition: 0.4s;
}

#bbmy21_delivery-info-body a:visited {
  color: red;
}

#bbmy21_delivery-info-body a:hover {
  color: white;
  font-weight: 600;
}

#bbmy21_delivery-info-body a:active {
  color: red;
}

#bbmy21_warranty-info-body {
  width: 100%;
  padding: 1em;
  background-color: #111;
  color: white;
  display: none;
}

#bbmy21_warranty-info-body p {
  color: white;
}

#bbmy21_warranty-info-body a {
  color: red;
  transition: 0.4s;
}

#bbmy21_warranty-info-body a:visited {
  color: red;
}

#bbmy21_warranty-info-body a:hover {
  color: white;
  font-weight: 600;
}

#bbmy21_warranty-info-body a:active {
  color: red;
}

.pointer-zoom {
  cursor: zoom-in;
}

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

.bbmy21-detail-img-container {
  position: relative;
  overflow: hidden;
}

.bbmy21-detail-img-container:hover > .bbmy21-detail-img-overlay {
  opacity: 1;
  visibility: visible;
}

.bbmy21-detail-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98%;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  pointer-events: none;
}

.bbmy21-detail-img-zoom-icon {
  width: 100%;
  text-align: center;
  font-size: 2em;
  color: white;
  position: relative;
  top: 50%;
  transform: translate-y(-50%);
}

/*
#####################################
########## STOCK CHECK APP ##########
#####################################
*/
#product-page-stock-check {
  margin-top: 1em;
  text-align: right;
}

#product-page-stock-check #btn_checkStock {
  font-weight: 600;
  cursor: pointer;
}

.low-stock {
  color: #dc3545;
}

.good-stock {
  color: #336666;
}

.stockData {
  margin-bottom: 0.5em;
}

.no_border {
  border: 0 !important;
  height: auto !important;
}

/*
#####################################
######### Custom build page #########
#####################################
*/
#custom_builds_hero {
  height: 70vh;
  background-image: url(/cdn/shop/files/flatlay-megatower-custom.jpg?v=1582117047);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

#custom_builds_intro {
  background-color: white;
  position: relative;
  top: -4em;
}

#custom_builds_intro h1, #custom_builds_intro .h1 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#custom_builds_intro p {
  margin-top: 2em;
}

#custom_builds_insta_container {
  padding-top: 2em;
  padding-bottom: 2em;
}

#custom_builds_form_container {
  margin-top: 2em;
  margin-bottom: 2em;
}

#custom_builds_you_pick {
  margin-top: 2em;
}

.custom_builds_insta {
  padding-left: 0;
}

/*
#####################################
######### Custom Wheel page #########
#####################################
*/
#reserveWheelBuilder-container {
  border: 1px solid #f5f5f5;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 989px) {
  #reserveWheelBuilder-container {
    padding-left: 22px;
    padding-right: 22px;
  }
}
#reserveWheelBuilder-Nav {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: white;
  margin-top: 0;
  width: 100%;
  transition: 0.4s;
  z-index: 5;
}

#reserveWheelBuilder-SectionTitle {
  margin-bottom: 0;
  background-color: white;
  padding: 1em;
  transition: 0.4s;
}

#reserveWheelBuilder-Nav-Prev {
  display: none;
}

.reserveWheelBuilder-Section {
  padding-left: 55px;
  padding-right: 55px;
  display: none;
  padding-bottom: 3em;
  padding-top: 6em;
}

@media only screen and (max-width: 989px) {
  .reserveWheelBuilder-Section {
    padding-left: 22px;
    padding-right: 22px;
  }
}
.reserveWheelBuilder-Section h3:not(:first-of-type), .reserveWheelBuilder-Section .h3:not(:first-of-type) {
  margin-top: 2em;
  border-top: 1px solid #e9e9e9;
  padding-top: 1em;
}

@media only screen and (min-width: 750px) {
  .reserveWheelBuilder-Section {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.section-focus {
  display: block;
}

#reserveWheelBuilder-AddToCartBtn {
  display: none;
  background-color: #336666;
}

.reserveWheelBuilder-Section-StickyHeader {
  background-color: white;
  color: black;
  width: 100%;
  padding: 0.75em;
  border-bottom: 1px solid #ccc;
  z-index: 999;
}

.reserveWheelBuilder-productCard {
  position: relative;
  cursor: pointer;
  padding-bottom: 2em;
}

.selectedComponent:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  z-index: 2;
  background-image: url(/cdn/shop/files/check-mark-circle.png?v=1587480352);
  background-repeat: no-repeat;
  background-size: cover;
}

.reserveWheelBuilder-btn-ShowProductDescription {
  color: #333333;
  cursor: pointer;
  transition: 0.4s;
}
.reserveWheelBuilder-btn-ShowProductDescription:hover {
  color: black;
}

.reserveWheelBuilder-productDescriptionBody {
  display: none;
  padding-bottom: 2em;
}

.reserveWheelBuilder-rimDescriptionBody {
  padding-bottom: 2em;
}

#reserveWheelBuilder-errorReporting {
  color: red;
  font-weight: 600;
  border-bottom: 3px solid red;
  display: none;
}

#reserveWheelBuilder-Completed {
  display: none;
  padding-bottom: 2em;
  padding-top: 2em;
}

/*
######################################
########## Deep Loam Series ##########
######################################
*/
.deep-loam_hero-bg {
  background-image: url(/cdn/shop/files/deep-loam.jpg?v=1589552875);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 65vh;
  width: 100%;
  margin-bottom: 2em;
}

.deep-loam_hero-bg h1, .deep-loam_hero-bg .h1 {
  font-family: "Rock Salt", cursive;
  color: white;
  text-align: center;
  line-height: 65vh;
  font-size: 7vw;
}

.deep-loam_article-body {
  background-image: url(/cdn/shop/files/splatter-background.png?v=1589459210);
  padding-bottom: 2em;
}

.deep-loam_article-intro {
  color: black;
  background-color: white;
  position: relative;
  top: -6em;
}

.deep-loam_article-intro h1, .deep-loam_article-intro .h1 {
  font-size: 4em;
  margin-bottom: 1em;
}

.txt-rocksalt {
  font-family: "Rock Salt", cursive;
}

.deep-loam_article-hero-container {
  background-image: url(/cdn/shop/files/deep-loam.jpg?v=1589552875);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  margin-bottom: 2em;
}

.deep-loam_article-hero-image {
  position: relative;
  margin-top: 2em;
  margin-bottom: 2em;
}

.deep-loam_article-container {
  background-image: url(/cdn/shop/files/splatter-background.png?v=1589459210);
  padding-bottom: 2em;
}

.deep-loam_article-container h1, .deep-loam_article-container .h1 {
  font-family: "Rock Salt", cursive;
}

.deep-loam_article-container h2, .deep-loam_article-container .h2 {
  font-family: "Rock Salt", cursive;
  font-weight: 600;
}

.deep-loam_article-container h3, .deep-loam_article-container .h3 {
  font-family: "Rock Salt", cursive;
}

.deep-loam_article-container h4, .deep-loam_article-container .h4 {
  font-family: "Rock Salt", cursive;
}

.deep-loam_article-container h5, .deep-loam_article-container .h5 {
  font-family: "Rock Salt", cursive;
}

.deep-loam_article-container h6, .deep-loam_article-container .h6 {
  font-family: "Rock Salt", cursive;
}

.deep-loam_article-container .btn, .deep-loam_article-container .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .deep-loam_article-container .shopify-payment-button__button--unbranded, .deep-loam_article-container #btn_sizeGuide {
  font-family: "Rock Salt", cursive;
}

#deep-loam_index-banner {
  margin-left: 0;
  position: relative;
  padding-top: 30vh;
  padding-bottom: 20vh;
  background-image: url(/cdn/shop/files/Squatch-Blog-1.jpg?v=1707134914);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 60%;
  width: 100%;
}

#deep-loam_index-banner-vid {
  margin-left: 0;
  position: relative;
  width: 100%;
  height: 60vh;
}

#deep-loam_index-banner-vid video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top:0;
    left:0;   
}

#deep-loam_index-banner-txt-wrap-vid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

#deep-loam_index-banner-txt-wrap-vid h1 {
  color: white;
  text-align: center;
  font-size: 4em;
  font-weight: 600;
}

#deep-loam_index-banner-txt-wrap-vid h2 {
  color: white;
  text-align: center;
  font-weight: 600;
  line-height: 2em;
}

#deep-loam_index-banner h1, #deep-loam_index-banner .h1 {
  color: white;
  text-align: center;
  font-size: 4em;
  font-weight: 600;
}

#deep-loam_index-banner h2, #deep-loam_index-banner .h2 {
  color: white;
  text-align: center;
  font-weight: 600;
  line-height: 2em;
}

#deep-loam_index-banner-txt-wrap {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*
######################################
######## WHAT WE RIDE ARTICLE ########
######################################
# extends the deep loam stuff above ##
######################################
*/
.what-we-ride_article-hero-container {
  background-image: url(/cdn/shop/files/whatweridehero.jpg?v=1615381859);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  margin-bottom: 2em;
}

.what-we-ride_article-container {
  padding-bottom: 2em;
}

.what-we-ride_article-container h1, .what-we-ride_article-container .h1 {
  font-family: "Rock Salt", cursive;
}

.what-we-ride_article-container h2, .what-we-ride_article-container .h2 {
  font-family: "Rock Salt", cursive;
  font-weight: 600;
}

.what-we-ride_article-container h3, .dwhat-we-ride_article-container .h3 {
  font-family: "Rock Salt", cursive;
}

.what-we-ride_article-container h4, .what-we-ride_article-container .h4 {
  font-family: "Rock Salt", cursive;
}

.what-we-ride_article-container h5, .what-we-ride_article-container .h5 {
  font-family: "Rock Salt", cursive;
}

.what-we-ride_article-container h6, .what-we-ride_article-container .h6 {
  font-family: "Rock Salt", cursive;
}

.what-we-ride_article-container .btn, .what-we-ride_article-container .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .deep-loam_article-container .shopify-payment-button__button--unbranded, .deep-loam_article-container #btn_sizeGuide {
  font-family: "Rock Salt", cursive;
}

/*
######################################
######## Google Review Widget ########
######################################
*/
#google_review_widget {
  background-color: #f5f5f5;
  height: 64px;
  padding: 0;
  width: 165px;
  padding-top: 4px;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1em;
  margin-bottom: 1em;
}

#google_review_score {
  display: inline-block;
  font-size: 16px;
  position: relative;
  margin-left: 9px;
  color: #e57125;
  font-family: Roboto, HelveticaNeue, Arial, sans-serif;
  font-weight: 500;
}

#google_review_stars_container {
  top: 0px;
  padding-left: 3px;
  display: inline-block;
  position: relative;
}

.google_review_stars {
  position: absolute;
  width: 104px;
  height: 20px;
}

#google_review_orange_stars_wrapper {
  overflow: hidden;
  position: absolute;
  width: 104px;
  height: 20px;
}

#google_review_orange_stars_wrapper img {
  width: 104px;
  height: 20px;
  max-width: 104px;
}

.google_review_logo {
  display: block;
  margin-left: 9px;
  margin-top: 2px;
}

/*
#######################################
######## Frame Fork Combo Page ########
#######################################
*/
#frame-fork-combo-header {
  position: relative;
  top: -3em;
}

#frame-fork-combo-header h1, #frame-fork-combo-header .h1 {
  border-bottom: 1px solid #e9e9e9;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#addComboToCart {
  padding: 1.1em;
  margin-bottom: 2em;
  width: 80%;
  font-size: 1.4em;
}

#addedToCartTxt {
  display: none;
}

.index_covid_notice {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(/cdn/shop/files/new-shop-web.jpg?v=1623340346);
  background-size: cover;
  padding-top: 6em;
  padding-bottom: 6em;
  position: relative;
  background-position: center center;
}

.index_covid_notice h1, .index_covid_notice .h1 {
  text-align: center;
  color: white;
  font-size: 3em;
  font-weight: 600;
}

.index_covid_notice h2, .index_covid_notice .h2 {
  text-align: center;
  color: white;
  font-size: 2em;
  font-weight: 400;
}

/*
#######################################
########## CYCLE TO WORK Page #########
#######################################
*/
#cycletowork_hero {
  height: 70vh;
  background-image: url(/cdn/shop/files/JLB_MY21_FURTADO_COS-120.jpg?v=1602678279);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}

#cycletowork_intro {
  background-color: white;
  position: relative;
  top: -4em;
}

#cycletowork_intro h1:first-of-type, #cycletowork_intro .h1:first-of-type {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#cycletowork_intro p {
  margin-top: 2em;
}

#cycletowork_intro p:first-of-type {
  font-size: 1.2em;
  font-weight: 500;
}

.cycletowork-partnerlogo {
  max-width: 80%;
}

.cycletowork-partnerlogo--sml {
  max-width: 300px;
}

.cycletowork-sectionheader {
  text-align: center;
  margin-bottom: 1em;
}

#cycletowork_howitworks {
  margin-bottom: 2em;
}

.cycletowork_howitworks-section {
  border: 1px solid #336666;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cycletowork_howitworks-section h2, .cycletowork_howitworks-section .h2 {
  color: white;
  font-size: 2em;
}

.cycletowork_howitworks-section p {
  color: white;
}

.cycletowork_howitworks-section .cycletowork-howitworks-inner {
  background-color: rgba(51, 102, 102, 0.7);
  padding-top: 4em;
  padding-bottom: 4em;
  transition: 0.6s;
}

.cycletowork-howitworks-inner p a{
    color: white;
    font-weight: 700;
    transition: 0.25s;
}
.cycletowork-howitworks-inner p a:visited{
    color: white;
    font-weight: 700;
}
.cycletowork-howitworks-inner p a:hover{
    color: yellow;
    font-weight: 700;
}
.cycletowork-howitworks-inner p a:active{
    color: white;
    font-weight: 700;
}

.cycletowork_howitworks-section .cycletowork-howitworks-inner:hover {
  padding-top: 7em;
  padding-bottom: 7em;
  background-color: rgba(51, 102, 102, 0.9);
}

#cycletowork-howitworks-step1 {
  background-image: url(/cdn/shop/files/c2w-how-1.jpg?v=1602683496);
}

#cycletowork-howitworks-step2 {
  background-image: url(/cdn/shop/files/c2w-how-3.jpg?v=1602684374);
}

#cycletowork-howitworks-step3 {
  background-image: url(/cdn/shop/files/c2w-how-2.jpg?v=1602684374);
}

#cycletowork-howitworks-step4 {
  background-image: url(/cdn/shop/files/c2w-how-4.jpg?v=1602684374);
}

#cyclescheme-calculator-widget {
  border: 0;
  height: 875px;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (max-width: 878px) {
  #cyclescheme-calculator-widget {
    height: 1420px;
  }
}
#cycletowork-faq {
  margin-top: -2em;
}

.cycletowork-faq-section {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 2em;
  border-bottom: 1px solid #e9e9e9;
}

.cycletowork-faq-section h2, .cycletowork-faq-section .h2 {
  font-size: 1.4em;
  font-weight: 500;
}

.squatch-description-grid-block {
  width: 100%;
  display: table;
  clear: both;
}

.squatch-description-grid-block-img {
  width: 49%;
}

.squatch-description-grid-block-img img {
  max-width: 100%;
}

.squatch-description-grid-block-desc {
  width: 49%;
  padding-top: 2em;
  line-height: 1.35em;
  position: relative;
  height: 100%;
}

.squatch-description-grid-block-desc p {
  padding-left: 1em;
  padding-right: 1em;
}

.squatch-description-grid-block-desc h3, .squatch-description-grid-block-desc .h3 {
  font-size: 1.1em;
  color: #00007d;
  border-bottom: 1px solid #ff368c;
  padding-bottom: 0.4em;
  margin-bottom: 1em;
}

.squatch-description-grid-block-desc button {
  margin-top: 1.5em;
  padding: 0.5em;
  background-color: #00007d;
  color: white;
  border: 1px solid #00007d;
  padding-left: 2em;
  padding-right: 2em;
  border-radius: 2px;
  transition: 0.6s;
  cursor: pointer;
}

.squatch-description-grid-block-desc button:hover {
  background-color: white;
  color: #00007d;
}

.squatch-description-grid-block-desc button:hover i {
  color: #ff368c;
}

.squatch-description-grid-block:nth-child(odd) .squatch-description-grid-block-img {
  float: left;
}

.squatch-description-grid-block:nth-child(odd) .squatch-description-grid-block-desc {
  float: right;
  text-align: left;
  padding-left: 1em;
}

.squatch-description-grid-block:nth-child(even) .squatch-description-grid-block-img {
  float: right;
}

.squatch-description-grid-block:nth-child(even) .squatch-description-grid-block-desc {
  float: left;
  text-align: right;
  padding-right: 1em;
}

.squatch-description-grid-block-desc-inner {
  position: relative;
}

.squatch-features-container {
  background-color: #e9e9e9;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.squatch-text-description {
  margin-top: 2em;
  margin-bottom: 2em;
}

.bbmy21-geo-container {
  margin-bottom: 1em;
}

@media only screen and (max-width: 1250px) {
  .squatch-description-grid-block-img {
    width: 100%;
  }

  .squatch-description-grid-block-desc {
    width: 100%;
    text-align: center;
  }

  .squatch-description-grid-block-desc-inner {
    position: relative;
    text-align: center;
    transform: translateY(0vw);
    padding-bottom: 1em;
  }
}
#bfcm-index-slideshow {
  position: relative;
  width: 100%;
  background-image: url(/cdn/shop/files/repeater-dark_406fd3a7-4a8b-4e83-8d66-980c277a5129.jpg?v=1606473350);
  padding-top: 3em;
  padding-bottom: 3em;
  margin-top: 87vh;
}

#bfcm-index-slideshow .bfcm_index_tile {
  height: 40vh;
  background-size: cover;
}

#bfcm-index-slideshow .bfcm_index_tile-title {
  color: white;
  text-align: center;
  font-size: 1.5em;
  font-weight: 600;
}

#bfcm-index-slideshow .bfcm_index_tile-desc {
  color: white;
  text-align: center;
}

#bfcm-index-slideshow h1, #bfcm-index-slideshow .h1 {
  font-weight: 600;
  font-size: 4em;
  color: white;
}

#bfcm-index-slideshow h2, #bfcm-index-slideshow .h2 {
  font-size: 2em;
  text-align: center;
  color: white;
  margin-top: 2em;
}

.xmas-gift-guide_nav {
  background-color: #d21625;
  border: 2px solid white;
}

.xmas-gift-guide_nav h2, .xmas-gift-guide_nav .h2 {
  color: white;
  font-family: "Mountains of Christmas", "Roboto Slab", serif, cursive;
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: 1.6em;
}

@media only screen and (max-width: 749px) {
  .xmas-gift-guide_nav h2, .xmas-gift-guide_nav .h2 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
}
#xmas-gift-guide_collection-title {
  font-family: "Mountains of Christmas", "Roboto Slab", serif, cursive;
  font-size: 3em;
}

.snowfall {
  background: transparent;
  z-index: 9;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake1.png"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake2.png"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake3.png");
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
  pointer-events: none;
}

.xmas-product {
  border: 3px solid #d21625;
}

.ks-filter-container {
  margin-bottom: 3em;
}

.ks-spares-filter {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border: 2px solid white;
  cursor: pointer;
  transition: 0.4s;
  text-align: center;
  background-color: #e9e9e9;
}

.ks-spares-filter:hover {
  background-color: darkgray;
}

.selectedPost {
  background-color: black !important;
  color: white !important;
}

.bbmy21-availability-notice {
  padding: 1.5em;
  margin-bottom: 2em;
  background-color: #d21625;
}

.bbmy21-availability-notice h2, .bbmy21-availability-notice .h2 {
  text-align: center;
  color: white;
}

.bbmy21_availability_warning {
  padding: 1.5em;
  background-color: #d21625;
  margin-bottom: 1.5em;
}

.bbmy21_availability_warning h1, .bbmy21_availability_warning .h1 {
  text-align: center;
  color: white;
}

.bbmy21_availability_warning h2, .bbmy21_availability_warning .h2 {
  text-align: center;
  color: white;
  font-weight: 600;
}

.bbmy21_availability_warning p {
  text-align: center;
  color: white;
}

.no-margin-bottom {
  margin-bottom: 0;
}

/*
#####################################
######### Winterbourne page #########
#####################################
*/
#winterbourne_hero {
  height: 70vh;
  width: 100%;
  overflow: hidden;
}
#winterbourne_hero img {
  object-fit: cover;
}

.winterbourne_co-ords {
  color: #ccc;
  font-size: 0.9em;
}

#winterbourne_intro {
  background-color: white;
  position: relative;
  top: -4em;
}

#winterbourne_intro h1, #winterbourne_intro .h1 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#winterbourne_intro p {
  margin-top: 2em;
}

#winterbourne_intro h2 {
  margin-top: 2em;
  text-transform: uppercase;
}

.winterbourne-contact-info {
  background-color: #336666;
  color: black;
  padding-top: 1em;
  padding-bottom: 1em;
}

.winterbourne-map-container {
  min-height: 45vh;
}

.winterbourne-contact-deets {
  display: flex;
  height: 100%;
  min-height: 45vh;
  align-items: center;
}

.winterbourne-contact-deets-inner {
  width: 100%;
}
.winterbourne-contact-deets-inner h2 {
  font-size: 2.2em;
  color: black;
}
.winterbourne-contact-deets-inner i {
  font-size: 2em;
}
.winterbourne-contact-deets-inner p {
  color: black;
}

.winterbourne-meet-the-team {
  display: flex;
  height: 100%;
  padding-top: 10vw;
  align-items: center;
  text-align: center;
}
@media only screen and (max-width: 989px) {
  .winterbourne-meet-the-team {
    margin-bottom: 10vw;
  }
}

.winterbourne-meet-the-team-inner {
  width: 100%;
}
.winterbourne-meet-the-team-inner h2 {
  font-size: 2.2em;
  color: black;
}
.winterbourne-meet-the-team-inner p {
  color: black;
}
.winterbourne-meet-the-team-inner a {
  text-align: center;
}

.winterbourne_vid-container {
  height: 45vh;
  min-height: 500px;
}

.winterbourne_vid-txt {
  height: 45vh;
  min-height: 500px;
  display: flex;
  align-items: center;
  text-align: center;
}

.winterbourne_vid-txt-inner {
  text-align: center;
  width: 100%;
}

.winterbourne_demo {
  height: 45vh;
  min-height: 500px;
  display: flex;
  align-items: center;
  text-align: center;
}

.winterbourne_demo-inner {
  text-align: center;
  width: 100%;
}

.winterbourne_gallery {
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #336666;
  margin-top: 1em;
}
.winterbourne_gallery img:not(:first-of-type) {
  margin-top: 1em;
}

#demo_hero {
  height: 70vh;
  width: 100%;
  overflow: hidden;
  background-image: url(/cdn/shop/files/demo-bikes-hero.jpg?v=1618837315);
  background-position: 60% center;
}

#demo_intro {
  background-color: white;
  position: relative;
  top: -4em;
}

#demo_intro h1 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#demo_intro p {
  margin-top: 2em;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
#cookie-consent {
  position: fixed;
  bottom: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  transition: 0.6s;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.9);
  border-top: 2px solid white;
  text-align: center;
}
#cookie-consent p {
  font-size: 1.2em;
  color: white;
  font-weight: 500;
  margin-bottom: 2px;
  margin-top: 1.25em;
}
#cookie-consent p a {
  color: white;
  text-decoration: underline;
}
#cookie-consent button {
  font-family: inherit;
  background-color: white;
  color: black;
  padding: 0.2em 3em;
  margin-bottom: 1.5em;
}

/*updated about us page*/
.about_stif-shop-container {
  position: relative;
  text-align: center;
  background-size: cover;
  padding: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
}
.about_stif-shop-container:hover .about_us-ImgOverlay {
  background-color: rgba(0, 0, 0, 0.9);
}
.about_stif-shop-container .about_us-ImgOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.5);
}
.about_stif-shop-container .about_stif-shop-title-container {
  position: relative;
  border: 2px solid white;
  padding-top: 2em;
  padding-bottom: 2em;
  margin: 2em;
}
.about_stif-shop-container .about_stif-shop-title-container h2 {
  text-align: center;
  color: white;
  font-size: clamp(1.4rem, -0.275rem + 2.333vw, 2.2rem);
  width: 80%;
  margin-left: 10%;
}
.about_stif-shop-container .about_stif-shop-title-container h3 {
  text-align: center;
  color: white;
  padding-bottom: 1em;
  border-bottom: 2px solid white;
  position: relative;
  width: 80%;
  margin-left: 10%;
  padding-bottom: 2em;
  font-size:1.45rem;
}
.about_stif-shop-container .about_stif-shop-title-container h4 {
  color: white;
  font-size: 1.1rem;
}

.trees_happen {
  margin-top: 2em;
}

.trees-happen-body {
  padding-top: 1em;
}
.trees-happen-body h2 {
  font-size: 1.5em;
}
.trees-happen-body p a {
  color: #d21625;
}

.trees-happen_sevenMesh-logo {
  max-width: 100px;
}

.sweet_promo_grid {
  position: relative;
}

.sweet_promo_grid:hover img {
  transition: 0.4s;
  filter: blur(5px);
}

.sweet_promo_grid:hover .sweet_promo_button {
  transition: 0.4s;
  background-color: white;
  color: black;
  font-size: 1.1em;
}

.sweet_promo_button {
  position: absolute;
  top: 50%;
  left: calc(10% + 15px);
  transform: translateY(-50%);
  width: 80%;
  z-index: 5;
}

/* HITACHI FINANCE */
#PBFPopup {
  max-width: 100% !important;
}

#addToCartWithHitachi {
  width: 100%;
  text-align: center;
  background-color: #753ff5;
  color: white;
  padding: 1em;
  margin-top: 1em;
  cursor: pointer;
}

#btnLinkToHITACHIFinance {
  width: 100%;
  border: 1px solid #000;
  border-radius: 2px;
  background-color: #753ff5;
  color: white;
  cursor: pointer;
  margin-top: 1em;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#btnLinkToHITACHIFinance:hover {
  background-color: black;
  color: white;
}

#finance_return_hero {
  height: 70vh;
  width: 100%;
  overflow: hidden;
  background-image: url(/cdn/shop/files/notthephotoiwasthinkingofbutivehadabreakdowntryingtofinditsothiswillhavetodo.jpg?v=1627994743);
  background-position: center center;
  background-size: cover;
}

#finance_return_content {
  background-color: white;
  position: relative;
  top: -4em;
  text-align: center;
}
#finance_return_content h1 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#fillmore_hero {
  height: 70vh;
  width: 100%;
  overflow: hidden;
}

.flex-grid {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.flex-grid--rev {
  display: flex;
  flex-direction: row-reverse;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.flex-half {
  width: 50%;
  padding: 1em;
}

@media screen and (max-width: 749px) {
  .flex-grid {
    flex-direction: column;
  }

  .flex-grid--rev {
    flex-direction: column;
  }

  .flex-half {
    width: 100%;
    padding: 0.5em;
  }
}
#fillmore_intro {
  background-color: white;
  position: relative;
  top: -4em;
  padding-bottom: 1em;
  border-bottom: 1px solid #e9e9e9;
}

#fillmore_intro h1, #fillmore_intro .h1 {
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.flex-inner-justify {
  display: flex;
  /*  align-content: center;*/
  align-content: stretch;
  justify-content: center;
  /*height:  100%;*/
  flex-direction: column;
  flex: 1 1 auto;
}

.feature_divider_thick {
  border-bottom: 3px solid #111111;
  margin-top: 1em;
  margin-bottom: 2em;
  width: 60%;
  margin-left: 20%;
}

/*gift_guide_21*/
.gift_guide_21-intro {
  background-color: white;
  padding: 1em;
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
  top: -5em;
  margin-bottom: -5em;
  border: 3px solid #336666;
  -webkit-box-shadow: 0px 4px 15px -3px #336666;
  box-shadow: 0px 4px 15px -3px #336666;
  text-align: center;
}
.gift_guide_21-intro p {
  color: #336666;
}

.gift_guide_21-intro-title {
  font-family: "Henny Penny", "Mountains of Christmas";
  color: #ca0722;
  font-size: 2em;
  text-align: center;
}

.gift_guide_21-intro-sign-off {
  font-family: "Henny Penny", "Mountains of Christmas";
  color: #ca0722;
  font-size: 1.2em;
  text-align: center;
}

.gift_guide_21-view-all {
  width: 100%;
  padding: 1em;
  background-image: url(/cdn/shop/files/brown-paper.png?v=1636479837);
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  box-shadow: 0 3px 5px black;
}
.gift_guide_21-view-all:before, .gift_guide_21-view-all:after {
  content: "";
  height: 5px;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);
}
.gift_guide_21-view-all:before {
  background-color: url(/cdn/shop/files/brown-paper.png?v=1636479837);
  top: 0;
}
.gift_guide_21-view-all:after {
  background-image: url(/cdn/shop/files/brown-paper.png?v=1636479837);
  bottom: -2px;
}

.gift_guide_21-title-card-all {
  width: 100%;
  text-align: center;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  padding-top: 3em;
  padding-bottom: 2em;
  border: 2px solid #ca0722;
}
.gift_guide_21-title-card-all p {
  color: #ca0722;
  font-size: 1.1em;
}

.gift_guide_21-bg {
  width: 100%;
  min-height: 100vh;
  background: url(/cdn/shop/files/xmas-bg-2.png?v=1636476699);
  padding-top: 2em;
  padding-bottom: 2em;
}

.gift_guide_21-opening-hours {
  background-color: white;
  border: solid 4px #336666;
  width: 100%;
  text-align: center;
  color: #ca0722;
  padding: 1em;
}
.gift_guide_21-opening-hours h1 {
  font-size: 12vmin;
  font-family: "Henny Penny", "Mountains of Christmas";
  color: #ca0722;
  margin-top: 0.6em;
}
.gift_guide_21-opening-hours h2 {
  font-family: "Henny Penny", "Mountains of Christmas";
  color: #ca0722;
}
.gift_guide_21-opening-hours h3 {
  font-family: "Henny Penny", "Mountains of Christmas";
  color: #ca0722;
  font-size: 6vmin;
}
.gift_guide_21-opening-hours ul {
  color: #336666;
}

.gift_guide_21-header {
  height: 70vh;
  background-size: cover;
  background-position: center center;
  background-image: url(/cdn/shop/files/xmas-bg-2021.jpg?v=1636475504);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gift_guide_21-header h1 {
  font-family: "Henny Penny", "Mountains of Christmas";
  color: white;
  font-size: 12vmin;
}

.gift_guide_21-coll-container {
  padding: 1em;
  background-image: url(/cdn/shop/files/brown-paper.png?v=1636479837);
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  min-height: 50vh;
  box-shadow: 0 3px 5px black;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 1em;
}
.gift_guide_21-coll-container:before, .gift_guide_21-coll-container:after {
  content: "";
  height: 5px;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);
}
.gift_guide_21-coll-container:before {
  background-color: url(/cdn/shop/files/brown-paper.png?v=1636479837);
  top: 0;
}
.gift_guide_21-coll-container:after {
  background-image: url(/cdn/shop/files/brown-paper.png?v=1636479837);
  bottom: -2px;
}

@media screen and (max-width: 1000px) {
  .gift_guide_21-coll-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1em;
  }
}
.gift_guide_21-coll-title-container {
  grid-column-start: 1;
  grid-column-end: 3;
  background-image: url(/cdn/shop/files/xmas-card-bg.jpg?v=1636543286);
  background-size: cover;
  padding: 2vmin;
  position: relative;
}

.gift_guide_21-coll-link {
  background-image: url(/cdn/shop/files/xmas-card-bg.jpg?v=1636543286);
  background-size: cover;
  padding: 2vmin;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .gift_guide_21-coll-link {
    padding: 1vmin;
  }

  .gift_guide_21-coll-title-container {
    padding: 1vmin;
  }

  .gift_guide_21-card-title {
    font-size: 2em;
  }
}
.gift_guide_21-title-card {
  width: 100%;
  height: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ca0722;
}

.gift_guide_21-card-title {
  font-family: "Henny Penny", "Mountains of Christmas";
  font-size: 3em;
  color: #ca0722;
  text-align: center;
}

.gift_guide_21-coll-item {
  /*background-color: #ca0722;*/
  padding: 0px;
}
.gift_guide_21-coll-item a {
  max-width: 100%;
}
.gift_guide_21-coll-item img {
  max-width: 100%;
  margin-bottom: 0px;
}

.gift_guide_21-product-title:before {
  content: "TO: \a FROM: ";
  white-space: pre;
  color: #ca0722;
  position: absolute;
  top: 65%;
  left: 5%;
  font-size: 0.5em;
}

/*.gift_guide_21-product-card{
  background-color:  white;
  padding: 5px;
  padding-top:  10px;

}*/
.gift_guide_21-product-title {
  font-family: "Henny Penny", "Mountains of Christmas";
  color: #ca0722;
  text-align: left;
  padding-bottom: 5px;
  border-bottom: 2px solid #ca0722;
}

.gift_guide_21-product-price {
  color: #336666;
  font-family: "Henny Penny", "Mountains of Christmas";
  text-align: right;
  width: 100%;
}

.gift-tag {
  background: white;
  border: white;
  border-radius: 0 2px 2px 0;
  /*display: inline-block;*/
  width: calc(100% - 25px);
  height: auto;
  left: 24px;
  top: -1em;
  padding: 5px;
  padding-left: 15px;
  padding-top: 10px;
  position: relative;
  -webkit-box-shadow: -3px 3px 8px -3px #000000;
  box-shadow: -3px 3px 8px -3px #000000;
  transform: rotate(5deg);
  transform-origin: 30px center;
  transition: 0.2s;
}

.gift-tag:before {
  border-bottom: 24px transparent solid;
  border-right: 24px white solid;
  border-top: 24px transparent solid;
  content: "";
  height: 100%;
  left: -23px;
  position: absolute;
  top: 0;
  width: 0;
}

.gift-tag:after {
  background-color: #aa8c64;
  border: 3px #886142 solid;
  border-radius: 50%;
  content: "";
  height: 16px;
  left: -5px;
  position: absolute;
  width: 16px;
  top: calc(50% - 8px);
  z-index: 10;
}

.xmas-text {
  font-family: "Henny Penny", "Mountains of Christmas" !important;
}

.xmas-coll-text {
  color: #336666;
  font-family: "Henny Penny", "Mountains of Christmas";
  font-size: 2.2em;
}

.xmas-filter {
  padding: 0.5em;
  background: #336666;
  border-radius: 3px;
}
.xmas-filter a {
  color: white;
}
.xmas-filter a:hover {
  color: white;
}
.xmas-filter i {
  color: white;
}

.fbdn_link_to_article-container {
  background-image: url(/cdn/shop/files/DSCF5087.jpg?v=1643820832);
  background-size: cover;
  background-position: center center;
  padding-top: calc( (50vw - 600px) / 2 );
  padding-bottom: calc( (50vw - 600px) / 2 );
}

.fbdn_custom_container {
  min-height: 100vh;
  background-image: url(/cdn/shop/files/druid-custom-build.jpg?v=1644245824);
  background-size: cover;
  background-position: center center;
  padding-top: calc( (50vw - 600px) / 2 );
  padding-bottom: calc( (50vw - 600px) / 2 );
  display: flex;
  margin-top: 1em;
}

.fbdn_custom_inner {
  background-color: rgba(255, 255, 255, 0.8);
  flex-grow: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-bottom: 1em;
}
.fbdn_custom_inner h3 {
  padding: 2.5em;
  padding-bottom: 1em;
}

nav a[href="/pages/forbidden"] {
  font-weight: 600;
}

/*RSV 2022*/
.rsv_img-main {
  position: relative;
}

.rsv_img-action {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: 0.4s;
  opacity: 0;
}

.rsv_img-hover {
  position: relative;
}

.rsv_img-hover:hover .rsv_img-action {
  visibility: visible;
  opacity: 1;
}

#fresh-drops_hero {
  height: 90vh;
  width: 100%;
  overflow: hidden;
  background-image: url(/cdn/shop/files/Fresh-Drops-Header.jpg?v=1651143864);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#freshdrops_intro {
  background-color: white;
  position: relative;
  top: -4em;
  padding-bottom: 1em;
  margin-bottom: -4em;
}

#freshdrops_intro h3, #fillmore_intro .h3 {
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.75em;
}

/*Flex Rev Grid*/
.flex-list {
  display: flex;
}

.flex-list:nth-of-type(2n) {
  flex-direction: row-reverse;
}

.flex-list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flex-list-img, .flex-list-copy-container {
  flex: 1;
}

.flex-list-copy-container {
  flex-direction: column;
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .flex-list {
    display: block;
    margin-bottom: 2em;
  }
}
.video_hero {
  height: 70vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-image: url(/cdn/shop/files/SNeedham_SCM_Syndicate_184.jpg?v=1652180866);
  background-size: cover;
  background-position: left bottom;
}
.video_hero video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 1000px) {
  .video_hero video {
    display: none;
  }
}
.syndicate_riders {
  padding-top: 2em;
  padding-bottom: 1em;
  background-color: #e9e9e9;
}

.syndicate_bike {
  padding-top: 2em;
  padding-bottom: 1em;
}

.syndicate_socials {
  padding-top: 2em;
  background-color: #e9e9e9;
  padding-bottom: 1em;
}
.syndicate_socials a:hover {
  color: #d21625;
  transition: 0.4s;
}
.syndicate_socials h3 i {
  font-size: 3em;
}

.five-ten-index {
  margin-top: -500px;
  width: 100%;
  background-size: cover;
  background-position: 10% 50%;
  position: relative;
}

.five-ten-banner {
  width: 100%;
  margin-top: 500px;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 900;
}
.five-ten-banner h1 {
  font-size: 6vmin;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  font-family: "Roboto Slab", serif, cursive;
}
.five-ten-banner h2 {
  font-size: 2vmin;
  padding-left: 10%;
  padding-right: 10%;
  color: white;
  font-family: "Roboto Slab", serif, cursive;
}

.five-ten-featured-container {
  padding-bottom: 2em;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
}

.five-ten-promo-item:hover {
  transition: 0.4s;
  filter: drop-shadow(-12px 12px 16px #3d3d3d);
  transform: translateX(6px);
  transform: translateY(-6px);
}

.five-ten-promo-item-container {
  width: 25%;
}

@media screen and (max-width: 1000px) {
  .five-ten-promo-item-container {
    width: 50%;
  }
}
.five-ten-promo-item {
  background-color: white;
  padding: 0.5em;
  position: relative;
  margin-bottom: 1em;
  z-index: 10;
  margin-left: 10px;
  margin-right: 10px;
}
.five-ten-promo-item img {
  width: 100%;
}

.five-ten-promo-price {
  width: 100%;
  position: relative;
  padding-top: 1em;
  padding-bottom: 1em;
}
.five-ten-promo-price .old-price {
  position: relative;
  color: lightgrey;
  text-decoration: line-through;
  font-size: 2vmin;
  z-index: 2;
  text-align: right;
  font-family: "Rock Salt", cursive;
}
.five-ten-promo-price .new-price {
  position: absolute;
  top: 0.3em;
  left: 0.4em;
  color: red;
  text-decoration: none;
  font-size: 3.5vmin;
  z-index: 3;
  transform: rotate(-12deg);
  transform-origin: left top;
  text-align: center;
  font-family: "Rock Salt", cursive;
  font-weight: 700;
}

.five-ten-promo-item-title {
  font-size: 2.2vmin;
  font-family: "Roboto Slab", serif, cursive;
  margin-bottom: 2vmin;
}

.five-ten-promo-btn {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1.6em;
  font-family: "Roboto Slab", serif, cursive;
  border: 0;
  background-color: white;
  margin-bottom: 2em;
  transition: 0.4s;
  z-index: 10;
}

.five-ten-promo-btn:hover {
  transition: 0.4s;
  filter: drop-shadow(-12px 12px 16px #3d3d3d);
  transform: translateX(6px);
  transform: translateY(-6px);
  letter-spacing: 2px;
}

.more_deals_txt {
  text-align: center;
  font-family: "Rock Salt", cursive;
  color: white;
  font-size: 2.5vmin;
}

/*additional homepage styles*/
.megaNavImgContainer:hover .megaNavTxt h3 {
  transition: 0.4s;
/*  letter-spacing: 2px;*/
}

.index_covid_notice:hover h1 {
  letter-spacing: 2px;
  transition: 0.4s;
}

#deep-loam_index-banner-txt-wrap:hover h1 {
  letter-spacing: 2px;
  transition: 0.4s;
}

/*CLICK AND COLLECT STYLES*/
#product-candc_container {
  width: 100%;
  border: 1px solid #336666;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 0;
  margin-bottom: 1em;
  overflow: hidden;
}

.candc_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.85em;
  width: 20%;
}

.candc-topper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid black;
  background-color: black;
  color: white;
}

.candc_info-container {
  padding: 1em 2em;
}

.candc-title h3 {
  font-weight: 600;
  font-family: "poppins", sans-serif;
  margin-bottom: 0;
  color: white;
}

.candc-title span {
  color: #444;
  font-size: 0.8em;
  margin-top: 0;
  font-weight: 300;
  color: white;
}

.candc-title {
  /*border-bottom:  1px solid black;*/
}

.candc-info {
  padding: 1em;
}

.candc-info p {
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}

.candc-store-name {
  color: black;
  transition: 0.4s;
  cursor: pointer;
  font-weight: 600;
}
.candc-store-name:hover {
  color: #336666;
  cursor: pointer;
  text-decoration: underline;
}

#candc-results {
  display: none;
}
#candc-results p {
  margin: 0;
}

.spinner-container {
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.txtError {
  color: red;
}

.txtSuccess {
  color: green;
}

.txtWarn {
  color: orange;
}

/*team page*/
.team-rider-container:hover {
  cursor: pointer;
}

.team-rider-img-container {
  position: relative;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

.team-rider-main {
  position: relative;
  margin: 0;
  cursor: pointer;
}

.team-rider-jazz {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0s 0s linear, opacity 0s linear;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}

.team-rider-container:hover .team-rider-jazz {
  opacity: 1;
  transform: scale(1.1);
  transition: transform 0.4s 0.2s linear, opacity 0.4s linear;
}

.team-rider-link-container {
  margin-top: -4em;
  margin-left: 10%;
  width: 80%;
  background-color: white;
  position: relative;
}

.team-rider-name, .team-rider-link {
  position: relative;
  font-family: "Rock Salt", "poppins", "arial", sans-serif;
  font-size: 2em;
  background-color: white;
  padding: 0.8em;
  text-align: center;
}

.team-rider-link {
  visibility: hidden;
  color: black;
  position: absolute;
  top: 0;
  left: 10%;
  width: 80%;
  text-align: center;
}

.team-rider-container:hover .team-rider-link {
  visibility: visible;
  transition: color 1s, visibility 0s;
  color: #d21625;
}

.team-rider-container:hover .team-rider-name {
  visibility: hidden;
}

.team-rider-info-container {
  display: none;
  margin-bottom: 2em;
  border-bottom: 1px solid grey;
  padding-bottom: 2em;
}

.team-rider-q {
  font-family: "poppins", "arial", sans-serif;
  font-weight: 600;
  margin-bottom: 1px;
}

.team-rider-a {
  font-family: "Rock Salt", "poppins", "arial", sans-serif;
  font-weight: 400;
  margin-bottom: 1.2em;
  padding-left: 2em;
}

#rider_social_link_btn {
  margin-top: 2em;
  font-family: "Rock Salt", "Poppins", "arial", sans-serif;
}

#team-rider-bikes {
  width: 100%;
  overflow: hidden;
  display: flex;
}

.team-rider-bike {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  position: relative;
}

.team-rider-bikes-info, .team-rider-bikes-pic-container {
  flex: 1;
}

.team-rider-bikes-info {
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.96);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.team-rider-bikes-info h3 {
  width: 100%;
  text-align: right;
  border-bottom: 3px solid #d21625;
  padding-right: 2em;
  font-size: 2em;
  font-weight: 600;
  font-family: "Rock Salt", "Poppins", "arial", sans-serif;
}

.team-rider-bikes-pic-container {
  /*overflow: hidden;*/
}

.team-rider-bikes-pic-container img {
  position: relative;
  left: -35%;
}

#bike_link_btn {
  margin-top: 2em;
  width: 100%;
  font-family: "Rock Salt", "Poppins", "arial", sans-serif;
}

.bike_qanda {
  width: 100%;
  padding-right: 5em;
  padding-left: 5em;
  text-align: left;
}

.bike_link {
  align-self: center;
  font-family: "Rock Salt", "Poppins", "arial", sans-serif;
}

.team-rider-bike-nav {
  text-align: center;
  font-size: 3em;
}

#team-rider-bike-nav-right, #team-rider-bike-nav-left {
  cursor: pointer;
  transition: 0.4s;
}

#team-rider-bike-nav-right:hover, #team-rider-bike-nav-left:left {
  color: #d21625;
}

#team-rider-bikes-nudge {
  margin-top: 2em;
  color: grey;
  font-family: "Rock Salt", "Poppins", "arial", sans-serif;
}

#rider_name {
  width: 100%;
  text-align: left;
  border-bottom: 3px solid #d21625;
  padding-left: 2em;
  font-size: 2em;
  font-weight: 600;
  font-family: "Rock Salt", "Poppins", "arial", sans-serif;
}

#rider_qanda {
  width: 100%;
  padding-left: 5em;
  padding-right: 5em;
  text-align: left;
}

#team-rider-fleet-cta {
  font-size: 1rem;
  color: grey;
  font-family: "Rock Salt", "Poppins", "arial", sans-serif;
}

.team-rider-bikes-pic-container {
  background-image: url(/cdn/shop/files/repeater-light-AF.jpg?v=1654681901);
}

@media screen and (max-width: 749px) {
  .team-rider-bike {
    flex-direction: column-reverse;
  }

  .team-rider-bikes-pic-container img {
    left: 0;
  }
}
#etnies_socks_offer {
  background-color: #e9e9e9;
  padding-bottom: 0;
  margin-bottom: 2em;
}
#etnies_socks_offer .grid {
  margin: 0;
  padding: 0;
}
#etnies_socks_offer .three-quarters {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.25em;
  text-align: center;
}

.photo_credit {
  width: 100%;
  text-align: right;
  color: grey;
  margin-top: 0;
  padding-top: 0;
}

.photo_credit a {
  color: #336666;
}

.photo_credit a:active {
  color: #336666;
}

.photo_credit a:visited {
  color: #336666;
}

.photo_credit a:hover {
  color: #336666;
}

/*careers page*/
#careers_hero {
  height: 70vh;
  width: 100%;
  overflow: hidden;
  background-image: url(/cdn/shop/files/careers.jpg?v=1664881853);
  background-position: 50% 50%;
}

#careers_intro {
  background-color: white;
  position: relative;
  top: -4em;
}

#careers_intro h1 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center;
}

.careers_job-listing {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  aspect-ratio: 1.168;
  position: relative;
  padding: 1em;
  border: 5px solid white;
  margin-bottom: 5px;
}

.careers_tile-overlay:hover {
  background-blend-mode: color-burn;
  opacity: 0.8;
}

.careers_tile-overlay:hover + .careers_job-listing-info > .careers_learn-more {
  opacity: 1;
  visibility: visible;
}

.careers_tile-overlay {
  width: 100%;
  aspect-ratio: 1.168;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #336666;
  background-blend-mode: screen;
  opacity: 0.5;
  color: white;
  transition: 0.4s;
  cursor: pointer;
}

.careers_job-listing-info {
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
  text-align: right;
  color: white;
  opacity: 1;
  pointer-events: none;
}

.careers_job-listing-title {
  font-weight: 600;
  font-size: 1.5em;
}

.careers_job-listing-info p {
  color: white;
  margin-bottom: 2px;
  margin-top: 2px;
}

.careers_job-listing-info p i {
  font-size: 1.2em;
}

.careers_learn-more {
  margin-bottom: 1rem;
  margin-top: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

.careers_learn-more {
  font-weight: 600;
  font-size: 1.2em;
}

.job_listing_detailed {
  margin-top: 2rem;
  display: none;
}

.careers_job-details-overview-icon {
  color: #336666;
  font-size: 4rem;
  margin-bottom: 0;
}

.careers_job-detail-icon-title {
  color: #336666;
  margin-bottom: 0;
}

.careers_icon-group:not(:nth-of-type(3n)) {
  border-right: 2px solid #336666;
}

.job_listing_detailed h1 {
  font-size: 2.5rem;
  border-bottom: 6px solid #336666;
  padding-left: 2rem;
  color: #336666;
}

.job_listing_detailed h2 {
  font-size: 1.25rem;
  color: #336666;
}

.job_listing_detailed ul {
  padding-left: 3rem;
  margin-bottom: 2rem;
}

.careers_job-listing-description {
  padding-left: 2rem;
  margin-bottom: 2rem;
}

#careers_why-stif {
  padding: 2rem;
  background-color: black;
}

.careers_why-stif-details {
  color: white;
  align-self: stretch;
  display: flex;
}

.careers_why-stif-details ul {
  padding-left: 2rem;
}

.careers_why-stif-details h3 {
  align-self: flex-start;
  width: 100%;
  border-bottom: 3px solid #336666;
  padding-left: 1.5rem;
  font-size: 2rem;
}

.ibf_novuna_finance {
  background-color: #753ff5;
  color: white;
  text-align: center;
  padding: 1rem;
}

.ibf_novuna_finance h2 {
  color: white;
  font-size: 1.25rem;
}

.ibf_novuna_finance p {
  color: white;
}

.ibf_novuna_finance img {
  max-height: 15px;
}

.ibf_novuna_finance a {
  color: white;
  font-weight: 600;
}

.ibf_novuna_finance a:visited {
  color: white;
}

.ibf_novuna_finance a:hover {
  color: white;
}

.ibf_novuna_finance a:active {
  color: white;
}

.bf_container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
}

@keyframes img_glitch {
  0% {
    filter: greyscale(100%) url(#glitch_filter-3);
  }
  10% {
    filter: url(#glitch_filter);
  }
  20% {
    filter: url(#glitch_filter-2);
  }
  30% {
    filter: url(#glitch_filter-3);
  }
  40% {
    filter: url(#glitch_filter-2);
  }
  50% {
    filter: url(#glitch_filter-3);
  }
  60% {
    filter: url(#glitch_filter);
  }
  70% {
    filter: url(#glitch_filter-3);
  }
  80% {
    filter: url(#glitch_filter-2);
  }
  90% {
    filter: url(#glitch_filter);
  }
  98% {
    filter: grayscale(0%) url(#glitch_filter-3);
  }
  99% {
    filter: none;
  }
}
@media (prefers-reduced-motion) {
  @keyframes img_glitch {
    0% {
      filter: greyscale(100%);
    }
    100% {
      filter: greyscale(0%);
    }
  }
}
#bfcm22-header {
  background-color: #121212;
  /*  background-image: url(/cdn/shop/files/repeater-2.jpg?v=1613796664);*/
}

#bfcm22-header-title-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#bfcm22-header-title-container h1 {
  font-family: "apocalypseGrunge";
  font-size: min(16vw);
  color: white;
  position: relative;
}

#svg_defs {
  display: none;
}

.bfcm-grid-container {
  padding: 1rem;
  padding-bottom: 100px;
}

.bfcm-grid {
  width: 100%;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-flow: row dense;
}

.bfcm-grid_card {
  position: relative;
  transform: translateY(100px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}

.bfcm-grid_card .bfcm-card_title h1 {
  text-shadow: 2px 2px #e70f10, 4px 4px #121212;
  transition: 0.4s linear;
  line-height: min(6vmin, 10vmin);
  letter-spacing: 1px;
  opacity: 0;
}

.bfcm-grid_card-overlay {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 89;
  transition: 0.4s;
}

.bfcm_img_thumb {
  max-width: 100%;
  max-height: 100%;
  filter: grayscale(0%);
  transition: 0.7s;
}

@media screen and (max-width: 749px) {
  .bfcm_img_thumb {
    filter: grayscale(0%);
  }

  .bfcm-grid_card-overlay {
    background-color: rgba(0, 0, 0, 0);
  }

  .bfcm-grid_card .bfcm-card_title h1 {
    text-shadow: 0px 0px 4px #000000, 0px 0px 8px #121212;
    transform: scale(1.05);
    line-height: min(8vmin, 12vmin);
    letter-spacing: 5px;
    color: #e70f10;
    opacity: 1;
  }
}
.bfcm-grid_card:hover .bfcm_img_thumb, .bfcm-grid_card:active .bfcm_img_thumb {
  filter: grayscale(0%);
  animation: 0.5s img_glitch alternate;
}

.bfcm-tile-faded-in {
  transform: translateY(0px);
  opacity: 1;
}

.bfcm-card_title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: min(3vmin, 6vmin);
  font-family: "apocalypseGrunge";
  text-align: center;
  pointer-events: none;
  z-index: 99;
}
.bfcm-card_title h1 {
  font-family: "apocalypseGrunge";
}

@media (hover: none) and (pointer: coarse) {
  .bfcm-grid_card .bfcm-card_title h1 {
    opacity: 1;
  }
}
.bfcm-grid_card:hover .bfcm-card_title h1 {
  text-shadow: 0px 0px 4px #000000, 0px 0px 8px #121212;
  transform: scale(1.05);
  line-height: min(8vmin, 12vmin);
  letter-spacing: 5px;
  color: #e70f10;
  opacity: 1;
}

.bfcm-grid_card:hover .bfcm-grid_card-overlay {
  background-color: rgba(0, 0, 0, 0);
}

@keyframes noise-anim {
  0% {
    clip: rect(918px, 9999px, 649px, 0);
  }
  5% {
    clip: rect(590px, 9999px, 395px, 0);
  }
  10% {
    clip: rect(581px, 9999px, 286px, 0);
  }
  15% {
    clip: rect(332px, 9999px, 217px, 0);
  }
  20% {
    clip: rect(879px, 9999px, 603px, 0);
  }
  25% {
    clip: rect(603px, 9999px, 498px, 0);
  }
  30% {
    clip: rect(939px, 9999px, 729px, 0);
  }
  35% {
    clip: rect(806px, 9999px, 98px, 0);
  }
  40% {
    clip: rect(693px, 9999px, 442px, 0);
  }
  45% {
    clip: rect(753px, 9999px, 619px, 0);
  }
  50% {
    clip: rect(89px, 9999px, 827px, 0);
  }
  55% {
    clip: rect(217px, 9999px, 123px, 0);
  }
  60% {
    clip: rect(617px, 9999px, 220px, 0);
  }
  65% {
    clip: rect(393px, 9999px, 719px, 0);
  }
  70% {
    clip: rect(756px, 9999px, 625px, 0);
  }
  75% {
    clip: rect(328px, 9999px, 971px, 0);
  }
  80% {
    clip: rect(217px, 9999px, 607px, 0);
  }
  85% {
    clip: rect(683px, 9999px, 527px, 0);
  }
  90% {
    clip: rect(285px, 9999px, 451px, 0);
  }
  95% {
    clip: rect(140px, 9999px, 76px, 0);
  }
  100% {
    clip: rect(423px, 9999px, 452px, 0);
  }
}
.bfcm-glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 0px;
  text-shadow: -1px 0 red;
  top: 0;
  color: white;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
  pointer-events: none;
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(354px, 9999px, 246px, 0);
  }
  5% {
    clip: rect(764px, 9999px, 117px, 0);
  }
  10% {
    clip: rect(28px, 9999px, 642px, 0);
  }
  15% {
    clip: rect(897px, 9999px, 907px, 0);
  }
  20% {
    clip: rect(741px, 9999px, 613px, 0);
  }
  25% {
    clip: rect(13px, 9999px, 229px, 0);
  }
  30% {
    clip: rect(767px, 9999px, 423px, 0);
  }
  35% {
    clip: rect(542px, 9999px, 739px, 0);
  }
  40% {
    clip: rect(170px, 9999px, 954px, 0);
  }
  45% {
    clip: rect(473px, 9999px, 133px, 0);
  }
  50% {
    clip: rect(400px, 9999px, 340px, 0);
  }
  55% {
    clip: rect(288px, 9999px, 67px, 0);
  }
  60% {
    clip: rect(462px, 9999px, 16px, 0);
  }
  65% {
    clip: rect(923px, 9999px, 746px, 0);
  }
  70% {
    clip: rect(623px, 9999px, 352px, 0);
  }
  75% {
    clip: rect(355px, 9999px, 852px, 0);
  }
  80% {
    clip: rect(303px, 9999px, 735px, 0);
  }
  85% {
    clip: rect(137px, 9999px, 9px, 0);
  }
  90% {
    clip: rect(918px, 9999px, 204px, 0);
  }
  95% {
    clip: rect(474px, 9999px, 237px, 0);
  }
  100% {
    clip: rect(82px, 9999px, 191px, 0);
  }
}
.bfcm-glitch:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  color: white;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
  pointer-events: none;
}

@media (prefers-reduced-motion) {
  .bfcm-glitch:after {
    display: none;
  }

  .bfcm-glitch:before {
    display: none;
  }
}
.bfcm-all-deals-btn {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 100px;
  font-family: "apocalypseGrunge";
  color: #121212;
  background-color: white;
  border: none;
  padding: 1rem;
  font-size: min(5vw);
  transition: 0.4s;
  cursor: pointer;
}

.bfcm-all-deals-btn:hover {
  color: #e70f10;
  background-color: white;
}

.bfcm_in-store-announce {
  font-family: "apocalypseGrunge";
  color: #e70f10;
  text-align: center;
  font-size: 2rem;
}

.bfcm22_card_banner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #121212;
  color: white;
  z-index: 9;
  padding: 5px;
  padding-left: 1em;
  font-family: "apocalypseGrunge";
  font-size: 1.25rem;
}

.bf_container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
}

.saladSans {
  font-family: "saladSans", "Rock Salt", "Poppins", sans-serif;
  font-weight: 700;
}

.squatch_diary-paper {
  background-image: url("/cdn/shop/files/pexels-eva-bronzini-7598248.jpg?v=1668685610");
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  color: #000a59;
  padding: 2rem;
}

.squatch_diary-paper-inner {
  color: #000a59;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  color: #000a59;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.squatch-diary-page-mark {
  align-self: end;
  justify-self: end;
}

.squatch_diary-paper-inner p {
  color: #000a59;
  font-size: 1.2rem;
}

.squatch_diary-logo {
  align-self: start;
  justify-self: start;
  opacity: 0.75;
}

.flex-list:nth-of-type(odd) .flex-list-copy-container .squatch_diary-paper {
  transform: rotate(8deg);
  -webkit-box-shadow: -4px 4px 15px 2px #000000;
  box-shadow: -4px 4px 15px 2px #000000;
}

.flex-list:nth-of-type(even) .flex-list-copy-container .squatch_diary-paper {
  transform: rotate(-8deg);
  -webkit-box-shadow: 4px 4px 15px 2px #000000;
  box-shadow: 4px 4px 15px 2px #000000;
}

.flex-list-img-sq {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.flex-list-img-sq img {
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .flex-list:nth-of-type(odd) .flex-list-copy-container .squatch_diary-paper {
    transform: rotate(2deg);
    -webkit-box-shadow: -4px 4px 15px 2px #000000;
    box-shadow: -4px 4px 15px 2px #000000;
  }

  .flex-list:nth-of-type(even) .flex-list-copy-container .squatch_diary-paper {
    transform: rotate(-2deg);
    -webkit-box-shadow: 4px 4px 15px 2px #000000;
    box-shadow: 4px 4px 15px 2px #000000;
  }
}
.prod_card_gift_guide_banner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ca0722;
  color: white;
  z-index: 9;
  padding: 5px;
  padding-left: 1em;
  font-size: 1rem;
}

.rsv_with_stig_frames {
  background-image: url(/cdn/shop/files/stigmata-and-rsv-35-deal-hero.jpg?v=1675937465);
  background-size: cover;
  background-position: 50% 65%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 3rem;
  min-height: 50vh;
}

.rsv_with_stig_frames-txt-container {
  border: 2px solid white;
  color: white;
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.3);
}

.rsv_with_stig_frames-txt-container h3 {
  color: white;
  font-size: 1.5rem;
}

.rsv_with_stig_frames-txt-container p {
  color: white;
}

/*FACTORY SALE*/
.factory_sale--header {
/*  background-image: url(/cdn/shop/files/winter-sale-hero.jpg?v=1703241691);*/
  /*background-image: url(/cdn/shop/files/mega-sale-bg.jpg?v=1711540625);
  background-size: cover;
  background-position: 60% 50%;*/
  min-height: 90vh;
  overflow: hidden;
  position: relative;
  

}

.mega-sale-coll-header{
    min-height: 90vh;
    position: relative;
    background-image: url(/cdn/shop/files/mega-sale-bg.jpg?v=1711540625);
  background-size: cover;
  background-position: 60% 50%;
  display: grid;
  place-items: center;
}

.btn_mega_sale{
    background-color: #C3E810!important;
    color: black;
    width: 50%;  
     
    border: 4px solid black;
    font-family: "poppins", sans-serif;
    font-weight: 800;

}

#factory_sale--header_bg{
    width: 100%;
    height: 100%;
    object-fit:cover;
    /*animation: fancy-thing;
    animation-duration: 1.9s;
    animation-direction: alternate;
    animation-iteration-count: infinite;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;

}

@keyframes fancy-thing{
    0%{
        filter: blur(0px) hue-rotate(25deg);
        
        transform: scale(1.0) rotate(0deg);
        
    }

    100%{
        filter: blur(5px) hue-rotate(55deg);
        
        transform: scale(1.02) rotate(1deg);

    }
}

@media (prefers-reduced-motion) {
  /* styles to apply if a user's device settings are set to reduced motion */
  #factory_sale--header_bg{
    animation: none;
  }
}

.factory_sale--header-link-to-all{
    margin-top: 2rem;
    width: 100%;
    display: grid;
    place-items: center;
    z-index: 2;
    margin-bottom: 2rem;
}

.factory_sale--header-link-to-all button{
    background-color: #C3E810!important;
    color: black;
    width: 50%;  
    transition: 0.4s;  
    border: 4px solid black;
    font-family: "poppins", sans-serif;
    font-weight: 800;
}

.factory_sale--header-link-to-all button .btn:hover{
    background-color: white;
    color: black;
    width: 50%;    
    letter-spacing: 0.1;
}

.factory_sale--hero_container--extra-pd-tp {
  padding-top: 23vh;
  min-height: 70vh;
  min-height: 70svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3rem;
  justify-content: flex-end;
}

.factory_sale--hero_container {
  min-height: 70vh;
  min-height: 70svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3rem;
  justify-content: center;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.factory_sale--logo {
  width: 10%;
  min-width: 100px;
  max-width: 175px;
}

.factory_sale--logo-juliana {
  width: 60%;
  min-width: 100px;
  max-width: 600px;
}
.factory_sale--title {
  font-family: "prosaic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(1.5rem, 5rem, 7rem);
  text-align: center;
  color: white;
  margin-bottom: 0;
}

.factory_sale--subtitle {
  font-family: "prosaic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(1rem, 1.5rem, 2rem);
  text-align: center;
  color: white;
  margin-top: 2rem;
}

.factory_sale--bike_title--chevrons {
  visibility: hidden;
  transition: 0.4s;
}

.factory_sale--bike_title {
  color: white;
  font-family: "prosaic-std", sans-serif;
  font-weight: 400;
  text-align: center;
  transition: 0.4s;
}

.factory_sale--bike_container:hover a .factory_sale--bike_title {
  font-weight: 700;
  letter-spacing: 0.15rem;
}

.factory_sale--bike_container:hover a .factory_sale--bike_title .factory_sale--bike_title--chevrons {
  visibility: visible;
}

.factory_sale--disclaimer {
  color: white;
  opacity: 0.7;
  font-family: "prosaic-std", sans-serif;
  font-weight: 400;
  text-align: center;
  padding-bottom: 1.75rem;
  position: relative;
}

.factory_sale--collection-tag {
  position: absolute;
  top: 3px;
  left: 3px;
}

.factory_sale--collection-tag h3 {
  color: white;
  width: 100%;
  font-family: "prosaic-std", sans-serif;
  font-weight: 700;
  background: linear-gradient(-45deg, #f36c5a, #f08966, #552059, #281a5f, #225e53, #0e6958, #706963, #bdb1a8);
  background-size: 400% 400%;
  animation: gradient 20s ease infinite;
  padding: 1rem 3rem;
}

.factory_sale--collection-banner {
  color: white;
  width: 100%;
  font-family: "prosaic-std", sans-serif;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  background: linear-gradient(-45deg, #f36c5a, #f08966, #552059, #281a5f, #225e53, #0e6958, #706963, #bdb1a8);
  background-size: 400% 400%;
  animation: gradient 20s ease infinite;
  padding: 2rem;
}

.factory_sale--collection-banner h3 {
  color: white;
  width: 100%;
  font-family: "prosaic-std", sans-serif;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.factory_sale--collection-banner img {
  max-width: 100px;
}

/*end of season sale march '23*/
.end-of-season-sale {
  width: 100%;
  min-height: 70vh;
  min-height: 70svh;
  background-image: url(https://cdn.shopify.com/s/files/1/0062/7759/5224/files/end-of-season-sale-hero.jpg?v=1678798082);
  background-size: cover;
  background-position: 50% 45%;
}

.end-of-season-sale_header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.end-of-season-sale_footer-container {
  display: grid;
  place-items: center;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.end-of-season-sale_footer-container img {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .end-of-season-sale_footer-container {
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
  }
}
.end-of-season-sale-collection {
  width: 100%;
  background-image: url(https://cdn.shopify.com/s/files/1/0062/7759/5224/files/end-of-season-sale-hero.jpg?v=1678798082);
  background-size: cover;
  background-position: 50% 45%;
}

#mc_embed_signup {
  width: 100%;
  text-align: center;
}

.indicates-required {
  color: grey;
  margin-bottom: 2rem;
}

.mc-field-group input {
  width: 100%;
  border: 1px solid lightgrey;
}

.mc-field-group input[type=checkbox] {
  width: auto;
  margin-bottom: 0.4rem;
}

.mc-field-group {
  padding-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
  border-bottom: 1px solid #e9e9e9;
}

.gt-homepage-banner{
  position: relative;
  height:100svh;
  height:100vh;
  min-height: 100vh;
  min-height: 100svh;
  background-image: url(/cdn/shop/files/gt-brand-page-hero.jpg?v=1682344539);
  background-size: cover;
  background-position: 50% 55%;
  margin: 2em;
  display: flex;
  align-items: center;
  justify-content: center;

}

.gt-homepage-banner-txt-container{
  text-align: center;
  
  width: 100%;
  background-color: rgba(255,255,255,0.95); 
  padding-top: 1rem; 
  padding-bottom: 1rem;
}

.gt-homepage-banner-txt-container button{
  width: 50%;
  padding: 1rem 3rem;
}

.gt-welcome-text{
  font-size: 3rem;

}

.gt-homepage-banner-txt-container h4{
  text-align: center;
  font-size: 1.65rem;
  margin-top: 0;
}

.factory-sale-minimal-banner{
  width: 100%;
  background: linear-gradient(-45deg, #f36c5a, #f08966, #552059, #281a5f, #225e53, #0e6958, #706963, #bdb1a8);
  background-size: 400% 400%;
  animation: gradient 20s ease infinite;
  

}

.factory-sale-minimal-banner-flex{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;

}

#oneUp-offer-container{
    border: 2px solid black;
    border-radius: 15px;
    overflow: hidden;
    background-color: black;

}

#oneUp-offer-details{
    margin-top: 0px;
    text-align: center;
    background-color: black;
    color: white;
    padding: 1rem;
}

#oneUp-offer-details h3{
    font-size: 2rem;
    color: #72c6ac;
    font-weight: 600;
    margin-bottom: 0px;
    text-wrap: balance;
}

#oneUp-offer-details h4{
    margin-top: 3px;
    font-size: 1.5rem;
    color: white;
    text-wrap: balance;

}

#oneUp-offer-details p{
    color: whitesmoke;
    font-size: 1rem;
    text-wrap: balance;
}

#one-up-offer-link-to-pdp{
    color: whitesmoke;
}

#oneUp-offer-details p a{
    color: #72c6ac;
}
#oneUp-offer-details p a:active{
    color: #72c6ac;
}
#oneUp-offer-details p a:hover{
    color: #72c6ac;
}
#oneUp-offer-details p a:visited{
    color: #72c6ac;
}

#oneUp-offer-details .btn{
    background-color: black;
    color: #72c6ac;
    border: 1px solid #72c6ac;
    width: 80%;
    border-radius: 15px;
    margin-bottom: 1rem;
}

#oneUp-offer-details .btn:hover{
    background-color: #72c6ac;
    color: black;
}

#one-up-offer-added-to-cart-msg{
    display: none;
    background-color: black;
    color white
}

#one-up-offer-added-to-cart-msg p{
    background-color: black;
    color white

}

.lipscore-rating-small {
  display: block;
}

.paydirt-container{
  background-color: #f7eedd;
}

#lipscore-rating {
  margin-top: 10px;
}

.lipscore-rating-small:nth-of-type(2){display:none}
.lipscore-rating-small:nth-of-type(3){display:none}
.lipscore-rating-small:nth-of-type(4){display:none}
.lipscore-rating-small:nth-of-type(5){display:none}
.lipscore-rating-small:nth-of-type(6){display:none}
.lipscore-rating-small:nth-of-type(7){display:none}
.lipscore-rating-small:nth-of-type(8){display:none}
.lipscore-rating-small:nth-of-type(9){display:none}
.lipscore-rating-small:nth-of-type(10){display:none}

.footer_extra_logos{
    width: 100%;
}

.stif-on-the-road-container{
    background-image: url(/cdn/shop/files/gt-on-the-road-bg.jpg?v=1692621627);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 100vh;
    min-height: 100dvh;
}

.txt-strikethrough{
    text-decoration: line-through;
}

/*5010 sale*/

#index-slideShow-5010-sale{
  position: relative;
  width: 100%;
  overflow: hidden;
  display: grid;
  place-items: center;
  background-image: url(/cdn/shop/files/5010-sale-banner-bg.jpg?v=1692867247); 
  background-position: 50% 50%; 
  background-size: cover; 
  background-repeat:no-repeat;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin-bottom: 2rem;
}

#index-slideShow-5010-sale a{
    display: grid;
    place-items: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
   
}

#index-slideShow-5010-sale a img{
    max-height: 50vh;
    max-width: 100%;
}

.gt-r2r-container{
    width: 100%; background-color: black; box-shadow: 0 0 0 100vmax black; clip-path: inset(0 -100vmax); position: relative; margin-top: -4.6rem; padding-bottom: 2rem;
  }

  .gt-r2r-header{
    width: 100%; padding-block: 3rem; display: grid; place-items: center;
    
    background-repeat: repeat;

  }

  .gt-r2r-header img{
   
    max-width: 100%;
  }

  .gt-r2r-header h1{
    color: white;
    position: absolute;
    font-size: clamp(2.5rem,8vw,8rem);
    font-family: "Rock Salt", cursive;
    color: #c2e812;
    text-shadow: 3px 3px 5px #FF6666, 2px 2px 5px #FFFFFF, 12px 12px 15px #000000;
    rotate: -14deg;
  }

  .gt-r2r-section-header{
    margin-block: 2rem;
    font-family: "Rock Salt", cursive;
    font-size: clamp(2rem,3vw,4rem);
    color: #c2e812;
    text-shadow: 3px 3px 5px #FF6666, 2px 2px 5px #FFFFFF, 12px 12px 15px #000000;
    text-align: center;
  }

  .gt-r2r-content h3{
    font-family: "Rock Salt", cursive;
    color: #c2e812;
    text-shadow: 3px 3px 5px #FF6666, 2px 2px 5px #FFFFFF, 12px 12px 15px #000000;
    font-size: 2rem
  }

  .gt-r2r-comp-list-main{
    color: white;
    font-weight: 700;
  }

  .gt-r2r-comp-list-info{
    color: whitesmoke;
    margin-bottom: 2.75rem;
    
  }

.gt-r2r-p-white{
  color: white;
}

.gt-r2r-btn{
  background-color: #c2e812;
  box-shadow: 3px 3px 5px #FF6666, 2px 2px 5px #FFFFFF, 12px 12px 15px #000000;
  color: black;
}

  .gt-r2r-intro{
    font-size: 1.45rem;
    color: white;
    margin-block: 2rem;
    border-top: white 2px solid;
    border-bottom: 2px solid white;
    padding-block: 1rem;
  }

.gt-r2r-pdp-container{
    background-color: black;
    background-image: url(/cdn/shop/files/sensor.jpg?v=1694519126);
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 3rem;
}
.gt-r2r-pdp-section-header{
    margin-block: 2rem;
    font-family: "Rock Salt", cursive;
    font-size: clamp(2rem,3vw,4rem);
    color: #c2e812;
    text-shadow: 3px 3px 5px #FF6666, 2px 2px 5px #FFFFFF, 12px 12px 15px #000000;
    text-align: center;
    rotate: -4deg;
}

.gt-r2r-pdp-content{
    position: relative;
    z-index: 2;
}

.gt-r2r-pdp-container-filter{
    position: absolute;
    inset: 0;
    background-color: rgba(0,0,0,0.6);
    z-index:0;
}

.bfcm-index{
    height: 70vh;
    display: grid;
    place-items: center;
    background-image: url(/cdn/shop/files/bfcm-bg.jpg?v=1700672649);
    background-size: cover;

}

.bfcm_collection-hero {
  position: relative;
  width: 100vw;
  height: 90vh;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 0;
  display: grid;
  place-items: center;
  justify-content: center;
  text-align: center;
}

.bfcm_collection-hero h1, .bfcm_collection-hero .h1 {
  margin-bottom: 0;
  width: 100%;
  max-width: 1500px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  position: absolute;
  bottom: 0;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;

}

.bfcm-btn{
    width: 100%; 
    background-color: black; 
    color: white; 
    font-weight: 600; 
    margin-top: 2px;
    transition: 0.4s;

}

.bfcm-btn:hover{
    color: black!important;
    background-color: #c2e812!important;
    cursor: pointer;
}

.blog-block-black{
    margin-top: 2rem;
    width: 100%; 
    padding: 2rem; 
    background-color: black; 
    box-shadow: 0 0 0 100vmax black;
    clip-path: inset(0 -100vmax);
    color: white;
}

.blog-block-black h1, .blog-block-black h2, .blog-block-black h3, .blog-block-black h4, .blog-block-black p{
    color: white;
}

.page-form-submitted{
    width: 100%;
    height: 75vh;
    height: 75svh;
    background-image: url(/cdn/shop/files/contact-form-sent.webp?v=1705492462);
    background-size: cover;
    background-position: 30% 75%;
    display: grid;
    align-items: center;
    justify-content: end;
}

.page-form-submitted-deets{
    margin-inline: 5vw;
    margin-left:20vw;
    color: white;
}



.page-form-submitted-deets h1, .page-form-submitted-deets h2, .page-form-submitted-deets a{
    background-color: black;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 40vw;
    text-align: left;
    padding: 0.45rem;
}


.page-form-submitted-deets a{
    background-color: white;
    color: black;
    cursor: pointer;
    padding: 1rem 3rem;
    display: block;
    margin-top: 2rem;
    border: 1px solid black;
    transition: 0.4s;

}

.page-form-submitted-deets a:hover{
    background-color: #7b679b;
    color: white;
    font-weight: 600;
}

@media screen and (max-width:1000px){
    .page-form-submitted-deets h1, .page-form-submitted-deets h2, .page-form-submitted-deets a{
        max-width: 100%;
    }   
}



.page-form-submitted-deets h1{
    font-size: 2.5rem;
}

.page-form-submitted-deets h2{
    font-size: 1.25rem;
}

.c2w-bb{
    background-color: #428b3b;
    color: white;
    margin-block: 1em;
    margin-bottom:1rem;
    padding: 0.5rem 2rem;
    text-align: center;
    transition: 0.4s;
    cursor:pointer;
    
}

.c2w-bb:hover{
    background-color: black;
    color: white;
    margin-block: 1em;
    padding: 0.5rem 2rem;
    text-align: center;
    font-weight: 600;
}

.get-in-touch-form-title{
    font-size: 2.5rem;
    text-align:center;
}

.hbspt-form-get-in-touch{
    text-align:center;
}



.hbspt-form-get-in-touch .hs-richtext, .hbspt-form-get-in-touch .hs-richtext h4{
    margin-bottom: 2rem;
    padding-top: 2rem;
    border-top: 1px solid darkgrey;
    margin-top: 1rem;
    font-size:1rem;
    font-family: Poppins, sans-serif;
}

.hbspt-form-get-in-touch .hs-form-field{
    margin-top: 2rem;
}



.hbspt-form-get-in-touch input:not([type='checkbox']), .hbspt-form-get-in-touch select, .hbspt-form-get-in-touch textarea{
    width: 80%;
}

.hbspt-form-get-in-touch input[type='checkbox']{
    float:none;

}

.hbspt-form-get-in-touch * input[type='submit']{
    background-color: #336666;
    color: white;
    transition: 0.4s;
    cursor:pointer;
}

.hbspt-form-get-in-touch * input[type='submit']:hover{
    background-color: white;
    color: black;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    float: none!important;
}

.hbspt-form-get-in-touch .hs-form-booleancheckbox{
    text-align:center;
}

.hbspt-form-get-in-touch .hs-form-booleancheckbox span{
    width: 100%;
    text-align:center;
}

.hbspt-form-get-in-touch a{
    color: #336666;
}

.cvlo-desc-container{
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
    width: 100%;
    padding-inline: min(3rem, 20vw);
    padding-block: min(2rem, 5vw);
    display: grid;
    align-content: center;
    min-height: 70vh;
}

.cvlo-desc{
    text-align:center;
    max-width: 65rem;
    padding: 2rem;
    color: white;
    justify-self: center;
    border: 1px solid white;
}

.cvlo-desc h1{
    font-size: clamp(2rem,8vw,4rem);
    font-family: "poppins", sans-serif;
    font-weight: 600;
    color: white;
    mix-blend-mode: difference;
}

.cvlo-desc p{color:white; font-weight:600;}

.cvlo-features{
    
    background-color: black;
    color: white;
    padding-block:2rem;
}

.cvlo-features * h2{
    font-family: "poppins", sans-serif;
    font-size: clamp(1.5rem,3vw,2.25rem);
    max-width: 65rem;
}

.cvlo-features h2{
    text-align: center;
    font-size: clamp(2rem,4vw,3.5rem);
    font-family: "poppins", sans-serif;
    font-weight: 900;

}

.cvlo-features * p{
    color:white;
}
.cvlo-spec-container{margin-top:0;}

.fox_blog_logo-container{
            display: grid;
            place-items: center;
            padding-block: 1.5rem;
            padding-inline: 1rem;
        }

        .fox_blog_logo-container img{
            max-width:100%;
        }

        .black-blog-bg{
            width: 100%; 
            background-color: black; 
            box-shadow: 0 0 0 100vmax black; 
            clip-path: inset(0 -100vmax); 
            position: relative; 
            margin-top: -4.6rem; 
            padding-bottom: 2rem;
        }   

        .grid-right-center{
            display: grid;
            place-items: center;
            text-align: right;
        }

        .flex-txt-on-bg{
            display: flex;
            align-content: center;
            justify-content: center;
            background-size:cover;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .fox_blog-white-p{
            color: white;
            font-size: 1.15rem;
            max-width: 65rem;
            margin-inline: auto;
        }

        

        .fox_blog_intro h3{
            color: white;
            max-width: 65rem;
            font-family: "poppins", sans-serif;
            font-size: 1.4rem;
            text-align:center;
            font-weight: 600;
            margin-inline:auto;
        }

        .fox_blog_intro h4{
            color: white;
            max-width: 65rem;
            font-family: "poppins", sans-serif;
            font-size: 1.3rem;
            text-align:center;
            font-weight: 400;
            margin-inline:auto;
        }

        .fox_blog-jackson-title{
            color: white;
            max-width: 65rem;
            font-family: "poppins", sans-serif;
            font-size: 1.6rem;
            text-align:center;
            font-weight: 700;
            margin-inline: auto;
            margin-top: 1.5rem;
        }

        .fox_blog_whats-new-topper{
            margin-top: 2rem;
            display: grid;
            place-items: center;
        }

        .fox_blog_whats-new-topper h3{
            text-align: left;
            font-size:4rem;
            font-weight: 900;
            font-family: "poppins", sans-serif;
            color: white;
        }

        .fox_blog-txt-on-jackson{
            color: white;
            opacity: 0.85;
            font-size: 3rem;
            margin-top: 4.5rem;
            margin-bottom: 4.5rem;
            font-family: "poppins", sans-serif;
            font-weight: 900;
        }

        .fox_blog-white-section-title{
            color: white;
            max-width: 65rem;
            font-family: "poppins", sans-serif;
            font-size: 1.4rem;
            text-align:center;
            font-weight: 600;
        }

        .fox_blog-jordi-title{    
            margin-top: 0.25rem;
            color: white;
            font-size: 1.5rem;
            text-align: center;
            font-family: "poppins", sans-serif;
            max-width: 65rem;
            margin-inline: auto;
        }

        .fox_blog-main-title{

            color: white;
            max-width: 65rem;
            font-family: "poppins", sans-serif;
            font-size: 2rem;
            text-align:center;
            font-weight: 600;
            margin-inline:auto;
        
        }

        .fox_blog-copy-container{
            color: white;
            font-family: "poppins", sans-serif;
            font-size: 1.15rem;
            border-right: #444444;
            margin-bottom: 1.5rem;
        }

        .fox_blog-copy-container h3{
            color: white;
            font-family: "poppins", sans-serif;
            font-size: 1.4rem;
            font-weight: 700;
        }

        .fox_blog-copy-container ul li{
            color: white;
            font-family: "poppins", sans-serif;
            font-size: 1.15rem;
        }

        .fox_blog-pdp-link h4{
            margin-top: 0.25rem;
            color: white;
            font-family: "poppins", sans-serif;
            font-size: 1.15rem;
            margin-bottom: 0;
        }

        .fox_blog-pdp-link h5{
            margin-top: 0.25rem;
            color: lightgrey;
            font-family: "poppins", sans-serif;
            font-size: 1.15rem;
        }

        .fox_blog-shop-now-title{
            margin-top: 2rem;
            color: white;
            font-size: 1.6rem;
            font-weight: 700;
            text-align: center;
            font-family: "poppins", sans-serif;
            max-width: 65rem;
            margin-inline:auto;
        }

        .fox_blog-view-all-link{
            aspect-ratio: 1.3 /2;
            display: grid;
            place-items: center;
        }

        .fox_blog-view-all-link h3{
            color: white;
            font-size: 1.6rem;
            text-align: center;
            font-family: "poppins", sans-serif;
            padding-top: 6rem;
            padding-bottom: 6rem;

        }

        .fox_blog-view-all-link:hover h3{
            color: red;
            transition: 0.4s;
        }

.gt-grade-blog h2{
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    font-family: "poppins", sans-serif;
    max-width: 65rem;
    margin-inline:auto;
}

.gt-grade-blog h3{
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    font-family: "poppins", sans-serif;
    max-width: 65rem;
    margin-inline:auto;
}

.gt-grade-blog h4{
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    font-family: "poppins", sans-serif;
    max-width: 65rem;
    margin-inline:auto;
}


.gt-grade-blog p{
    font-family: "poppins", sans-serif;
    font-size:1.1rem;
    font-weight: 300;
    letter-spacing: 1.1;
    line-height:1.6rem;
    max-width: 65rem;
    margin-inline:auto;
}

.gt-grade-blog img{margin-bottom:2rem}

.gt-grade-blog-beginner-section{
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-block: 2rem;
    background-color: #e9e9e9; 
    box-shadow: 0 0 0 100vmax #e9e9e9; 
    clip-path: inset(0 -100vmax);
}

.gt-grade-blog-beginner-section .feature_divider{
    border-bottom: 1px solid #bbb;
}

.gt-grade-blog .flex-list-copy-container{
    text-align: left;
}

.gt-grade-blog-insta-handle{
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding:0.8rem;
    text-align: center;
    font-size: 1.6rem;
    color: #111;

}

.gt-grade-blog-insta-handle a{
    color: black;
    font-weight: 700;
}
.gt-grade-blog-insta-handle a:hover{
    color: black;
}
.gt-grade-blog-insta-handle a:visited{
    color: black;
}
.gt-grade-blog-insta-handle a:active{
    color: black;
}

.gt-grade-blog ul{
    text-align: center;
}

.gt-grade-blog .gt-grade-blog-review-quotes blockquote{
    max-width: 65rem;
    margin-bottom: 2rem;
    padding-left: 2rem;
    right: 2rem;
    border-left: 10px solid #e9e9e9;
    margin-inline: auto;
    position: relative;
    border-right: 10px solid #e9e9e9;
}

.gt-grade-blog .gt-grade-blog-review-quotes blockquote::before{
    content: "“";
    position: absolute;
    top: -1rem;
    left: 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: black;
}

.gt-grade-blog .gt-grade-blog-review-quotes blockquote::after{
    content: "”";
    position: absolute;
    bottom: -2rem;
    right: 0;
    font-size: 3rem;
    font-weight: 700;
    color: black;
}

.factory_sale--header-h2{
    z-index: 3;
    font-size: clamp(2rem, calc(2rem + 3vw),4rem);
    background-color: black;
    color: white;
    padding: 1rem;
    width: fit-content;
    transform: rotate(-15deg) translateY(-5rem);
    font-family: "poppins", sans-serif;
    text-align: center;
    max-width: 80%;
    margin-inline: auto;

}

#index_hero_vid{
  width: 100%;
  height:100%;
  object-fit:cover;
  position: absolute;
  top: 0;
  left: 0;
}

/*STAFF Q&A PAGE*/

.article-qa-hero{
    height: 70vh;
    height: 70svh;
}

.article-qa-hero--topper{
    height: 30svh;
    height: 30vh;
    border: solid 2px red;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr))


}

.article-qa-hero--topper--portrait-cont{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;

    

}

.article-qa-hero--topper--portrait-cont img{
    width: 80%;
    position: absolute;
    bottom: 0;
    border-top: 2em solid white;
    border-left: 1em solid white;
    border-right: 1em solid white;
    border-bottom: 4em solid white;
    transform: rotate(-5deg);
    filter: drop-shadow(5px 5px 10px #000000);
}

.article-qa-hero--topper--name-cont{
    padding-top: 2em;
    padding-left: 1em;
}

.article-qa-pals{
    text-align:center;
}

.article-qa-q{font-weight: 700}

.article-qa-a{font-weight: 200; font-style: italic;}

.vala-blog p{
    font-size: 1.05rem;
    font-family: "Poppins", sans-serif!important;
}

.vala-blog-intro{
  
  font-weight: 700;
  font-size: 1.75rem;
  font-family: "Poppins", sans-serif!important;
}

.vala-blog-subtitle{
  margin-top: 2rem;
  font-weight: 700;
  font-size: 3.5rem;
  font-family: "Poppins", sans-serif!important;
}

.vala-blog-sub-sub-title{
  margin-top: 1.5rem;
  font-weight: 700;
  font-size: 2rem;
  font-family: "Poppins", sans-serif!important;

}

.vala-deep-dive-link{
    width: 100%;
    cursor: pointer;
}

#CurrencySelector{
    color: white;
    border: white 1px solid;
    width: 60%;
    background-color: #111111;
}

.demo-sale-info--blog--lrg{
    font-size: 2.2rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif!important;
}

.gpsr-denied p span svg{
    height: 1.1rem;
    aspect-ratio: 1/1;
}

.gpsr-denied p{
    display: inline-flex;
    flex-direction: row;
    gap: 0.25rem;
    place-items: center;
    background-color: #e9e9e9;
    padding: 0.5rem;
    font-size: 0.75rem;
    margin-bottom: 1rem;
}

.gspr-container{
  background-color: #e9e9e9;
  padding: 0.75rem;
  color: black;
  font-family: var(--font-stack-body);
  font-size: 0.75rem;
  margin-bottom: 1rem;
}

.gspr-container summary{
  list-style-position: inside;
  display: list-item
  
}

.gspr-container summary span{
  font-size: 0.75rem;
}

.gspr-container summary::marker{
  font-size: 1rem;
  color: black;
  display: block;
}

.gspr-info{
  padding-inline: 1rem;
}

.gspr-info:first-of-type{
  margin-top: 1rem;
}

.gspr-container h6, .gspr-container p  {display: inline-block; margin-top: 0; margin-bottom: 0;}

.gspr-container h6{
  font-family: var(--font-stack-body);
}


.gspr-container p{
  font-size: 0.75em;
}

/*Workshop Price list*/

#workshop_pricelist_hero {
  height: 70vh;
  width: 100%;
  overflow: hidden;
  background-image: url(/cdn/shop/files/FTW24_K4A8455_f4ac9163-22e6-4aa2-829f-ee98dcf6fd18.jpg?v=1742387522);
  background-position: center bottom;
}

#workshop_pricelist_intro {
  background-color: white;
  position: relative;
  top: -4em;
}

#workshop_pricelist_intro h1 {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 2px;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center;
}

#workshop_pricelist_intro-txt{
    background-image: url();
    background-position: center center;
    position: relative;
    top: -4em;
    min-height: 100vh;
    display: grid;
    place-items: center;
}

.workshop_pricelist_intro-txt-bg-wrap{
    padding: 1rem;
    
}

#workshop_pricelist_intro-txt p{
    font-size: 1.25rem;
    max-width: 75ch;
    margin-inline: auto;
    color: white;
    
}

#workshop_pricelist_intro-txt .page-width{
    background-color: rgba(0,0,0,0.85); 
}



.workshop_accordion-item {
  width: 100%;
}

.workshop_accordion-trigger {
  width: 100%;
  display: block;
  background-color: #336666;
  color: white;
  padding: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  text-align: left;
  border: none;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  cursor: pointer;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  
}

.workshop_accordion-trigger{
    margin-top: 1.5rem;
}

.workshop_accordion-icon {
  transition: transform 0.5s;
  width: 20px;
  aspect-ratio: 1 / 1;
  transform: rotate(180deg);
}


.workshop_accordion-item[open] .workshop_accordion-icon {
  transform: rotate(0deg);
}

.workshop_accordion-content table thead th{
    font-family: "poppins", "helvetica", "arial", sans-serif;
}

.workshop_accordion-content table{border-collapse: collapse;}

.workshop_accordion-content table td, .workshop_accordion-content table th {border: 1px solid grey}



.workshop_legal_disclaimer{
    text-align: center;
    color: grey;
    margin-bottom: 1rem;
}

.workshop_booking-container{
    width: 100%;
    padding-block: 1rem;
    background-color: #e9e9e9;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

#workshop_booking-form-title{
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    font-family: "poppins", sans-serif;

}

#workshop_booking-form-subtitle{
    text-align: center;
    color: darkgrey;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: "poppins", sans-serif;
}

.workshop_booking-form{
    background-color: white;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
}

.workshop_good2know h2, .workshop_good2know h3{
    font-weight: 600;
    font-family: "poppins", sans-serif;
    font-size: 1.1rem;
}
.workshop_good2know h2{font-size: 1.75rem}

.workshop_good2know{margin-bottom: 2rem;}

.workshop_booking-form h2{
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    font-family: "poppins", sans-serif;
}

.workshop_booking-form select{
    width: 80%;
    margin-left: 10%;
    position: relative;
    border-radius: 12px;
    font-size: 1.2rem;
    padding: 1rem;
}


.workshop_booking_form--active{
    display: block;
}

.workshop_booking_form--hidden{
    display: none;
}

.workshop_pricelist_content{
    position: fixed;
    background-color: rgba(0,0,0,0.9);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    padding-inline: 1rem;
    overflow-y: scroll;
    display:none;
}

.workshop_accordion-content table{
    background-color: rgba(255,255,255,0.9);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
}

.workshop_pricelist_content h1{
    text-align: center;
    color: white;
    font-size: clamp(2.5rem, calc(2rem + 1vw),5rem);
    font-weight: 600;
    font-family: "poppins", sans-serif;
    background-color: black;
    padding: 1rem;

}

#workshop_close-price-list svg{
     transition: 0.4s;
}

#workshop_close-price-list{
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 3rem;
    aspect-ratio: 1/1;
    cursor: pointer;
   isolation:isolate;
}

@media screen and (max-width: 749px){
    #workshop_close-price-list{
        width: 1.5rem;
    }

    .workshop_pricelist_content h1{
        padding-top: 5rem;
    }

}

#workshop_close-price-list:hover svg{
    transform: rotate(180deg);
}

#workshop_close-price-list svg path {
    fill: #ffffff;
    stroke: #ffffff;
    width: 100%;

}

.workshop_price-sticky{
    position: sticky;
    top: 0;
    isolation: isolate;
}

.workshop_show-prices{
    color: #336666;
    cursor: pointer;
    font-weight: 600;

    text-decoration: underline;
}

#workshop-telNo{
    color: #336666;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
}


.workshop_good2know ul{margin-bottom: 1rem;}
.workshop_good2know ul li{padding-left: 1rem;}
.workshop_good2know p{padding-left: 1rem;}

.workshop_gallery-container{
    padding-inline: 1.5rem;
    
}

.workshop--summerbridge{
    text-align: center;
    font-family: "poppins", sans-serif;
}

.workshop--summerbridge h2{
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 2rem;
}

.workshop--summerbridge p{
    text-align: center;
    font-family: "poppins", sans-serif;

}

.workshop--summerbridge p a{
    color: #336666;
    cursor: pointer;
}

.indx-wrkshp-banner{
    min-height: 40vh;
    background-image: url(/cdn/shop/files/FTW24_K4A8455_f4ac9163-22e6-4aa2-829f-ee98dcf6fd18.jpg?v=1742387522);
    background-position: center center;
    display: flex;
    place-items: center;
    padding: 2rem; 
    position: relative;
    
}


@media screen and (max-width: 1000px){
    .indx-wrkshp-banner{
        margin-bottom: 1rem;
    }
}

.indx-wrkshp-banner-inner{
    width: 100%;
    
    display: flex;
    flex-direction: column;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background-color: rgba(255,255,255,0.95);
    transition: 0.4s;

}



.indx-wrkshp-banner:hover .indx-wrkshp-banner-inner{
    background-color: rgba(255,255,255,1);
}

.indx-wrkshp-banner-inner h3{
    font-size: clamp(2.5rem, calc(2rem + 2vw), 5.5rem);
    font-family: "poppins", sans-serif;
    font-weight: 600;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.indx-wrkshp-banner-inner a{
    width: 100%;
    text-align: center;
}

.indx-wrkshp-banner-inner a .btn{
    padding-inline: 4rem;
    max-width: 80%;
    font-family: "poppins", sans-serif;

}

.indx-wrkshp-banner-inner p{
    max-width: 70rem;
    text-align:center;
    font-weight: 600;
}

.indx-wrkshp-banner .new{
    position: absolute;
    top: 0rem;
    left:0rem;
    max-width: 12%;
}

@media screen and (max-width: 749px){
   .indx-wrkshp-banner .new{
        max-width: 20%;
    } 
}

.new-corner{
    position: absolute;
    top:0;
    left:0;
    width: 12%;
    min-width: 120px;
    aspect-ratio: 1/1;
    padding:1vmin;
    font-size: clamp(0.85rem, calc(1rem + 1.25vw), 2.5rem);
    background-color: #FF6666;
    color: white;
    font-family: "poppins", sans-serif;
    font-weight: 600;
    clip-path: polygon(0 0, 100% 0, 0 100%);

}