/** Shopify CDN: Minification failed

Line 749:2 Comments in CSS use "/* ... */" instead of "//"
Line 968:10 Expected "]" to go with "["
Line 968:11 Expected identifier but found "="
Line 1883:10 Expected ":"

**/
li code {
  text-transform: capitalize;
  text-align: left;
  width: min-content;
  font-size: 20px;
  padding-top: 8px;
  font-weight: bold;
  color: #10305e;
  line-height: 17px;
}
.tooltip-img-icon{
	width: 15px !important;
}
.soccer-card-tooltip{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* 
.subscribe-form fieldset:first-of-type{
  display: grid;
}

.subscribe-form fieldset:not(:first-of-type){
  display: none;
} */

.template-page-subscription h2.page-title.mb-5 {
  margin-bottom: 60px;
}
.template-page-subscription .shopify-section.footer-section {
  display:none;
}

fieldset {
/*   display: none !important; */
  border: none;
}

body.template-page-subscription fieldset {
  /*     height: 626px !important; */
}
/* Issue - I465 Mobile  */
.gift-product-form .product-options, .addon-product-form .product-options {
  justify-content: center !important;
}
.subscribe-product-section .page-title, .gift-product-section .page-title{
  margin-bottom: 8px !important;
}
.rc_label__subtotal {
  margin-right: 0 !important;
}
span.rc_label__discounts.no-savings {
  color: #D2D2D2;
}

h3.page--body {
  position: relative;
  z-index: 2;
  font-family: "brandon-grotesque-regular",sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 28px;
  text-transform: none;
  text-align: center;
  color: rgb(100,100,100);
  margin: 0 0 30px 0;
}

.page--get {
  text-align: left;
  margin-top: 0;

}
.subscribe-product-section .subscribe-product-block .product-slideshow, .gift-product-section .subscribe-product-block .product-slideshow {
  padding: 0 10px 30px !important;
}
h3.secondary-text {
  text-align: center;
  text-transform: capitalize;
}

.sub-select__wrap select {
  line-height: 1.5 !important;
  background-color: #FEFAF1;
}

label.new-l {
  position: relative;
  display: block;
  border: 1.5px solid #ffffff;
  border-radius: 5px;
  background-color: #ffffff;
  color: #666666;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
  transition-property: border-color, color, opacity;
  transition-duration: 0.25s;
  cursor: pointer;
}
input.next.action-button:hover {
  background: #A5391B;
}
fieldset .final-step .product-form {
  position: relative;
  display: block;
  border: none;
  border-radius: none;
  border-radius: 20px;
/*   border-bottom-right-radius: 20px; */
  background-color: #ffffff;
  color: #666666;
  box-shadow: none;
  transition-property: color, opacity;
  transition-duration: 0.25s;
  cursor: pointer;
  opacity: 0.6;
}
.template-page-subscription [data-progress-bar] li:not(.active) {
  cursor: not-allowed;
}
input.next.action-button:disabled {
  cursor: not-allowed;
}

#shopify-section-subscribe-product .popular-wrapper-desktop {
  display: flex;
  margin: 0 auto;
  background-color: #DCA06E;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media (min-width:600px){
  .price-block.price-block--subtotal {
      justify-content: center;
  }
}

@media(max-width: 767px){
  input.action-button{
    width: 80% !important;
    border-radius: 5px;
    font-weight: 100;
    font-size: 18px !important;
    height: 45px;
    padding: 3px 20px;
    font-family: 'brandon-grotesque-medium', sans-serif !important;
  }

  .li-3 .dev-block {
    width: 220px;
    margin-bottom: 10px !important;
  }
  input[type="radio"]:checked + label.frequency-plan.popular:after, input[type="radio"]:checked + label.frequency-plan.populars:after
  {
    top: 44px !important;
    right: 6px !important;
  }
}

.li-4 .text-center {
  margin-top: 50px;
}

.frequency-group svg{
  fill: #EB4C53;
  width: 11px !important;
  height: 9px;
  margin: 0 !important;

}
span.frequency_label {
  font-size: 17px;
}
.frequency-group {
  display: flex;
  align-items: center;
  display: none;
}

h6.frequency_label {
  text-transform: unset;
  margin: unset;
  margin-left: 3px;
  text-align: left;
  color: #EB4C53;
  font-family: 'brandon-grotesque-medium', sans-serif;
  font-size: 8px !important;
}
.product-wrap.final-step label h5 {
  margin-top: unset;
  font-family: 'brandon-grotesque-black';
  font-size: 12px;
  margin-bottom: 21px;
  color: rgba(100,100,100, 0.9);
  text-transform: capitalize;
}
.product-wrap.final-step .price-block.price-block--subtotal {
  margin-bottom: 0px !important;
  color: #194360;
}
img.month-pic {
  height: auto;
  width: 90%;
}
.template-page-subscription .rc_price__autodelivers {
  font-size: 29px !important;
  font-family: 'brandon-grotesque-black';
  color: #22475F !important;
}
.rc_price__label
{
  margin: 0;
  font-size: 10px;
  text-align: left;
    line-height: 14px !important;
}
span.rc_label__discounts {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-align: center;
  color: #7AE868;
  text-transform: capitalize;
}

.rc_block.rc_block__type__options.rc-options {
  justify-content: center !important;
  display: flex !important;
  align-items: center;
}

.rc_block.rc_block__type__options.rc-options.dev_option img.img-icons {
  position: relative;

}
.img-icons{
  width: 80px;
  margin-right: 40px;
}
.home-full-width-feature.full-width-background {
  margin-top: 0px;
}

/* @media(min-width: 600px) {
  .home-full-width-feature.full-width-background {
    background-position: unset;
  }
} */

@media (max-width: 719px) {
  .module-inner {
    margin: unset;
  }
  .main-header {
    border: unset;
  }
  .header-actions>.cart-link:after {
    border: unset;
  }
}

@media (max-width: 375px) {
  .home-full-width-feature.full-width-background {
    margin-top: 75px;
  }
}
.home-full-width-feature {
  -webkit-clip-path: ellipse(120% 100% at 50% 0%);
}

/****** 90154 ********/

/*basic reset*/
a.url-allstores{color:#0c0c0c;}


@-webkit-keyframes gravityaintgotshitonme{
  from {-webkit-transform:translate(0, 0px);}
  65% {-webkit-transform:translate(0, 6px);}
  to {-webkit-transform: translate(0, -0px);}    
}



/*form styles*/
#msform {
  width: 100%;
  margin: 0 auto;
  padding:0;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #E9EFF7;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
/* #msform fieldset {
background: transparent;
border: 0 none;
border-radius: 3px;
padding: 40px 30px;

box-sizing: border-box;
width: 80%;
margin: 0 10%;

position: absolute;

text-rendering: optimizespeed;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
} */
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
#msform fieldset img {max-width: 100%;height: auto;display: block;margin: 0 auto;}
#msform fieldset video {max-width:100%;}
/*buttons*/
#msform .action-button {
  width: auto;
  cursor: pointer;
  margin: 10px 5px;
  background-color: #0af;
  color: #fff;
  border: 0;
  font-size:35px;
  letter-spacing:0;
  font-weight:lighter;
  border-radius:6px;
  padding: 0;
  box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2),0px -1px 0px 0px rgba(0,0,0,0.3) inset;
  background-image: -webkit-linear-gradient(top, #0af, #008bd0);
  background-image: linear-gradient(to bottom, #0af, #008bd0);
  text-align: center;
  line-height: 1.1;
  text-decoration: none;
  min-width: 80px;
  text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
  transition:all 0.2s ease-in-out;
}
#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #0af;
}

/*headings*/
.fs-title {
  margin-bottom: 10px;
  color: #000;
  font-weight: 500;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.2;
  font-size:40px;
  padding: 0 70px 10px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 16px;
  line-height:24px;
  color: #0c0c0c;
  margin-bottom: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
}
.fs-subtitle i,
.fs-subtitle strong{font-weight:bold;}
/*progressbar*/
#progressbar {
  margin:0;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: #A0A6AD;
  text-transform: uppercase;
  font-size: 12px;
  width: auto;
  float: left;
  position: relative;
  letter-spacing: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 18px;
  color: #686661;
  background: #E9EFF7;
  border-radius: 6px;
  margin: 0 auto 8px auto;
  font-family: 'montserrat-semi-bold', 'brandon-grotesque-black', sans-serif;
}
/*progressbar connectors*/
/*#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #E9EFF7;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers
}*/
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
/*   content: none;  */
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
  color: #fff;
  background-color: #194360;
  border: 1px solid #025f9c;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding-left: 1px;
  /*     margin-top: -7px; */
  border-radius: 100%;
}

.capitalize-blue {
  text-transform: capitalize;
  color: #194360;
  font-weight: 500;
}

.skipwizard{float:right;width:auto;border-radius: 6px;
  background: #E9EFF7;color:#666;
  border: 0;
  padding: 10px;cursor:pointer;}
.progresswrap{margin: 0 auto;padding: 20px 4%;}

.innerpos{
  width: 49%;
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

#msform fieldset:nth-of-type(3) .innerpos:nth-of-type(1){width:44%;}

#msform fieldset:nth-of-type(4) .innerpos:nth-of-type(1){width:44%;margin: 0 20px 0 0;}


#msform input.previous.action-button{position: absolute;
  left: 0;
  top: 10px;
  font-size: 16px;
  padding: 10px;}

#msform input.next.action-button{position: absolute;
  right: 0;
  top: 10px;
  font-size: 16px;
  padding: 10px;
}
#msform input.next.action-button.getstarted{position: relative;
  margin:0 auto;
  font-size: 18px;
  padding: 14px 12px;}

h4{font-size: 23px;
  font-weight: 400;
  line-height: 47px;}
#progressbar li:nth-child(5) {
  display: none;
}

body.template-page-subscription fieldset{
  border: unset;
  display: grid;
  background-color: white;
}

input.next.action-button.getstarted {
  border-radius: 4px;
  color: #fff6eb;
  background: #E64B54;
  border: unset;
  padding: 20px;
  width: 40%;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
}
input.next.action-button.getstarted:hover {

  background: #A5391B;
}
input.action-button.product-add-to-cart-button:hover {
  background: #A5391B;
}

svg#small-shipping, svg#quality-guarantee-icon {
  width: 20px;
}
.page--guarantees-wrapper {
      width: 298px;
    font-size: 21px;
    margin-top: 4px;
}

svg#functional-tip {
  width: 20px;
  /* padding-top: 10px; */
  cursor: pointer;
  margin-left: 5px;
  vertical-align: middle;
}
.price-block.hidden {
  display: none;
}
input.next.action-button {
  color: #fff;
  background: #eb4c53;
  border: unset;
  width: 240px;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
  font-size: 22px;
  height: 47px;
  border-radius: 6px;
  font-family: 'brandon-grotesque-black', sans-serif;
}

/* Dev  Issue - I465 Progress bar */ 
@media (max-width:1394px){
  #progressbar li {
    width: auto;
    letter-spacing: 0px;
  }
}
@media (max-width:1024px){
  #progressbar li {
    width: auto;
    letter-spacing: 0px;
  }
}

@media(max-width: 768px){
  .page--guarantees-wrapper{
    margin-left:unset;
    width:auto;
  }


  input.next.action-button.getstarted{
    width: 100%;

  }
  input.next.action-button{


    width: 100%;
  }


}

fieldset .product-form{
  margin-right: auto;
  position: relative;
}

input#monthly {
  visibility: hidden;
  display: none;
}
input#quarterly {
  visibility: hidden;
  display: none;
}

input[type="radio"] + label.new-l{
  width: 100% !important;
  display: block;
  margin: 0 !important;
  background-color: #fff;
  border: unset;
  position: relative;
  display: block;
  border: 1.5px solid #ffffff;
  border-radius: 15px;
  background-color: #ffffff;
  color: #666666;
  box-shadow: none;
  transition-property: border-color, color, opacity;
  transition-duration: 0.25s;
  cursor: pointer;
}
label.new-l {
  cursor: pointer;
  padding: 14px;
  border: 1px solid #eb4c53;
}
.DevEE-radio {
  margin: 0 auto;
  max-width: 550px;
}
.DevEE-radio p{
  margin-bottom: 15px;
  font-weight: 800;
  text-align: center;
  font-size: 22px;
}
.DevEE-radio-group {

  margin-top: 3px;
}

span.popular {
  font-size: 10px;
  margin-left: 20px;
}
span.rc_label__discounts {
  display: block;
}
.rc_price__subtotal_price {
  font-size: 15px;
  margin-left:2px;
  font-family: 'brandon-grotesque-black', sans-serif;
}
.rc_price__autodelivers {
  font-size: 17px;
}
.product-wrap.final-step{
  text-align: center;
}
fieldset .final-step .product-form {
  padding: 4%;
  border: 1px solid;
  margin: 1%;
}
input.product-form-checkbox {
  display: none;
}
fieldset .final-step .product-form {
  padding: 6%;
  border: unset;
  margin: 1%;
  width: 200px;
  background: #fff;
  opacity: 1;
  margin: 0;
  border: 4px solid transparent;

}
.product-wrap.final-step label {
  padding: 1%;
}
.product-wrap.final-step .price-block.price-block--subtotal {
  margin-bottom: 15px;
}


input[type="radio"]:checked+label.frequency-plan .product-form, input[type="radio"]:checked+label.new-l{
  border: 4px solid #194360 !important;
  opacity: 1;
  color: #025f9c;
  box-shadow: 0px 10px 30px 2px rgb(0 0 0 / 40%);
}

input[type="radio"] + label.new-l {
  border: 4px solid transparent !important;
}

input[data-most-popular="true"]:checked+label.frequency-plan .product-form {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important !;
}

body.template-page-subscription fieldset .add-to-cart {
  color: #fff6eb;
  border: unset;
  width: 292px;
  margin: 0 auto;
  position: relative;
  margin: 40px auto;
  font-size: 16px;
  height: 47px;
  border-radius: 5px;
}
input.action-button.product-add-to-cart-button {
 color: #fff6eb;
  background: #eb4c53;
  border: unset;
  width: 244px;
  margin: 0 auto;
  position: relative;
  text-transform: uppercase;
  font-size: 20px;
  height: 47px;
  font-weight: 700;
  border-radius: 5px;
  font-family: 'montserrat-semi-bold', sans-serif;
}
.product-form-submit-wrap .button {

  /*   border-radius: unset; */
}
.DevEE-radio-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: white;
  margin: 0 auto;
}

.text-center {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px !important;
}


.tooltip {
  position: relative;
  display: flex;
  align-items: center;
  //border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 6px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.new-l h6 {
  margin-top: 0;
  font-family: 'brandon-grotesque-regular', sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}

.uppercase {
  text-transform: uppercase;
}

.li-3 {
  background-color: #fff
}

label[for="monthly"] image {
  transform: scale(1.2);
}

input[type="radio"] + label[for="quarterly"].new-l {
  border: none;
  box-shadow: none;
}

.new-l .third-img {
  margin: 17px auto 17px 35px;
  max-width: 70%;
}

.small-border-bottom {
  position: relative;
}

/* .small-border-bottom::after {
  content: '';
  display: block;
  position: absolute;
  width: 87%;
  height: 2px;
  background-color: #4E6F85;
} */

.ml-5 {
  margin-left: 5px;
  
}

/* .bordered-card {
  border: 4px solid #194360 !important;
  opacity: 1;
  box-shadow: 1px 8px 24px 9px rgba(25,67,96, 0.2) !important 
} */

.bordered-card img {
  transform: scale(1.1); 
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.font-10 {
  font-size: 10px !important;
}

.per-crate {
  font-family: 'brandon-grotesque-medium', sans-serif !important;
  color: #194360 !important;
  font-size: 12px !important;
  line-height: 17px !important;
  margin-bottom: 0;
  text-transform: none !important;
}

.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.plan-btn {
  color: white !important;
  font-size: 12px !important;
  background-color: #EB4C53;
  border-radius: 20px;
  padding: 3px 0;
  width: 83%;
  margin: 0 auto;
  margin-top: 15px
}

.sub-first-step {
  display: grid !important;
  grid-template-areas:
    "sub-image header"
    "sub-image info"
    "sub-image delivery"
    "btn btn";
  grid-template-rows: 45px 200px 133px 90px;
  grid-template-columns: repeat(2, 1fr);
  text-align: center;
}

.header {
  grid-area: header;
}

.sub-image {
  grid-area: sub-image;
  width: 100%;
}

.btn {
  grid-area: btn;
}

.info {
  grid-area: info;
}

.delivery {
  grid-area: delivery;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  flex-direction: column;
  width: 100%;
  padding: 0 !important;
}

.mb-0 {
  margin-bottom: 5px !important
}

.popular-wrapper .third-page-most-popular {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 100;
  font-family: 'brandon-grotesque-medium', sans-serif;
}

.popular-wrapper .most-popular {
  text-transform: capitalize;
  font-size: 15px;
  padding: 10px 0 5px 0;
  border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.fade {
  opacity: 0.5;
}

.monthly_title {
  font-size: 18px;
  color: #194360;  
  text-transform: none;
  color: #194360;
}

.w-100 {
  width: 100%;
  max-width: none !important;
}

input[type="radio"]:checked + label.frequency-plan.popular:after, input[type="radio"]:checked + label.frequency-plan.populars:after {
  display: none !important;
}

.most-opular-text {
  width: 200px;
  margin-left: 2px;
}

.small-img-icon {
  width: 22px;
}

.li-3 .clearfix.product-details-inline.subscribe-product-block {
  max-width: none;
  margin: 0;
}


.popular-wrapper .most-popular.mini-popular {
  width: 90% !important;
  margin: 0 auto;
  padding: 5px 0 2px 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 13px;
  font-weight: 600;
}

h3.dev_h5 b {
  font-weight: 300;
}

input[name:="sub"]:checked ~ label.new-l {
  border: 4px solid #194360;
  border-radius: 10px;
}

.bg-break {
  display: block;
  color: #194360;
  font-family: 'brandon-grotesque-regular';
  font-size: 17px;
  margin: -8px auto 0 auto;
  text-align: left;
  width: max-content;
}
/*  ul.product-info-list li:before {
 content: "";
	display: inline-block;
    transform: rotate(45deg);
    height: 11px;
    width: 7px;
    border-bottom: 2px solid #F9B773;
    border-right: 2px solid #F9B773;
    color: #194360;
} */

.final-step-info {
      padding-bottom: 10px;
    }

.blue-text {
  color: #194360 !important;
}

.bg-most-popular {
  width: 100%;
  background-color: #E0A170 !important;
  font-size: 16px !important;
  font-family: 'brandon-grotesque-black' !important;
  text-transform: capitalize !important;
  margin: 0 !important;
}

.subscribe-product-section p, .gift-product-section p {
  text-transform: capitalize;
}

.rc_label__delivery, .rc_label__subtotal {
  font-weight: 100;
  font-family: 'brandon-grotesque-black', sans-serif;
}

.mobile-uppercase {
  text-transform: none !important;
}

#shopify-section-subscribe-product .popular-wrapper-desktop.mini-popular {
  width: 90%;
}

h5.final-step-head {
  font-size: 14px !important;
  font-family: 'brandon-grotesque-medium', sans-serif !important;
  font-weight: 600 !important;
  color: rgba(100,100,100,0.9) !important;
}

.quarterly {
  margin: 0 40px;
}

/* 
.small-border-bottom::after {
  display: none;
}

.page--get,
ul.product-info-list {
  margin-top: 10px;
}

.page--get {
  padding-left: 4%
}

.page--guarantees-wrapper:last-child {
  margin-top: 0; 
}

.product-big-image img {
  max-width: 67%;
} */


.tooltip:hover .tooltiptext {
  visibility: visible;
}


.DevEE-radio-group .dev-block div {
  text-align: center;
    color: #194360;
    font-size: 17px;
    font-family: 'brandon-grotesque-regular', sans-serif;
}

@media(max-width: 768px){
  .DevEE-radio{
    padding: 0px;
  }
  .product-wrap.final-step {
    flex-direction: column;
  }
  body.template-page-subscription fieldset .add-to-cart{
    width: 100% !important;
  }
  /*   fieldset .addon-product-form .product-options {
  display: block !important;
} */
}
h2.page2-heading {
  font-size: 24px;
}
@media(min-width: 769px){

  .addon-product-form .sub-select__wrap {

    margin-right: 74px; 
  }

  svg#quality-guarantee-icon {
    margin-left: -3px;
  }

  .subscribe-product-section .subscribe-product-block .product-wrap {  
    justify-content: center;
  }
  .addon-product-form .product-options{
    justify-content: center !important;
    margin: 0;
  }

  .rc_block.rc_block__type__options.rc-options.dev_option{
    float: right;
    /*     margin-right: 24px; */
  }
  #rc_container{
    margin-top: 0px !important;
    margin-right: 56px;
  }
/*   .subscribe-product-section .subscribe-product-block {
    padding: 0px 0px 30px 35px !important;
  } */
}
.sub-select__wrap select {
  font-size: 19px !important;
  color: rgb(100,100,100);
  font-family: 'brandon-grotesque-regular';
}
.subscribe-product-section .subscribe-product-block .product-wrap {
  background-color: #FAFAFA;
  border-radius: 50px 50px 50px 50px;
}
.clearfix.product-details-inline.subscribe-product-block .product-slideshow.clearfix {
  background-color: transparent;
}
.subscribe-product-section .subscribe-product-block .product-wrap{
  background-color: transparent;
}
body {
  background-color: #f7f7f7;
}
.clearfix.product-details-inline.subscribe-product-block .product-wrap h3.dev_h5 {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0.9px;
  text-transform: capitalize;
}
.subscribe-product-section .page-title, .gift-product-section .page-title{
  font-size: 28px;
  letter-spacing: 0.9px;
  line-height: 40px;
}
input.next.action-button.getstarted {
  box-sizing: border-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    width: 250px;
    font-weight: 100;
    font-size: 23px;
    line-height: 23px;
    height: 52px;
    padding: 11px 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: 'brandon-grotesque-black', sans-serif;
}
form.addon-product-form {
  width: 60%;
  font-size: 14px;
  margin: auto;
}
h3.page--body.four {
  margin: 0 0 25px 0 !important;
}
.template-page-subscription main.main-content{
  max-width: 100%;
}
.template-page-subscription #msform{
  display: flex;
  min-height:73px;
  height: 100%;
}
.template-page-subscription #msform .logo{
  height: auto;
}
.template-page-subscription #progressbar{
  width: 100%;
  justify-content: center;
  display: flex;

}
.template-page-subscription #progressbar li:first-child {
  margin-left: 0px;
}
.template-page-subscription #progressbar li:nth-child(4) {
  margin-right: 114px;
}
@media (max-width:1920px){

  .template-page-subscription #progressbar li:nth-child(4) {
    margin-right: 197px;
    ;
  }
  .template-page-subscription #progressbar li{
    margin-left: 50px
  }
}
@media (max-width:1024px){

  .template-page-subscription #progressbar li:nth-child(4) {
    margin-right: 163px;
  }
}
@media (max-width:800px){

  .template-page-subscription #progressbar li:nth-child(4) {
    margin-right: 163px;
  }
  .clearfix.product-details-inline.subscribe-product-block {
    width: auto !important;
    /* margin: auto; */
  }
  .template-page-subscription #progressbar li {
    display: flex;
    align-items: baseline;
    margin-left: 8px !important;
    white-space: normal;
  }
  .template-page-subscription #progressbar li:nth-child(4) {
    margin-right: 0  !important;
  }
}



@media (max-width:911px){

  .template-page-subscription #progressbar li:nth-child(4) {
    margin-right: 44px;
  }
}
@media (max-width:768px){
  .template-page-subscription h2.page-title {
    font-size: 23px !important;
    font-weight: 600 !important;
  }
  .template-page-subscription #progressbar li:nth-child(4) {
    margin-right: 0;
  }
  .template-page-subscription #progressbar li {
    margin-left: 7px !important;
  }
  .clearfix.product-details-inline.subscribe-product-block {
    width: auto !important;
    margin: auto;
  }
}
.template-page-subscription #progressbar li{
  display: flex;
  align-items: center;
  white-space: normal;
  font-size: 18px !important;
}
#progressbar li:before{
  background-color: transparent;
  border: 1px solid #5593B7;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding-left: 1px;
  margin-top: -7px;
  border-radius: 100%;
  margin: 0 10px;
}

.template-page-subscription #progressbar li {
  /*     display: flex;
  justify-content: flex-end; */
}
body.template-page-subscription main.main-content {
  padding: 0 !important;
}
.template-page-subscription #msform {
  display: flex;

  background: #FEFAF1;
}
div#msform a.logo img.logo-regular {
  margin-left: 48px;
}

.clearfix.product-details-inline.subscribe-product-block {
  max-width: 850px;
  margin: auto;
}


.template-page-subscription #progressbar li:last-child {
  display: none;
}
.subscribe-product-section .subscribe-form, .gift-product-section .subscribe-form{
  margin-top: 0 !important;
  color: #686661;
}
.template-page-subscription h2.page-title {
  max-width: none;
  font-family: 'brandon-grotesque-black';
  letter-spacing: 0.9px;
  font-weight: 100 !important;
  line-height: 40px !important;
  font-style: normal !important;
  color: #10305E !important;
  padding-top: 82px;
  text-transform: none;
}
.subscribe-product-section .subscribe-product-block .product-wrap, .gift-product-section .subscribe-product-block .product-wrap {
  display: block;
  padding: 30px 0;
}

ul.product-info-list li {
  position: relative;
  margin: 0 !important;
  text-transform: inherit;
  text-align: left;
  font-family: 'brandon-grotesque-medium';
  font-size: 20px;
  margin-bottom: 7px !important;
}
ul.product-info-list {
  position: relative;
  list-style: none !important;
  margin-left: 19px !important;
  margin-top: 0 !important;
  width: max-content;
  padding-left: 10px;
  margin: 25px 0;
}

h3.dev_h5 {
  margin-top: 0 !important;
  text-align: left;
  font-family: 'brandon-grotesque-black';
  font-weight: 500;
  text-transform: none;
  font-size: 27px;
  color: #10305E;
  letter-spacing: 0;
}

/* Most popular tag starts*/
.most--popular {
  background-color: #edbb81;
    color: white;
    text-transform: uppercase;
    line-height: 100%;
    padding: 3px 9px 0px 9px;
    font-size: 20px;
}
/* Most popular tag ends*/
@media (max-width: 719px){
  .template-page-subscription #msform .logo{
    display:none;
  }

  .clearfix.product-details-inline.subscribe-product-block {
    width: auto;
    margin: auto;
  }

    .subscribe-product-section, .gift-product-section {
      margin-top: 0px !important;
    }
  }
  @media (max-width: 650px){
    .subscribe-product-section, .gift-product-section {
      margin-top: 0px !important;
    }
  }


  /*   my new code */
  .rc_block.rc_block__type__options.rc-options {
    justify-content: center !important;
    display: flex !important;
    align-items: center;
  }

  @media (max-width:600px){
    fieldset .final-step .product-form {
      padding: 5%;
      border: unset;
      margin: 0%;
      width: 80% !important;
      height:auto;
      background: #fff;
    }
/*     img.month-pic {
      float: right;
      height: 110px;
    } */
    h3.page--body {
      font-size: 13px;
    }
    .page--get {
      text-align: left;
      margin-left: 26px;
    }
    span.rc_label__discounts {
      width: 112px;
      display: block;
      border-radius: 20px;
    }
    span.rc_label__discounts {
      width: 89px;
      display: block;
      position: relative;
      font-size: 10px !important;
    }
    .template-page-subscription .rc_price__autodelivers {
      font-size: 32px !important;
      position: relative;
    }

    .product-wrap.final-step label h5 {
      margin-top: 10px;
      font-size: 16px;
      font-weight: 800;
      color: #24264E;
    }
    img.month-pic.new-class-3 {
      width: 90%;
    }
    .subscribe-product-section .subscribe-product-block .product-wrap, .gift-product-section .subscribe-product-block .product-wrap {
      padding: 0 !important;
    }

    .tooltip .tooltiptext {
      left: -280px;
    	top: -65px;
    }
    .gift-product-form .sub-select__wrap, .addon-product-form .sub-select__wrap {
      min-width: 220px;
    }
  }
  @media(max-width: 400px){

    .clearfix.product-details-inline.subscribe-product-block .product-wrap h3.dev_h5 {
      line-height: 32px;
      font-size: 22px;
      letter-spacing: 0.9px;
      text-align: center;
    }
    ul.product-info-list {
      margin-left: 7% !important;
      margin: 0 auto;
    }

  }
  @media(min-width: 400px) and (max-width: 500px){

    .clearfix.product-details-inline.subscribe-product-block .product-wrap h3.dev_h5 {
      line-height: 32px;
      font-size: 24px;
      letter-spacing: 0.9px;
      text-align: center;
    }
    ul.product-info-list {
      margin-left: 7% !important;
      margin: 0 auto;
    }

  }

  @media (max-width:600px){
    label.new-l h6 {
      font-size: 17px !important;
      font-weight: 800;
      top: 0 !important;
      right: 0 !important;
      margin-bottom: 11px !important;
    }
    label.new-l:hover {
      border-color: #025f9c;
      color: #025f9c;
      opacity: 1;
    }
    input[type="radio"]:checked+label.new-l{
      color: #025f9c !important;
    }
    input.button.product-add-to-cart-button {
      border-radius: 4px;
    }
    .gift-product-form .product-options, .addon-product-form .product-options {
      margin-bottom: 0 !important;
      margin-left: 10px !imporatnt;
    }
    #rc_container {
      margin-top: 0 !important;
    }
    h2.page2-heading {
      margin-bottom: 30px;
    }
    .DevEE-radio p {
      margin-bottom: 44px;
    }
    body.template-page-subscription fieldset .add-to-cart {

      margin-top: 20px;
    } 

    .clearfix.product-details-inline.subscribe-product-block .product-wrap h3.dev_h5 {
      position: relative;
      top: -340px;
      text-align: center;
      /*       right: -12px; */
      font-size: 17px;
    }
    
    .margin-top-lg {
      margin-top: 50px !important;
    }
  }

  @media (max-width:375px){
    .clearfix.product-details-inline.subscribe-product-block .product-wrap h3.dev_h5 {
      position: relative;
      top: -307px;
      text-align: center;
      right: -12px;
      font-size: 17px;
    }
  }

  @media (max-width:768px){
    .template-page-subscription h2.page-title {
      font-size: 23px !important;
      font-weight: 300 !important;
    }
    .clearfix.product-details-inline.subscribe-product-block {
      width: auto !important;
      margin: auto;
    }
    
    .sub-first-step {
      display: grid !important;
      grid-template-areas:
		"header"
        "sub-image"
        "btn"
        "info"
        "delivery";
      grid-template-rows: 35px 300px 90px 106px 90px;
      grid-template-columns: 1fr;
      text-align: center;
    }
    
    .header {
      grid-area: header;
    }
    
    .sub-image {
      grid-area: sub-image;
    }
    
    .btn {
      grid-area: btn;
      margin-top: 10px;
    }
    
    .info {
      grid-area: info;
      width: 100%;
    }
    
    .delivery {
      grid-area: delivery;
      display: flex !important;
      flex-direction: column;
/*       align-items: center !important; */
      padding: 0 !important;
    }
    
    .DevEE-radio-group {
      flex-direction: column !important;
      align-items: center;    
  	}
    
    .small-border-bottom::after {
      display: none;
    }
    
    .page--get,
    ul.product-info-list {
      margin-top: 10px;
    }
    
    
    ul.product-info-list {
      margin: 0 auto !important;
    }
    
    .page--guarantees-wrapper:last-child {
     margin-top: 0; 
    }
    
    .product-big-image img {
      max-width: 52%;
    }
    
/*     h3.dev_h5 {
      text-align: center;
      font-size: 20px;
    } */
    
    .bottom-border:after {
      display: none;
    }
    
    input[type="radio"] + label.new-l {
      width: 100% !important;
      text-align: center;
      height: 230px;
      margin: 0;
    }
    
    .third-img {
      max-width: 47%;
    }
	
    .new-l .third-img {
      margin: 0;
      margin-left: 30px;
      top: 0 !important;
    }
    
    input[type="radio"] + label[for="quarterly"].card-shadow {
      box-shadow: 1px 1px 16px 9px rgba(0, 0, 0, 0.1);
    }
    
    .template-page-subscription h2.page-title {
	  max-width: 100%;
      margin: 0 auto;
    }
    
    .template-page-subscription h2.recieve-crate {
	  max-width: 100%;
      margin: 0 auto;
    }
    
    fieldset .final-step .product-form {
      display: grid;
  	  grid-template-areas:
    	"final-step-img final-step-head"
    	"final-step-img final-step-info";
      grid-template-rows: 30px 100px;
      width: 100%;
      align-items: center;
      padding: 20px;
      margin: 0 auto;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    
    .final-step-head {
      grid-area: final-step-head;
    }
    
    .final-step-img {
      grid-area: final-step-img;
    }
    
    .final-step-info {
      grid-area: final-step-info;
    }
    
    .subscribe-product-section .subscribe-product-block .product-wrap, .gift-product-section .subscribe-product-block .product-wrap {
      display: flex;
      flex-direction: column;
    }
    
    .plan-btn {
      margin-left: 0;
      margin-right: auto;
      margin-top: 5px;
      line-height: 14px !important;
    }
    
    body.template-page-subscription fieldset .add-to-cart {
      text-align: center;
    }
    
    .product-wrap.final-step label {
      margin-bottom: 25px;
      width: 55%
    }
    
    .new-l .third-img {
      max-width: 35%;
    }
    
    .product-wrap.final-step label h5 {
      margin-bottom: 10px;
    }
    
    #shopify-section-subscribe-product .popular-wrapper-desktop.mini-popular {
	  width: 93% !important;
    }
    
    .template-page-subscription h2.page-title {
      font-size: 25px;
    }
    
    .bg-break {
      display: inline-block;
    }
    
/*     .template-page-subscription h2.page-title.mb-5 {
      margin-bottom: 15px !important;
    } */
    
    .page--get {
      margin-top: 30px;
      padding-left: 0px;
      margin-left: 15px;
    }
    
    #progressbar {
      width: 90% !important;
      margin: 0 auto;
    }
    
    .mobile-uppercase {
      text-transform: uppercase !important;
    }
    
    input.next.action-button.getstarted {
      border-radius: 5px;
      cursor: pointer;
      font-weight: 100;
      line-height: 9px;
      font-size: 17px !important;
      height: 40px !important;
      font-family: 'brandon-grotesque-medium', sans-serif !important;
	}
    
    .sub-select__wrap select {
      font-size: 14px !important;
      padding: 6px 20px;
    }
    
    .gift-product-form .sub-select__wrap, .addon-product-form .sub-select__wrap,
    .sub-select__wrap {
      height: 40px;
      min-width: 180px;
    }
    
    .img-icons {
      width: 65px;
      height: 65px;
      margin-right: 20px;
  	}
    
    .popular-wrapper .most-popular.mini-popular {
      font-weight: 400;
    }
    
    .small-img-icon {
      width: 15px;
    }
    
    .bordered-card {
      border-width: 3px !important;
    }
    
    #shopify-section-subscribe-product .popular-wrapper-desktop {
      width: 100%;
    }
    
    .li-3 .dev-block {
      width: 380px;
      margin-bottom: 40px !important;
	}
    
    .subscribe-product-section .page-title, .gift-product-section .page-title {
      margin-bottom: 0 !important;
    }
    
    .monthly_title {
      font-family: 'brandon-grotesque-medium', sans-serif;
      font-size: 14px !imprtant;
      margin-bottom: 20px;
    }
    
    .label-footer {
      margin-top: 10px;
    }
    
    input.mobile-sm-btn {
      max-width: 200px !important;
    }
    
    .gift-product-form .product-options, .addon-product-form .product-options {
      margin-left: -13px !important;
    }
    
    .template-page-subscription h2.page-title.sm-break {
      max-width: 50% !important;
      margin-left: auto;
      margin-right: auto;
      line-height: 25px !important;
    }
    
    input.action-button.product-add-to-cart-button {
      width: 200px !important;
      font-size: 18px !important;
      letter-spacing: 0.5px;
    }
    
    .product-wrap.final-step label h5.final-step-head.blue-text {
      color: #194360 !important
    }
  }

@media (max-width: 600px){ 
    .sub-first-step {
      grid-template-rows: 35px 260px 90px 130px 90px;
    }
  
    li code {
      font-size: 15px;
      width: min-content;
  	}
  
    #shopify-section-subscribe-product .popular-wrapper-desktop {
      width: 80% !important;
    }
  #shopify-section-subscribe-product .popular-wrapper-desktop.mini-popular {
	width: 93% !important;
  }
  .product-big-image img {
    max-width: 70%
  }
  
	
  #progressbar li:before,
  #progressbar li.active:before{
    width: 30px;
    height: 30px;
  }
  
  .product-wrap.final-step label {
    width: 75%;
  }
}

@media (max-width: 500px){ 

  fieldset .final-step .product-form {
    width: 90% !important;
  }
  
  #shopify-section-subscribe-product .popular-wrapper-desktop {
    width: 90% !important;
  }
  
  
  .template-page-subscription #progressbar {
    width: 90%;
    margin: 0 auto;
  }
  
  #progressbar li:before {
    margin 0 10px;
  }
  
  .template-page-subscription #progressbar li {
    margin-left: 0 !important;
  }
  
  li code {
      font-size: 15px;
      width: min-content;
  	}
  
/*   input.action-button{
    width: 90% !important;
  } */
  
  .li-3 .dev-block {
    width: 285px;
    margin-bottom: 10px !important;
  }
  
  .new-l .third-img {
    max-width: 32%%;
  }
  
  input[type="radio"] + label.new-l {
    height: 185px;
  }
  
  .template-page-subscription h2.page-title.sm-break  {
      max-width: 64% !important;
    }
  
  .product-wrap.final-step label {
    width: 95%;
  }
  
  .product-big-image img {
    max-width: 90% !important;
  }
}
  
@media (max-width: 450px){ 
  li code {
          font-size: 60%;
    width: min-content;
    line-height: 11px;
}
  
  #progressbar li:before,
  #progressbar li.active:before {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
  
  .template-page-subscription h2.page-title.sm-break {
      max-width: 70% !important;
    }
}
  
input[name="sub"]:checked ~ label {
  border: 4px solid #194360 !important;
  opacity: 1;
  box-shadow: 1px 8px 24px 9px rgba(25,67,96, 0.2) !important;
}

.soccer-step-1{
	display: flex;
    justify-content: center;
    align-items: center;
}

ul.soccer-product-list {
    margin: 0 !important;
  	padding: 0;
}

ul.soccer-product-list li::before{
  content: "";
	display: inline-block;
    transform: rotate(45deg);
    height: 11px;
    width: 7px;
    border-bottom: 2px solid #F9B773;
    border-right: 2px solid #F9B773;
    color: #194360;
  margin-right: 10px;
}

ul.soccer-product-list li{
	color: #10305e;
}
.soccer-details{
	padding-left: 20px;
}

.soccer-image{
	padding-right: 20px;
}
.soccer-get{
	margin: 0 !important;
  background: #FDF9F1;
    padding: 20px;
}
.btn-soccer{
	background-color: #f9b773!important;
    color: #fff;
    cursor: pointer;
    border-radius: 5rem!important;
    width: auto!important;
    padding: 12px 40px;
    border: 0;
    text-transform: uppercase;
    margin-top: 40px;
    font-weight: 500;
}

.page-title.soccer-page-title{
	margin-bottom: 50px;
}
.soccer-wrap{
	margin-top: 33px;
}
.soccer-get span{
	
      color: #10305e;
    font-size: 18px;
    line-height: 1.2;

}
.fieldset-1 .soccer-page-title{
	margin-bottom: 60px !important;
}


.fieldset-3 .soccer-page-title{
	margin-bottom: 13px !important;
}
.fieldset-4 .soccer-page-title{
	margin-bottom: 13px !important;
}
.fieldset-3 .soccer-page-desc{
	margin-bottom: 10px !important;
  	color: #646464 !important;
}
.fieldset-4 .soccer-page-desc{
	margin-bottom: 10px !important;
    margin-top: 10px !important;
  	color: #646464 !important;
}
.fieldset-3 .choose-one{
	margin-bottom: 30px !important;
}
.subscription-button{
	margin-top: 20px;
}
.soccer-category{
	display: flex;
  	flex-wrap: wrap;
  align-items: center;
    justify-content: center;
}
.soccer-category a{
	min-width: 216px;
  text-align: center;
}
.soccer-category a.active{
  background: #10305e;
  color: #fff;
}
.d-none{
	display:none!important;
}
.text-center{
	text-align: center !important;
}
.btn-outline-primary{
	border: 2px solid #10305E;
    border-radius: 5rem;
    padding: 10px 35px;
    line-height: 1.2;
    color: #10305E;
    text-transform: uppercase;
}
.btn-outline-primary:hover{
  	color: #10305e;
}
.btn-mens-soccer{
	margin-right: 15px;
}
.btn-womens-soccer{
	margin-left: 15px;
}
.subscription-cards{
	display: flex;
  	flex-wrap: wrap;
  justify-content: center;
  width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.subscription-cards .sub-card-box{
	width: 50%;
    padding: 25px;
}
.subscription-cards .card{
	padding: 30px;
    border: 1px solid black;
    border-radius: 8px;
  	width: 100%;
  	position: relative;
}
.subscription-cards .card-img{
	width: 60%;
}
.subscription-cards .card-img .card-img-box{
	padding-top: 90%;
  	position: relative;
}
.subscription-cards .card-img .card-img-box img{
	width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}

.subscription-cards .card-body{
	width: 40%;
  padding-left: 30px;
}

.subscription-cards .card-body ul{
  margin: 0 0 35px 0;
}
.subscription-cards .card-body li{
	color: #10305E;
  margin: 0;
}
.subscription-cards .card-body li .crates{
	font-size: 20px;
  	font-weight: bold;
}

.subscription-cards .card-body li .crate-price{
	font-size: 36px;
  	font-weight: bold;
}

.subscription-cards .card-body li .crate-subtotal{
	font-size: 20px;
}
.subscription-cards .card-body .crate-tag{
	background-color: #59E54F;
  font-size:13px;
  padding: 6px 10px;
  line-height: 1;
  color: #fff;
  border-radius: 5rem;
  margin-bottom: 10px;
  display: inline-block;

}
.subscription-button{
	display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.d-flex{
	display: flex!important;
}
.flex-wrap{
 	flex-wrap: wrap; 
}
.container{
	max-width: 1200px;
  	margin: 0 auto;
  	position: relative;
}
.soccer-categories{
	margin-top: 80px;
  justify-content: center;

}
.soccer-categories .card{
	background: #FDF9F1;
  	padding: 15px 26px;
    height: 100%;
  	width:100%;
}
.soccer-size-box {
    padding: 20px 20px;
  	width: 33.33%;
  	align-items: center;
}
.soccer-size-box .card-body{
    width: 75%;
}
.soccer-size-box .card-img{
    margin-top: -28px;
    width: 25%;
    position: relative;
    padding-top: 25%;
}
.soccer-size-box .card-img img{
    width: 100%;
    max-height: 82px;
    object-fit: contain;
    position: absolute;
    top: 0;
}
.disabled{
	opacity: 0.6;
}
.fieldset-3 label{
	font-size: 14px;
  	color: #10305E;
  padding-left: 30px;
}
/* Reset Select */
.fieldset-3 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: transparent;
  background-image: none;
  padding-left: 10px;
}
/* Remove IE arrow */
.fieldset-3 select::-ms-expand {
  display: none;
}
/* Custom Select */
.fieldset-3 .select {
  position: relative;
  display: flex;
  line-height: 3;
  background: transparent;
  overflow: hidden;
  border-radius: .25em;
  padding-left: 20px;
}
.fieldset-3 .select input {
  background: #fdf9f1;
  border: none;
  font-weight: 700;
  font-size: 18px;
  padding-left: 10px;
}
.fieldset-3 .select input, .fieldset-3 .select input::placeholder {
  color: #10305e;
}
.fieldset-3 select {
  	flex: 1;
  	color: #10305E;
  	font-weight: bold;
    font-size: 18px;
  	cursor: pointer;
}
/* Arrow */
.fieldset-3  .select::after {
  	content: "";
	display: inline-block;
    transform: rotate(45deg);
    height: 15px;
    width: 15px;
    border-bottom: 2px solid #10305E;
    border-right: 2px solid #10305E;
    color: #10305E;
  	margin-right: 10px;
  	margin-top: -8px;
  	position: absolute;
    right: 0;
}
.section-product{
	background-color: #fff;
}
.progressstep {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  	width:100%;
    justify-content: space-between;
  	counter-reset: section;
  	overflow: hidden;
  	max-width: 1200px;
  	margin: 0 auto;
  	background: white;
    margin-top: -30px;
  	margin-bottom: 0 !important;
}
.progressstep li{
  	display: flex;
    flex-direction: column;
    align-items: center;
    vertical-align: top;
    width: 25%;
    position: relative;
    z-index: 1;
    margin: 10px 0 10px;
	position: relative;
    z-index: 1;
}
.progressstep li::before {
  	counter-increment: section;
    content: counter(section);
    display: inline-flex!important;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background-color: #fff;
  	border: 2px solid #10305E;
    position: relative;
    font-family: Lato,sans-serif;
    border-radius: 50%;
    line-height: 58px;
    letter-spacing: 2.25px;
    width: 32px;
  	color: #10305E;
    font-weight: bold;
    height: 32px;
}
.progressstep li:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    height: 2px;
    transition: all .3s ease 0s;
    background: #fcecec;
    background: linear-gradient(to right,#f2b2a1 0,#10305E 0);
    z-index: -1;
    left: 50%;
  	width: 100%;
  	opacity: 0.5;
}
.progressstep li.active::before, .progressstep li.active::after {
  	color:#fff;
    background: #10305E;
}
.progressstep li.done::before, .progressstep li.done::after {
  	color:#fff;
    background: #10305E;
  	opacity: 1;
}
.progressstep li:last-child::after{
	display: none !important;
}
.page--guarantees-wrapper{
	display: flex;
    align-items: center;
  	padding: 5px 0;
}
.page--guarantees-wrapper .sm-icon{
	width: 32px;
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid #10305E;
  font-size: 20px;
    line-height: 1.2;
    border-radius: 50%;
}
.page--guarantees-wrapper .sm-icon img{
	width: 15px !important;
    height: 15px;
}

@media (max-width: 767.98px) { 
	.soccer-step-1{
		display: block;
	}
  .soccer-details{
  	margin-top: 30px;
  }
  .fieldset-1 .soccer-page-title{
  	margin-bottom: 20px !important;
  }
  .btn-soccer{
	margin-top: 20px;
	}
  .fieldset-3-description{
	max-width: 100%;
  	margin: 0 auto;
	}
  .btn-mens-soccer{
	margin-bottom: 0px;
    margin-right: 0;
	}
  .btn-womens-soccer{
	margin-left: 0;
	}
  .soccer-size-box {
        padding: 20px 20px;
        width: 100%;
    }
  .subscription-cards .sub-card-box{
	width: 100%;
	}
  .subscription-cards .card-img{
	width: 100%;
    padding-right:30px;
	}
  .subscription-cards .card-body{
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .template-page-subscription h2.page-title {
    padding-top: 32px;
  	}

  .mobile-hidden
  {
   display:none !important; 
  }
  .desktop-hidden
  {
    display:flex !important; 
  }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.soccer-size-box {
        padding: 20px 20px;
        width: 50%;
    }
  .subscription-cards .card-img{
	width: 100%;
	}
  .subscription-cards .card-body{
      width: 100%;
    padding-top: 25px;
  }
}





.ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #10305E;
   background: linear-gradient(#10305E 0%, #10305E 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #10305E;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #10305E;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #10305E;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #10305E;
}

[data-next]:disabled{
	opacity: 0.6;
}
.sub-card-box button{
  background: transparent;
}
.sub-card-box input[type="radio"]:checked + label{
	box-shadow: 0 0 36px rgb(0 0 0 / 0.14);
    background: #fdf9f1;
    border: 1px solid #f9b773;
}
.pl-5{
	padding-left: 5px;
}
.tooltip .tooltip-span{
	background: #10305e;
    width: 16px;
    height: 16px;
    color: #fff;
  	font-size: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fieldset-1 .btn-soccer{
  margin-top: 0;
}
[data-add-to-cart].btn-soccer span{
  font-weight: 700;
}

.soccer-size-box .tooltiptext1{
  min-width: 170px;
  width: 100% !important;
}
.Klaviyo-snippet{
  background-color: #1D1B44;
}
.template-page .rte{
  text-align: justify;
}
.mobile-show {
  display: none;
}
@media screen and (max-width:600px) {
  .mobile-show {
    display: block;
  }
  .mobile-hide {
    display: none;
  }
}
/*
  gifting section
*/

.gifting-products {
  display: flex;
  justify-content: center;
}
.gifting-products img{
  max-width: 100px;
  margin-right: 20px;
}
.gifting-products div{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gifting-products h3{
  margin: 0;
}
@media screen and (max-width:600px) {
  .gifting-products h3{
    font-size: 15px;
  }
  .gifting-products p{
    font-size: 13px;
  }
}

.ObIwN.ObIwN, .ldxVJl.ldxVJl{
	padding: unset!important;
}

.itrmhl.itrmhl{
 padding: 10px 0px!important;
}
.jdpUUL.jdpUUL.jdpUUL.jdpUUL.jdpUUL.jdpUUL{
  font-family: unset!important;
}
.black-friday-badge-image
{
  width:100%;
}
.black-friday-badge-image img
{
  max-width:225px;
  width:100%;
}
 .header-drawer{
  	width: 100%;
       right: -100%;
  }
.showing-drawer .header-drawer {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translate(-100%);
}
.header-drawer .drawer-top{
	align-items: center;
}
.payment_review
{
  text-align: center;
  text-transform: capitalize;
}
.desktop-hidden
{
  display:none; 
}
.mobile-hidden
{
  display:flex; 
}