/** Shopify CDN: Minification failed

Line 250:8 Unexpected "{"
Line 250:9 Expected identifier but found "%"
Line 251:8 Unexpected "{"
Line 251:9 Expected identifier but found "%"
Line 256:8 Unexpected "{"
Line 256:9 Expected identifier but found "%"
Line 257:8 Unexpected "{"
Line 257:9 Expected identifier but found "%"
Line 322:8 Unexpected "{"
Line 322:9 Expected identifier but found "%"
... and 2 more hidden warnings

**/
en an/*
* Layout
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing
    #Media Queries */

/* #Base 1200 Grid
================================================== */    

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0;}

    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; box-sizing: content-box}

    .row                                        { margin-bottom: 20px; }

    .container.full-width {
      width: 100%;
    }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }
    .container .one-fifth.column                { width: 220px; }
    .container .one-sixth.column                { width: 180px; }
    .container .one-seventh.column              { width: 151px; }



    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 375px; }
    .container .offset-by-six                   { padding-left: 450px; }
    .container .offset-by-seven                 { padding-left: 525px; }
    .container .offset-by-eight                 { padding-left: 600px; }
    .container .offset-by-nine                  { padding-left: 675px; }
    .container .offset-by-ten                   { padding-left: 750px; }
    .container .offset-by-eleven                { padding-left: 825px; }
    .container .offset-by-twelve                { padding-left: 900px; }
    .container .offset-by-thirteen              { padding-left: 975px; }
    .container .offset-by-fourteen              { padding-left: 1050px; }
    .container .offset-by-fifteen               { padding-left: 1125px; }

/* #Base 960 Grid
================================================== */
  
  @media only screen and (min-width: 1200px ) and (max-width: 2561px) { 
    


    
  } 


/*  */

  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }
    .container .one-fifth.column                { width: 172px; }
    .container .one-sixth.column                { width: 140px; }
    .container .one-seventh.column              { width: 117px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
  }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        .container .one-fifth.column                { width: 133px; }
        .container .one-sixth.column                { width: 108px; }
        .container .one-seventh.column              { width: 89px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 768px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
        .container .one-fifth.column,
        .container .one-sixth.column,
        .container .one-seventh.column  { width: 300px; }

        {% comment %}
        {% if settings.mobile_products_per_row == "2" %}
          .container .thumbnail.even, .container .thumbnail.odd  { width: 140px !important; }
          .container div.thumbnail.even  { clear: left }
          .container div.thumbnail.odd  { margin-left: 20px }
          br.product_clear { display: none }
        {% endif %}
        {% endcomment %}
      
      .container .thumbnail.even, .container .thumbnail.odd  { width: 140px !important; }
      .container div.thumbnail.even  { clear: left }
      .container div.thumbnail.odd  { margin-left: 20px }
      br.product_clear { display: none }

      .collection-template-section .purchase {
        display: block !important;
        width: 87%;
      }
      
        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 768px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
        .container .one-fifth.column,
        .container .one-sixth.column,
        .container .one-seventh.column { width: 420px; }

        {% if settings.mobile_products_per_row == "2" %}
          .container .thumbnail.even, .container .thumbnail.odd  { width: 200px !important; }
          .container div.thumbnail.even  { clear: left }
          .container div.thumbnail.odd  { margin-left: 20px }
          br.product_clear { display: none }
        {% endif %}
    }


@font-face {
  font-family: 'Gunplay';
  src: url('/cdn/shop/files/Gunplay-Regular_400.ttf') format("truetype");
  font-weight: normal;
  font-style: normal; 
}

.header-top {
  background: #0082ca;
  color: #FFF;
  display: none;
}

.header-top .col-wrapper {
  display: flex;
  justify-content: center;
  padding:4px 0;
}

.header-top .col-wrapper .col {
  padding: 5px 40px;
  border-left: solid 2px;
  font-family: Gunplay;
  font-size: 24px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}

.header-top .col-wrapper .col:first-of-type {
  border-left: none;
}

.header-top .col-wrapper .col span, .header-top .col-wrapper .col small {
  display: block;
}

.header-top .col-wrapper .col small {
  font-size: 17px;
}

.header {
  padding-top: 5px;
  padding-bottom: 5px;
}

.header.header--top-left {
  grid-template-areas: "heading search icons" "navigation navigation navigation";
  grid-template-columns: auto 1fr auto;
  padding-top: 5px;
  padding-bottom: 10px;
}

.header .header__search_form {
  grid-area: search;
  padding: 0 20px;
}

.header .header__search_form .search__input {
  box-shadow: 0 0 0 2px #000;
}

.search .field__label {
  font-family: 'Gunplay';
  text-transform: uppercase;
}

.header .header__search_form form.search {
  max-width: 100%;
}

body .search__button .icon {
  width: 30px;
  height: 30px;
}

.header__icon--cart img {
  width: 25px;
  max-width: 100%;
}

body .header:not(.header--middle-left) .header__inline-menu {
  margin-top: 0;
  text-align: center;
}

.header__inline-menu .list-menu__item {
  font-family: Gunplay;
  color: #000;
  text-transform: uppercase;
  font-style: italic;
  font-size: 20px;
}

.header__inline-menu .list-menu {
  justify-content: space-between;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.header .header__icon {
  max-width: 100%;
  margin-right: 0;
}

.index-guarantee .multicolumn-card__image-wrapper {
  width: 80px;
}

.index-banner .banner__media img {
  object-position: bottom center;
}

.index-guarantee .multicolumn-card__info {
  padding-top: 10px;
  padding-bottom: 10px;
}

.index-guarantee .multicolumn-card__info h3 {
  font-family: 'Gunplay';
  font-size: 20px;
  text-transform: uppercase;
  font-style: italic;
  color: #0082ca;
  line-height: 1;
}

.index-guarantee .multicolumn-card__info .rte {
  margin-top: 20px;
  font-family: 'Gunplay';
  line-height: 1.2;
  text-transform: uppercase;
  color: #000;
  font-style: italic;
}

header-drawer {
  grid-area: hamburger;
}

@media screen and (max-width: 989px) {
  .header.header--top-left {
    grid-template-areas: "hamburger heading icons" "search search search";
  }

  .header .header__search_form {
    padding: 0;
  }

  .header__icon--menu svg {
    width: 26px;
    height: 26px;
  }

  .header-top .col-wrapper {
    display: block;
    padding: 5px 0;
  }

  .header-top .col-wrapper .col {
    padding: 5px 10px;
    width: 100%;
    border: none;
    font-size: 14px;
    height: 40px;
  }

  .header-top .col-wrapper .col small {
    font-size: 12px;
  }
}

.title {
  font-family: 'Gunplay';
  font-style: italic;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  margin-top: 0;
}

.title:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%) skew(305deg);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 430px 0 0;
  border-color: #0082ca transparent transparent transparent;
}

.featured_collection.pre_workout {
  padding-top: 30px;
}

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

.featured_collection .slider-buttons {
  display: none;
}

.featured_collection .collection__view-all a:not(.link) {
  margin-top: 0;
}

.collection__view-all .button {
  font-family: 'Gunplay';
  text-transform: uppercase;
  font-size: 26px;
  font-style: italic;
  height: 50px;
  padding-top: 3px;
  background: linear-gradient(90deg, rgba(0,130,202,1) 0%, rgba(0,179,255,1) 50%, rgba(0,130,202,1) 100%);
  border: none;
  box-shadow: 0 0 19px 6px #afafaf;
}

.collection__view-all .button:before, .collection__view-all .button:after {
  display: none;
}

.cart-count-bubble {
  right: -5px;
  top: -5px;
  padding-top: 4px;
  left: auto;
}

.collection__title.title-wrapper {
  padding-top: 10px;
  margin-top: 0;
}

.collection-banner .banner__heading {
  text-transform: uppercase;
  font-family: Gunplay;
  font-style: italic;
  position: relative;
  line-height: 1;
}

.collection-banner .banner__heading:after {
  content: "";
  background-image: url(/cdn/shop/files/Untitled-4.png?v=1661315347);
  position: absolute;
  width: calc(100% + 80px);
  display: inline-block;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,100%);
}

.spr-badge-caption, .price .price-item, .product-grid .card .select select, .facets-container * {
  font-family: Gunplay;
  text-transform: uppercase;
  color: #000;
}

.spr-badge-caption {
  font-size: 12px;
}

#shopify-section-header {
  transition: linear .1s all;
  position: sticky;
/*   top: -90px; */
}

.shopify-section-header-sticky {
  transform: none;
}

.App {
  font-family: sans-serif;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0.625rem;
}

.dXWCyY {
  font-family: Gunplay !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}

.irPtrP {
  font-family: inherit !important;
  margin: 15px 0 0px !important;
}

.MuiSvgIcon-root {
  width: 1.5em !important;
  height: 1.5em !important;
}

@media screen and (max-width: 1073px) {
  #shopify-section-header {
/*     top: -110px; */
  }
}

@media screen and (max-width: 989px) {
  #shopify-section-header {
/*     top: -50px; */
  }
}

@media screen and (max-width: 767px) {
  .title:after {
    border-width: 20px 300px 0 0;
  }
}

@media screen and (max-width: 749px) {
  .collection-banner .banner__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .collection-banner .banner__content .banner__box {
    background: none;
    text-align: center;
  }

  .collection-banner .banner__heading {
    color: #FFF;
    display: inline-block;
  }
}

.mb_40 {
  margin-bottom: 40px !important;
}

.template-page-about .title.h0 {
  font-size: 72px;
}

.template-page-about .h0, .template-page-about .h1, .template-page-about h3 {
  color: #0082ca;
  font-style: italic;
}

.template-page-about .title:after {
  border-color: #000 transparent transparent transparent;
}

.template-page-about .rich-text .rich-text__text {
  text-align: left;
  font-family: 'Gunplay';
  color: #000;
  font-size: 24px;
  line-height: 1.2;
}

.template-page-about .multicolumn-card .rte {
  font-family: 'Gunplay';
  line-height: 1.2;
  color: #000;
}

.collection-banner .banner__media.showMobile:before {
  padding: 0 !important;
}

.collection-banner .banner__media.showMobile img {
  position: relative;
  width: 100%;
  height: auto;
}

.showMobile {
  display:block;
}
@media screen and (min-width: 750px) {
  .showMobile {
    display: none !important;
  }
  .showDesktop {
    display: block !important;
  }
}

@media screen and (max-width: 749px) {
  .template-page-about .title.h0 {
    font-size: 48px;
  }
  
  .template-page-about .rich-text__wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .showDesktop {
    display: none !important;
  }
}

.showUltra{
  display:none !important;
}

@media screen and (min-width: 1441px) {

  .showUltra{
    display:block !important;
  }

}

@keyframes growProgressBar {
  0%{
      --pgPercentage: 0;
  }
  100% {
      --pgPercentage: var(--value);
  }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

.evl-progress-bar {
  width:100%;
  max-width: 100%;
  margin:1rem auto;
  padding:1rem 0;
  border-bottom: 1px #eeeeee solid;
}
@media only screen and (min-width: 768px) {
  .evl-progress-bar {
      max-width:500px;
  }
}

.evl-progress-bar__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.evl-progress-bar__item {
  --fg: #369;
  --bg: #def;
  --pgPercentage: var(--value);
  animation: growProgressBar 1s 1 forwards;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  display: flex;
  place-items: center;
  flex-direction: column;
  position: relative;
  background: radial-gradient(closest-side, white 80%, transparent 0 92%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
}


.evl-progress-bar__text {
  font-family: Gunplay;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #000;
  display:block;
  text-align:center;
  font-size:13px;
}

.evl-progress-bar__price{
  text-transform: uppercase;
  letter-spacing: 0;
  color: #000;
  display:block;
  text-align:center;
  font-size:13px;
}

.evl-progress-bar__img {
  max-width: 35px;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.evl-progress-bar__title{
  text-align:center;
  text-transform: uppercase;
  margin:0 0 1rem;
  background-color:black;
  color:white;
  padding:.35rem 0;
}
[data-free-gift-status]{
  display:block;
  text-align:center;
  font-size:14px;
}
[data-free-gift]{
  place-content: center;
  place-items: center;
  display: flex;
  flex-direction: column;
  width:100%;
}
[data-away-from]{
  font-weight:bold;
  color:#0794e4;
}

.evl-progress-bar__item:after {
  content: "✅";
  height: 100%;
  width: 100%;
  display: block;
  z-index: 1;
  display: flex;
  place-items: center;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 2s ease;
}
.evl-progress-bar__item.finished:after {
  opacity: 1;
}





.free-gifts-modal {
  position: fixed; /* Stay in place */
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.free-gifts-modal.hidden{
  display:none;
}

.free-gifts-modal-content{
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  max-width: 425px;
  border-radius:8px;
  overflow:hidden;
  position:relative;
  width:95%;
}

.free-gifts-modal-img{
  max-width:100%;
  width:200px;
  display:block;
  margin:0 auto;
}

.free-gifts-modal-pricing-line{
  text-decoration: line-through;
}

.free-gifts-modal-message{
  text-align:center;
  display:block;
}

.free-gifts-modal-title{
  display:block;
  text-align:center;
  margin-bottom:1.5rem;
  text-transform: uppercase;
  font-weight:bold;
}

.free-gifts-modal-close{
  display:block;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
  margin-left:auto;
  width:fit-content;
  font-weight:lighter;
  text-transform: uppercase;
  padding-top: 1rem;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: underline;
}

.free-gifts-modal-content--wrap{
  display:flex;
  flex-direction: row;
}

@media only screen and (min-width: 768px ){
  .free-gifts-modal-content--wrap{
    flex-direction: row;
  }
}
    
.free-gifts-modal-select-wrap{
  flex-direction: column;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 8px;
  overflow:hidden;
}

.free-gifts-modal-add-to-cart{
  background-color: #0082ca;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  outline: none;
  border: none;
  padding: 0.5rem 1rem;
  width: 100%;
  cursor:pointer;
  transition:background-color .3s ease;
}
.free-gifts-modal-add-to-cart:hover{
  background-color:#096699;
}

.free-gifts-modal-listing{
  padding:1rem; 
}


.free-gifts-modal-details-wrap{
  max-width:250px;
  margin:0 auto;
}


/*
* Layout
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing
    #Media Queries */
/* #Base 1200 Grid
================================================== */
.container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0; }

.column, .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  box-sizing: content-box; }

.row {
  margin-bottom: 20px; }

.container.full-width {
  width: 100%; }

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0; }

.column.omega, .columns.omega {
  margin-right: 0; }

/* Base Grid */
.container .one.column {
  width: 55px; }

.container .two.columns {
  width: 130px; }

.container .three.columns {
  width: 205px; }

.container .four.columns {
  width: 280px; }

.container .five.columns {
  width: 355px; }

.container .six.columns {
  width: 430px; }

.container .seven.columns {
  width: 505px; }

.container .eight.columns {
  width: 580px; }

.container .nine.columns {
  width: 655px; }

.container .ten.columns {
  width: 730px; }

.container .eleven.columns {
  width: 805px; }

.container .twelve.columns {
  width: 880px; }

.container .thirteen.columns {
  width: 955px; }

.container .fourteen.columns {
  width: 1030px; }

.container .fifteen.columns {
  width: 1105px; }

.container .sixteen.columns {
  width: 1180px; }

.container .one-third.column {
  width: 380px; }

.container .two-thirds.column {
  width: 780px; }

.container .one-fifth.column {
  width: 220px; }

.container .one-sixth.column {
  width: 180px; }

.container .one-seventh.column {
  width: 151px; }

/* Offsets */
.container .offset-by-one {
  padding-left: 75px; }

.container .offset-by-two {
  padding-left: 150px; }

.container .offset-by-three {
  padding-left: 225px; }

.container .offset-by-four {
  padding-left: 300px; }

.container .offset-by-five {
  padding-left: 375px; }

.container .offset-by-six {
  padding-left: 450px; }

.container .offset-by-seven {
  padding-left: 525px; }

.container .offset-by-eight {
  padding-left: 600px; }

.container .offset-by-nine {
  padding-left: 675px; }

.container .offset-by-ten {
  padding-left: 750px; }

.container .offset-by-eleven {
  padding-left: 825px; }

.container .offset-by-twelve {
  padding-left: 900px; }

.container .offset-by-thirteen {
  padding-left: 975px; }

.container .offset-by-fourteen {
  padding-left: 1050px; }

.container .offset-by-fifteen {
  padding-left: 1125px; }

/* #Base 960 Grid
================================================== */
/*  */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0; }

  .container .column,
  .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px; }

  .row {
    margin-bottom: 20px; }

  /* Nested Column Classes */
  .column.alpha, .columns.alpha {
    margin-left: 0; }

  .column.omega, .columns.omega {
    margin-right: 0; }

  /* Base Grid */
  .container .one.column,
  .container .one.columns {
    width: 40px; }

  .container .two.columns {
    width: 100px; }

  .container .three.columns {
    width: 160px; }

  .container .four.columns {
    width: 220px; }

  .container .five.columns {
    width: 280px; }

  .container .six.columns {
    width: 340px; }

  .container .seven.columns {
    width: 400px; }

  .container .eight.columns {
    width: 460px; }

  .container .nine.columns {
    width: 520px; }

  .container .ten.columns {
    width: 580px; }

  .container .eleven.columns {
    width: 640px; }

  .container .twelve.columns {
    width: 700px; }

  .container .thirteen.columns {
    width: 760px; }

  .container .fourteen.columns {
    width: 820px; }

  .container .fifteen.columns {
    width: 880px; }

  .container .sixteen.columns {
    width: 940px; }

  .container .one-third.column {
    width: 300px; }

  .container .two-thirds.column {
    width: 620px; }

  .container .one-fifth.column {
    width: 172px; }

  .container .one-sixth.column {
    width: 140px; }

  .container .one-seventh.column {
    width: 117px; }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 60px; }

  .container .offset-by-two {
    padding-left: 120px; }

  .container .offset-by-three {
    padding-left: 180px; }

  .container .offset-by-four {
    padding-left: 240px; }

  .container .offset-by-five {
    padding-left: 300px; }

  .container .offset-by-six {
    padding-left: 360px; }

  .container .offset-by-seven {
    padding-left: 420px; }

  .container .offset-by-eight {
    padding-left: 480px; }

  .container .offset-by-nine {
    padding-left: 540px; }

  .container .offset-by-ten {
    padding-left: 600px; }

  .container .offset-by-eleven {
    padding-left: 660px; }

  .container .offset-by-twelve {
    padding-left: 720px; }

  .container .offset-by-thirteen {
    padding-left: 780px; }

  .container .offset-by-fourteen {
    padding-left: 840px; }

  .container .offset-by-fifteen {
    padding-left: 900px; } }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px; }

  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px; }

  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px; }

  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px; }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0; }

  .container .one.column,
  .container .one.columns {
    width: 28px; }

  .container .two.columns {
    width: 76px; }

  .container .three.columns {
    width: 124px; }

  .container .four.columns {
    width: 172px; }

  .container .five.columns {
    width: 220px; }

  .container .six.columns {
    width: 268px; }

  .container .seven.columns {
    width: 316px; }

  .container .eight.columns {
    width: 364px; }

  .container .nine.columns {
    width: 412px; }

  .container .ten.columns {
    width: 460px; }

  .container .eleven.columns {
    width: 508px; }

  .container .twelve.columns {
    width: 556px; }

  .container .thirteen.columns {
    width: 604px; }

  .container .fourteen.columns {
    width: 652px; }

  .container .fifteen.columns {
    width: 700px; }

  .container .sixteen.columns {
    width: 748px; }

  .container .one-third.column {
    width: 236px; }

  .container .two-thirds.column {
    width: 492px; }

  .container .one-fifth.column {
    width: 133px; }

  .container .one-sixth.column {
    width: 108px; }

  .container .one-seventh.column {
    width: 89px; }

  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px; }

  .container .offset-by-two {
    padding-left: 96px; }

  .container .offset-by-three {
    padding-left: 144px; }

  .container .offset-by-four {
    padding-left: 192px; }

  .container .offset-by-five {
    padding-left: 240px; }

  .container .offset-by-six {
    padding-left: 288px; }

  .container .offset-by-seven {
    padding-left: 336px; }

  .container .offset-by-eight {
    padding-left: 384px; }

  .container .offset-by-nine {
    padding-left: 432px; }

  .container .offset-by-ten {
    padding-left: 480px; }

  .container .offset-by-eleven {
    padding-left: 528px; }

  .container .offset-by-twelve {
    padding-left: 576px; }

  .container .offset-by-thirteen {
    padding-left: 624px; }

  .container .offset-by-fourteen {
    padding-left: 672px; }

  .container .offset-by-fifteen {
    padding-left: 720px; } }
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 768px) {
  .container {
    width: 300px; }

  .container .columns,
  .container .column {
    margin: 0; }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column,
  .container .one-fifth.column,
  .container .one-sixth.column,
  .container .one-seventh.column {
    width: 300px; }

  .container .thumbnail.even, .container .thumbnail.odd {
    width: 140px !important; }

  .container div.thumbnail.even {
    clear: left; }

  .container div.thumbnail.odd {
    margin-left: 20px; }

  br.product_clear {
    display: none; }

  .collection-template-section .purchase {
    display: block !important;
    width: 87%; }

  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0; } }
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .container {
    width: 420px; }

  .container .columns,
  .container .column {
    margin: 0; }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column,
  .container .one-fifth.column,
  .container .one-sixth.column,
  .container .one-seventh.column {
    width: 420px; }

  .container .thumbnail.even, .container .thumbnail.odd {
    width: 200px !important; }

  .container div.thumbnail.even {
    clear: left; }

  .container div.thumbnail.odd {
    margin-left: 20px; }

  }

    .mega-menu__link--level-2{
      font-weight:bold;
      text-decoration: underline !important;
      text-transform:uppercase !important;
      font-size:2rem;
    }


    .card__badge{
      display:none !important;
    }

    .container .columns{
      float:none !important;
      display:block !important;
      margin:0 !important;
    }

    .container .row{
      display:flex !important;
      flex-direction: column;
    }

    @media only screen and (min-width: 768px) {
      .container .row{
        flex-direction: row;
      }
  


    }

#shopify-section-announcement-bar {
  height: 50px;
  position: relative;
  background: #000;
}

#shopify-section-announcement-bar .announcement-bar {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: ease .6s opacity;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent;
}

#shopify-section-announcement-bar .announcement-bar.active {
  opacity: 1;
}

body cart-drawer.drawer {
  width: unset;
  height: unset;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
}

.section-newsletter .newsletter__wrapper {
  background: #ebebeb;
}

.section-newsletter + section {
  background: #ebebeb;
}

.klaviyo-form-YzhfnD  .klaviyo-form {
  max-width: 640px !important;
  margin: 0 auto;
}

.klaviyo-form-YzhfnD  .klaviyo-form input {
  border: 2px solid rgb(0, 0, 0) !important;
  background: rgb(255, 255, 255) !important;
  border-radius: 0 !important;
  height: 56px !important;
}

.klaviyo-form-YzhfnD  .klaviyo-form input::placeholder {
  font-family: Gunplay !important;
  color: #000 !important;
  font-style: italic !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.klaviyo-form-YzhfnD  .klaviyo-form button {
  max-width: 360px !important;
  border: solid 2px #000 !important;
  background: #0082ca !important;
  color: #fff !important;
  font-family: Gunplay !important;
  font-size: 20px !important;
  font-style: italic !important;
  width: 100% !important;
  position: relative !important;
  height: 52px !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}
  
.klaviyo-form-YzhfnD  .klaviyo-form [data-testid="form-row"] {
  justify-content: center;
}
  
.klaviyo-form-YzhfnD  .klaviyo-form [data-testid="form-row"] > div {
  width: 50% !important;
  flex: none !important;
}

.hide {
  display: none !important;
}

html .spr-badge-starrating .spr-icon,
.spr-stars svg path {
  color: #0082ca;
  fill: #0082ca;
}

@media screen and (max-width: 767px) {
  .klaviyo-form-YzhfnD  .klaviyo-form [data-testid="form-row"] {
    flex-wrap: wrap !important;
    padding-bottom: 30px !important;
  }
  
  .klaviyo-form-YzhfnD .klaviyo-form [data-testid="form-row"] > div {
    width: 100%;
    flex: none !important;
    padding: 20px 0 0 !important;
  }
}

.additional-checkout-buttons{
  display:none !important;
}


.military-wrap{
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
  margin:20px auto;
}

@media screen and (min-width: 768px) {
  .military-wrap{
    flex-direction:row;
  }
}

#BIS_trigger {
  margin-bottom: 10px;
}

.modal-close {
  position: absolute;
  background: transparent;
  border: none;
  top: 0;
  right: 4px;
  cursor: pointer;
}

.modal-close:before {
  content: "\2715";
  font-size: 30px;
}

#shopify-section-header {
  z-index: 1000;
}

.predictive-search__loading-state {
  position: absolute;
}

.list-social__link{
  height:100% !important;
}


a.cart-item__link:not([href]) , a.cart-item__name:not([href]){
  pointer-events:none !important;
}

#free-gift-bubbles{
  display:none !important;
}