/** Shopify CDN: Minification failed

Line 1226:0 Unexpected ".24-inch-paddle"
Line 1241:9 Expected ":"

**/
@import url("https://fonts.googleapis.com/css?family=Teko:400,600,700&display=swap");
@-webkit-keyframes shadow-pulse-highlight {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(229, 29, 32, 0.5);
            box-shadow: 0 0 0 0px rgba(229, 29, 32, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 10px 15px rgba(229, 29, 32, 0);
            box-shadow: 0 0 10px 15px rgba(229, 29, 32, 0);
  }
}
@keyframes shadow-pulse-highlight {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(229, 29, 32, 0.5);
            box-shadow: 0 0 0 0px rgba(229, 29, 32, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 10px 15px rgba(229, 29, 32, 0);
            box-shadow: 0 0 10px 15px rgba(229, 29, 32, 0);
  }
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: "Teko", sans-serif;
  margin: 0;
  padding: 0;
  width: 100vw;
}

button {
  font-family: "Teko", sans-serif;
  cursor: pointer;
}

button:focus, button:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.customizer-container {
  height: 60vh;
  background-color: #ccc;
  background-image: url(/cdn/shop/t/8/assets/bg-3d.png?v=1581523051);
  background-size: cover;
  -webkit-transition: background-color .5s ease-in-out;
  transition: background-color .5s ease-in-out;
  position: relative;
  width: 100vw !important;
}

@media (max-width: 991px) {
  .customizer-container {
    height: calc(50vh);
  }
}

.options-panel {
  width: 100%;
}

.options-set {
  width: 100%;
}

.options-set a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  margin: 1px 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0 20px;
  text-decoration: none;
  font-weight: 700;
  border-radius: 8px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

@media (max-width: 991px) {
  .options-set a {
    border-radius: 0%;
    background: #000;
  }
}

.options-set a.active {
  background-color: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.options-set .options-content {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  margin-top: -1px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #fff;
}

@media (max-width: 991px) {
  .options-set .options-content {
    border-radius: 0%;
    background: #000;
  }
}

.options-panel-container {
  width: 100%;
  min-width: 210px;
  max-width: 360px;
  position: absolute;
  height: 100%;
  top: 0;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-y: scroll;
}

@media (max-width: 991px) {
  .options-panel-container {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.switch input:checked + .slider {
  background-color: #e51d20;
}

.switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #000;
          box-shadow: 0 0 1px #000;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.slider :before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch,
.toggle-switch-ext {
  width: 60px;
  height: 34px;
  position: relative;
  background-color: #565656;
  border-radius: 30px;
  border: none;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
}

.toggle-switch:hover,
.toggle-switch-ext:hover {
  background-color: #565656;
}

.toggle-switch:after,
.toggle-switch-ext:after {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.toggle-switch.yes,
.toggle-switch-ext.yes {
  background-color: #e51d20;
}

.toggle-switch.yes:after,
.toggle-switch-ext.yes:after {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}

.selected-option {
  font-weight: 400;
  font-size: .8rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.curve-details {
  font-size: .8rem;
  background-color: #fff;
  color: #000 !important;
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

table.curve-options {
  width: 100%;
  background: #fff !important;
  color: #000 !important;
}

table.curve-options td {
  padding: 5px;
  width: 25%;
  border-bottom: 1px solid #000;
  background: #fff !important;
  color: #000 !important;
  font-size: 14px;
}

.custom-name {
  border: 1px solid #fff;
  background-color: #fff;
  width: 100%;
  font-size: .8rem;
  padding: 12px 8px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 8px;
  text-transform: uppercase;
}

.custom-name:focus {
  border-color: #e51d20;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.views-tabs {
  width: 60px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 20px;
  top: 0;
}

.views-tabs .btn-views {
  border: none;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 8px;
  width: 60px;
  height: 60px;
  margin: 2px 0;
  font-size: 2rem;
  color: #fff;
  position: relative;
}

@media (max-width: 991px) {
  .views-tabs .btn-views {
    height: 50px;
    width: 50px;
  }
}

.views-tabs .btn-views svg {
  height: 70%;
  width: 70%;
  position: absolute;
  top: 15%;
  left: 15%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.views-tabs .btn-views svg path {
  fill: #fff;
}

.views-tabs .btn-views:hover {
  margin-left: 10px;
}

.views-tabs .btn-views:hover svg {
  height: 90%;
  width: 90%;
  top: 5%;
  left: 5%;
}

.views-tabs .btn-views:hover svg path {
  fill: #e51d20;
}

.views-tabs .btn-views.active {
  background-color: #e51d20;
  margin-left: 10px;
  -webkit-animation: shadow-pulse-highlight 2s infinite;
          animation: shadow-pulse-highlight 2s infinite;
}

.views-tabs .btn-views.active svg {
  height: 90%;
  width: 90%;
  top: 5%;
  left: 5%;
}

.views-tabs .btn-views.active svg path {
  fill: #fff;
}

.views-tabs .btn-views:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#stickStage {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#customLoadingScreenDiv {
  background-color: rgba(0, 0, 0, 0.8);
}

@-webkit-keyframes rotateLogo {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes rotateLogo {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#loadingScreen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.98);
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {
  #loadingScreen {
    height: 100vh;
  }
}

#loadingScreen .loading-dialog-container {
  width: 100%;
  text-align: center;
  color: #fff;
}

#loadingScreen .loading-dialog-container .loading-text {
  font-family: "Teko", sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
}

#loadingScreen .loading-dialog-container .laoding-logo {
  background-image: url('nn-logo-badge.svg');
  background-repeat: no-repeat;
  height: 120px;
  width: 120px;
  display: block;
  background-position: center center;
  background-size: 100px 100px;
  margin: 0 auto 40px auto;
  -webkit-animation: rotateLogo 1s infinite linear;
          animation: rotateLogo 1s infinite linear;
  opacity: 0;
}

span.color {
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}

.color-swatch-button,
.color-base-button,
.color-base-two-button {
  border: none;
  color: #fff;
  background: transparent;
  margin: 0 10px 10px 0;
  font-size: 1.15rem;
}

.color-swatch-button:focus, .color-swatch-button:active,
.color-base-button:focus, .color-base-button:active,
.color-base-two-button:focus, .color-base-two-button:active
{
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.color-swatch-button .swatch-color-dot,
.color-base-button .swatch-color-dot,
.color-base-two-button .swatch-color-dot {
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 12px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-image: url('btn-bg-3d.png');
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .color-swatch-button .swatch-color-dot,
.color-base-button .swatch-color-dot,
  .color-base-two-button .swatch-color-dot{
    width: 55px;
    height: 55px;
  }
}

.color-swatch-button .swatch-color-dot.crimson, 
.color-base-button .swatch-color-dot.crimson,
.color-base-two-button .swatch-color-dot.crimson {
  background-color: #7d212b;
}

.color-swatch-button .swatch-color-dot.pink, 
.color-base-button .swatch-color-dot.pink, 
.color-base-two-button .swatch-color-dot.pink {
  background-color: #e93773;
}

.color-swatch-button .swatch-color-dot.pride, 
.color-base-button .swatch-color-dot.pride{
  background-image: url("pride.png");
}

.color-swatch-button .swatch-color-dot.wood, 
.color-base-button .swatch-color-dot.wood{
  background-image: url("wood.png");
}


.color-swatch-button .swatch-color-dot.white, 
.color-base-button .swatch-color-dot.white,
.color-base-two-button .swatch-color-dot.white {
  background-color: #fff;
}



.color-shaft-button .swatch-color-dot {
  background-image: url(3d-shaft-btn.png) !important;
}

.color-shaft-button .swatch-color-dot.carbon {
  background-image: url("btn-bg-carbon.png") !important;
  background-color: #434343 !important;
}

.color-swatch-button .swatch-color-dot.carbon, 
.color-base-button .swatch-color-dot.carbon,
.color-base-two-button .swatch-color-dot.carbon {
  background-image: url("btn-bg-carbon.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.purple-carbon, 
.color-base-button .swatch-color-dot.purple-carbon {
  background-image: url("btn-bg-carbon-purple.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.teal-carbon, 
.color-base-button .swatch-color-dot.teal-carbon{
  background-image: url("btn-bg-carbon-teal.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.orange-carbon, 
.color-base-button .swatch-color-dot.orange-carbon{
  background-image: url("btn-bg-carbon-orange.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.green-carbon, 
.color-base-button .swatch-color-dot.green-carbon{
  background-image: url("btn-bg-carbon-green.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.blue-carbon, 
.color-base-button .swatch-color-dot.blue-carbon{
  background-image: url("btn-bg-carbon-blue.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.red-carbon, 
.color-base-button .swatch-color-dot.red-carbon{
  background-image: url("btn-bg-carbon-red.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.silver-carbon, 
.color-base-button .swatch-color-dot.silver-carbon{
  background-image: url("btn-bg-carbon-silver.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.gold-carbon, 
.color-base-button .swatch-color-dot.gold-carbon{
  background-image: url("btn-bg-carbon-gold.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.no-graphic, 
.color-base-button .swatch-color-dot.no-graphic {
  background-image: url("btn-bg-no-graphic.png");
  background-color: transparent;
}

.color-swatch-button .swatch-color-dot.silver, 
.color-base-button .swatch-color-dot.silver,
.color-base-two-button .swatch-color-dot.silver {
  background-color: #918e90;
}

.color-swatch-button .swatch-color-dot.red, 
.color-base-button .swatch-color-dot.red,
.color-base-two-button .swatch-color-dot.red{
  background-color: #b60000;
}

.color-swatch-button .swatch-color-dot.orange, 
.color-base-button .swatch-color-dot.orange,
.color-base-two-button .swatch-color-dot.orange {
  background-color: #dd4000;
}

.color-swatch-button .swatch-color-dot.green, 
.color-base-button .swatch-color-dot.green,
.color-base-two-button .swatch-color-dot.green {
  background-color: #00cc1a;
}

.color-swatch-button .swatch-color-dot.blue, 
.color-base-button .swatch-color-dot.blue,
.color-base-two-button .swatch-color-dot.blue {
  background-color: #1c355d;
}

.color-swatch-button .swatch-color-dot.light_blue, 
.color-base-button .swatch-color-dot.light_blue,
.color-base-two-button .swatch-color-dot.light_blue {
  background-color: #6fc4eb;
}

.color-swatch-button .swatch-color-dot.yellow, 
.color-base-button .swatch-color-dot.yellow,
.color-base-two-button .swatch-color-dot.yellow {
  background-color: #ffb81c;
}

.color-swatch-button .swatch-color-dot.purple, 
.color-base-button .swatch-color-dot.purple,
.color-base-two-button .swatch-color-dot.purple {
  background-color: #453371;
}

.color-swatch-button .swatch-color-dot.navy, 
.color-base-button .swatch-color-dot.navy,
.color-base-two-button .swatch-color-dot.navy {
  background-color: #1b365d;
}

.color-swatch-button .swatch-color-dot.burgundy, 
.color-base-button .swatch-color-dot.burgundy,
.color-base-two-button .swatch-color-dot.burgundy {
  background-color: #6f263d;
}

.color-swatch-button .swatch-color-dot.ice-blue, 
.color-base-button .swatch-color-dot.ice-blue,
.color-base-two-button .swatch-color-dot.ice-blue {
  background-color: #9cdbd9;
}

.color-swatch-button .swatch-color-dot.forest-green, 
.color-base-button .swatch-color-dot.forest-green,
.color-base-two-button .swatch-color-dot.forest-green {
  background-color: #154734;
}

.color-swatch-button .swatch-color-dot.teal, 
.color-base-button .swatch-color-dot.teal,
.color-base-two-button .swatch-color-dot.teal {
  background-color: #006272;
}

.gold {
  background-color: #b4975a;
}

.color-swatch-button .swatch-color-dot.usa {
  background-image: url("btn-bg-usa.png");
  background-color: #434343;
}

.color-swatch-button .swatch-color-dot.can {
  background-image: url("btn-bg-can.png");
  background-color: #434343;
}

.color-swatch-button.active .swatch-color-dot {
  border-color: #e51d20;
}

.color-base-button.active .swatch-color-dot,
.color-base-two-button.active .swatch-color-dot{
  border-color: #e51d20;
}


.c-btn {
  padding: 20px;
  border: solid 1px transparent;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.98);
  color: #fff;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  font-size: 1.25rem;
}

.c-btn:hover, .c-btn:focus, .c-btn.active {
  cursor: pointer;
  background-color: rgba(229, 29, 32, 0.8);
  color: #fff;
}

.c-btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  overflow: hidden;
  border-radius: 8px;
}

.c-btn-group > .c-btn {
  border-radius: 0;
  border: none;
  border-right: 1px solid transparent;
}

.c-btn-group > .c-btn:last-child {
  border-right: none;
}

.c-btn-group--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-btn-group--block > .c-btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.c-btn-group--vertical-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-btn-group--vertical-block > .c-btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: none;
  border-bottom: 1px solid transparent;
}

.c-btn-group--vertical-block > .c-btn:last-child {
  border-bottom: none;
}

.btn-stick-options {
  text-align: center;
}

.btn-stick-options img {
  margin: 0 auto !important;
  width:50% !important;
}

.hand-select.left.active .stick-icon-left svg #body,
.hand-select.left.active .stick-icon-right svg #body,
.hand-select.left:hover .stick-icon-left svg #body,
.hand-select.left:hover .stick-icon-right svg #body,
.hand-select.right.active .stick-icon-left svg #body,
.hand-select.right.active .stick-icon-right svg #body,
.hand-select.right:hover .stick-icon-left svg #body,
.hand-select.right:hover .stick-icon-right svg #body {
  fill: #000;
}

.stick-icon-left,
.stick-icon-right {
  display: block;
  height: 100px;
  width: 100px;
  margin: 0 auto;
}

.stick-icon-left svg,
.stick-icon-right svg {
  height: 100px;
  width: 100px;
}

.stick-icon-left svg #stick,
.stick-icon-right svg #stick {
  fill: #e51d20;
}

.stick-icon-left svg #body,
.stick-icon-right svg #body {
  fill: #fff;
}

.form-submit-container {
  margin: 20px 0;
  height: 40px;
}

@media (max-width: 991px) {
  .form-submit-container {
    background: #000;
    margin: 1px 0;
    padding: 20px;
    height: 80px;
  }
}

.form-submit-container input[type=text],
.form-submit-container input[type=number] {
  border: 1px solid #fff;
  background-color: #fff;
  width: 100%;
  font-size: .8rem;
  padding: 12px 8px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 8px;
}

.form-submit-container input[type=text]:focus,
.form-submit-container input[type=number]:focus {
  border-color: #e51d20;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.nn-customizer-add-to-cart {
  background-color: #fff;
  text-transform: uppercase;
  border-radius: 8px;
  width: calc(100% - 20px);
  height: 100%;
  margin-left: 20px;
  font-size: 18px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border: none;
  color: #000;
}

.nn-customizer-add-to-cart.pride {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d5344b+0,f89832+19,f7dc63+41,6ec829+63,2aa3d5+88,8a568b+99 */
background: #d5344b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #d5344b 0%, #f89832 19%, #f7dc63 41%, #6ec829 63%, #2aa3d5 88%, #8a568b 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #d5344b 0%,#f89832 19%,#f7dc63 41%,#6ec829 63%,#2aa3d5 88%,#8a568b 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #d5344b 0%,#f89832 19%,#f7dc63 41%,#6ec829 63%,#2aa3d5 88%,#8a568b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5344b', endColorstr='#8a568b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.nn-customizer-add-to-cart:hover {
  background: #000  !important;
}

.nn-customizer-add-to-cart:hover span {
  color: #fff !important;
}

.nn-customizer-add-to-cart span {
  display: block;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.nn-customizer-add-to-cart span svg {
  height: 24px;
  width: 24px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.form-inputs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
}

.form-inputs-container div.quantity {
  width: 20%;
}

.form-inputs-container div.submit {
  width: 80%;
}

.form-inputs-container input[type=text],
.form-inputs-container input[type=number] {
  border: 1px solid #fff;
  background-color: #fff;
  color: #000 !important;
  width: 100%;
  font-size: 1rem;
  padding: 12px 8px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 8px;
}

.form-inputs-container input[type=text]:focus,
.form-inputs-container input[type=number]:focus {
  border-color: #e51d20;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.add-name-btn, .personalize-btn {
  width: 100%;
  margin-top: 10px;
  border-radius: 8px;
  color: #fff;
  background-color: #e51d20;
  padding: 12px 8px;
  border: none;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
  font-size: 1.25rem;
}

.add-name-btn:hover, .personalize-btn:hover {
  background-color: #ac1618;
}

.flex-select {
  height: 45px;
  border: 1px solid #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  background-color: #000;
  color: #fff;
  line-height: 45px;
  text-align: center;
  font-size: 1.4rem;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  border-radius: 8px;
}

.flex-select:hover {
  border-color: #e51d20;
}

.flex-select.active {
  background-color: #e51d20;
  border-color: #e51d20;
}

.curve-select, .paddle-select {
  height: 45px;
  border: 1px solid #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  background-color: #000;
  color: #fff;
  line-height: 45px;
  text-align: center;
  font-size: 1rem;
  border-radius: 8px;
  margin: 0 8px 8px 0;
  padding: 0 8px;
}

.curve-select:hover, .paddle-select:hover {
  border-color: #e51d20;
}

.curve-select.active, .paddle-select.active {
  background-color: #e51d20;
  border-color: #e51d20;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1;
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1;
  }
}

.loading-selected {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
  display: none;
}

@media (max-width: 991px) {
  .loading-selected {
    height: 50vh;
  }
}

.loading-selected .spinner {
  width: 70px;
  margin: 0 auto;
}

.loading-selected .spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
          animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loading-selected .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.loading-selected .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

ul#tabs {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 75px;
}

ul#tabs li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 14.2857142857%;
  height: 75px;
}

ul#tabs.pride li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16.6666666667%;
  height: 75px;
}

ul#tabs li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 14px;
  border-bottom: 2px solid transparent;
}

ul#tabs li a.inactive {
  border-bottom: 2px solid #b60000;
  background-color: #232323;
  color: #fff;
}

ul#tabs li a span {
  display: block;
  width: 100%;
  text-align: center;
}

ul#tabs li a span svg {
  display: none;
}

@media (max-width: 991px) {
  ul#tabs li a span svg {
    display: block;
  }
}

@media (max-width: 991px) {
  ul#tabs li a span i {
    display: none;
  }
}

.container {
  padding: 40px;
  background-color: #000;
  color: #fff;
  font-size: 1.15rem;
}

@media (max-width: 991px) {
  .container {
    padding: 20px;
  }
}

.tab-title {
  text-transform: uppercase;
  font-size: 1.35rem;
}

.tab-title span {
  margin-left: 10px;
  font-size: 1.35rem;
  font-weight: 700;
}

canvas:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.swatches-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 991px) {
  .swatches-grid {
    -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
  }
}

.hundredbyhundred {
  width: 100px;
  height: 100px;
}

#custom_name_typset {
  color: #000 !important;
}

.24-inch-paddle.disabled {
  background: #454545 !important;
  color: #000 !important;
  border-color: #454545 !important;
  cursor: not-allowed;
}

.grip-type-button {
  text-transform: uppercase;
  color: #fff;
}

.grip-type-button .swatch-color-title {
  display: block;
  text-align: center;
  padding 1rem 0;
}

.grip-type-button span.swatch-color-dot {
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: 200%;
  background-position: center center;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .grip-type-button .swatch-color-dot {
    width: 55px;
    height: 55px;
  }
}

.grip-styles {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 991px) {
  .grip-styles {
    -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
  }
}

.grip-type-button .angled-lines {
  background: url('two-b.png');
  background-color: #fff;
  background-size: 150px 150px;
  background-position: center center;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

.grip-type-button .straight-lines {
  background: url('one-b.png');
  background-color: #fff;
  background-size: 150px 150px;
  background-position: center center;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

.grip-type-button .all-over {
  background: url('four-b.png');
  background-color: #fff;
  background-size: 150px 150px;
  background-position: center center;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

.grip-type-button .tacticle {
  background: url('tact-b.png');
  background-color: #fff;
  background-size: 150px 150px;
  background-position: center center;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

.tacticle-spiral {
  background: url('tact-spiral.png') !important;
  background-color: #fff !important;
  background-size: 150px 150px;
  background-position: center center !important;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: 200% !important;
  background-position: center center !important;
  margin: 0 auto;
}

.grip-type-button .candy-cane {
  background: url('three-b.png');
  background-color: #fff;
  background-size: 150px 150px;
  background-position: center center;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

.grip-type-button .fish-bone {
  background: url('fish.png');
  background-color: #fff;
  background-size: 150px 150px;
  background-position: center center;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

.grip-type-button .none {
  background: url('none-b.png');
  background-color: #fff;
  background-size: 150px 150px;
  background-position: center center;
  display: block;
  height: 65px;
  width: 65px;
  margin-bottom: 5px;
  border: 1px solid #454545;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
}

.grip-type-button.active .swatch-color-dot {
  border-color: #e51d20;
}

#tabs.eight-tabs li {
  width: 12.5%;
}

#tabs.six-tabs li {
  width: 16.666666667%;
}

@media (max-width: 991px) {
  #tabs.eight-tabs li a {
    font-size: 12px !important;
  }
}

.stick-size-container {
  width:100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.stick-size-container.eight-sizes {
  width:100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1rem;
}

@media only screen and (max-width: 600px) {
  .stick-size-container.eight-sizes {
  width:100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

  .stick-select-input {
    display: block;
  }
}

.stick-size-option {
  background: #fff;
  color: #000 !important;
  border-radius: 4px;
  padding: 2rem;
  text-align: center;
}

.stick-size-option h3 {
  font-size: 18px !important;
  font-family: 'Teko';
}

.stick-size-container button {
  padding: 1rem 0;
  border: 1px solid #fff;
  border-radius: 4px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.stick-size-container button:hover {
  border-color: red;
}

.stick-size-container button.selected {
  background-color: red;
  border-color: red;
}

.remove-name-btn {width: 100%;
    margin-top: 10px;
    border-radius: 8px;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 8px;
    border: none;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
    font-size: 1.25rem;
}

button#AddToCart-.btn.btn--full.product-form__cart-submit {
  line-height: auto;
  height: 48.4px;
  width: 100%;
  max-width:100% !important;
}

button#AddToCart-.btn.btn--full.product-form__cart-submit:before,
button#AddToCart-.btn.btn--full.product-form__cart-submit:after {
  display:none;
}

.six-grips {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.six-grips span.swatch-color-dot {
    height: 95px;
    width: 95px;
}

@media (max-width: 991px) {
  .six-grips {
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
  }
}

.selected-option-container {
  display: grid;
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.selected-option-container div p {
  display: block;
  padding:0;
  margin: 1rem 0;
  border-bottom: 1px solid #fff;
}

.selected-option-container div input[type="text"] {
  border: none;
    background: transparent !important;
}

.model-select {
  display: inline-block;
  padding: 8px 10px;
  font-family: "ITC Conduit", sans-serif;
  text-transform: capitalize;
}

#tab7C,#tab1C,#tab2C,#tab3C,#tab4C,#tab5C,#tab6C,#tab8C {
    width: 100% !important;
  margin: 0 auto;
  }

.size-panel img {
  margin: 0 auto !important;
}


.three-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr) !important;
    width: 100%;
  }

.kick-btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}

.kick-btns button {
  width: 100%;
  height: 45px;
  border: 1px solid #fff;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  background-color: #000;
  color: #fff;
  line-height: 45px;
  text-align: center;
  font-size: 1.4rem;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  border-radius: 8px;
}

.kick-btns button:hover {
  border-color: #e51d20;
}

.kick-btns button.active {
  background-color: #e51d20;
  border-color: #e51d20;
}

.stick-select-input {
      font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

/*# sourceMappingURL=style.css.map */