.btn-shopnow{
    left: 6px !important;
}
.inner-header {
     padding-top: 0;
     min-height: 500px;
     border-bottom: 42px solid #efeb41;
     width:100%;
     overflow:hidden;
     margin-top: 0px;
     position: relative;
}


.inner-header .sport-image .yellow-strip {
    width: 184px;
    position: absolute;
    height: 114vh;
    background: #efeb41;
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
    left: 58%;
    top: -398px;
    z-index: 1;
}

.inner-header .sport-image {
     position: absolute;
     top: 0;
     width: auto !important;
     overflow: hidden;
     right: -29%;
     height: 468px;
     display: flex;
     align-items: flex-start;
     justify-content: center;
     z-index: 1;
     left: 30%;
}
.inner-header .sport-image p{
    z-index: 1;
}
 .pt-125 {
     padding-top: 115px;
}
 .inner-header h1.xl{
     font-family: 'UnitedSansSemiCond-Heavy';
     font-size: 63px;
}
 .sami-text{
     font-size: 27px;
     font-weight: 500;
}
 .add-content .like{
     color:#2c2c2d;
     visibility: visible;
     left: 14px;
     opacity: 1;
     right: auto;
}
.tinv-wraper , .like {
     position: absolute;
     top: 0px;
     right: 0px;
     color: #0e0e0f;
     font-size: 16px;
     opacity: 0;
}
.tinv-wraper a{
  background-color: transparent !important;
}
 .cd-item:hover .tinv-wraper,
 .cd-item:hover .like{
     opacity: 1;
}
 .like:hover{
     color: #AB0003;
}
/* -------------------------------- Primary style -------------------------------- */
 *, *::after, *::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
li.cd-item{
     list-style-type:none
}
 body::after {
    /* dark overlay layer - visible when we fire .cd-quick-view */
     position: fixed;
     content: '';
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity .3s 0s, visibility 0s .3s;
     -moz-transition: opacity .3s 0s, visibility 0s .3s;
     transition: opacity .3s 0s, visibility 0s .3s;
}
 @media only screen and (min-width: 1024px) {
     body.overlay-layer::after {
         content: '';
         z-index:9999;
         visibility: visible;
         opacity: 1;
         -webkit-transition: opacity .3s 0s, visibility 0s 0s;
         -moz-transition: opacity .3s 0s, visibility 0s 0s;
         transition: opacity .3s 0s, visibility 0s 0s;
    }
}
 a {
     color: #AB0003;
     text-decoration: none;
}
 img {
     max-width: 100%;
}
/* -------------------------------- Modules - reusable parts of our design -------------------------------- */
 .cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
     width: 100%;
     margin: 44px auto;
}
 .cd-container:after {
     content: "";
     display: table;
     clear: both;
}
/* -------------------------------- Main components -------------------------------- */
 html, body {
     height: 100%;
}
 .cd-items {
     padding: 1em 0;
}
 @media only screen and (min-width: 1024px) {
     .cd-items {
         padding: 0;
         padding-left: 15px;
         padding-right: 15px;
         display: flex;
         flex-wrap: wrap;
    }
}
 .cd-item {
     position: relative;
     background:#fff;
}
 .cd-item > img {
     display: block;
     width: auto;
     margin: auto;
     max-height: 224px;
     min-height: 224px;
     padding: 14px;
     padding-top: 40px;
}
 @media only screen and (min-width: 768px) {
     .cd-item {
         width: 48%;
         float: left;
         margin: 0 4% 2em 0;
    }
     .cd-item:nth-child(2n) {
         margin-right: 0;
    }
}
 @media only screen and (min-width: 1024px) {
     .cd-item {
        min-height: 340px;
        width: 25%;
        float: left;
        transition: box-shadow 0.2s ease-in-out;
        margin: 0;
        border: 1px solid #fff;
    }
     .cd-item:hover {
         -moz-box-box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .11);
         -webkit-box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .11);
         box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .11);
         z-index:5;
         border: 1px solid #AB0003;
    }
     .cd-item.empty-box::after {
        /* box visible as placeholder when the .cd-quick-view zooms in */
         position: absolute;
         top: 0;
         content: '';
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #ff7284;
    }
}
 .cd-trigger {
     border-right: 1px dashed #AB0003;
}
 .no-touch .cd-trigger:hover {
}

     .cd-trigger {
        /* always visible on small devices */
         visibility: visible;
         opacity: 1;
    }


     .cd-trigger , .btn-shopnow{
        /* only visible on hover on big devices */
         opacity: 0;
         width: 50.5%;
         display: inline-block;
         text-align: center;
         border-bottom: 1px solid #AB0003;
         border-top: 1px solid #AB0003;
         margin: 0 -3px;
         font-size: 12px;
         padding: 6px;
         position: relative;
         left: 3px;
    }

 @media only screen and (min-width: 1170px) {
     .no-touch .cd-item:hover .cd-trigger , .no-touch .cd-item:hover .btn-shopnow{
         opacity: 1;
    }
     .touch .cd-item .cd-trigger {
         opacity: 1;
    }
}
 .cd-quick-view {
    /* quick view non available on small devices */
     display: none;
}
 @media only screen and (min-width: 1024px) {
     .cd-quick-view {
         min-height:358px;
         display: block;
         position: fixed;
         max-width: 900px;
         visibility: hidden;
        /* Force Hardware Acceleration in WebKit */
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -ms-transform: translateZ(0);
         -o-transform: translateZ(0);
         transform: translateZ(0);
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         will-change: left, top, width;
         z-index: 99999;
    }
     .cd-quick-view:after {
         content: "";
         display: table;
         clear: both;
    }
     .cd-quick-view.is-visible {
        /* class added when user clicks on .cd-trigger */
         visibility: visible;
    }
     .cd-quick-view.animate-width {
        /* class added at the end of the first zoom-in animation */
         background-color: #ffffff;
         box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
         -webkit-transition: box-shadow 0.3s;
         min-height: 358px;
         -moz-transition: box-shadow 0.3s;
         transition: box-shadow 0.3s;
    }
}
 .cd-slider-wrapper {
     position: relative;
     display: inline-block;
     float: left;
     min-height: 358px;
     background: #f1f3f6;
     display: flex;
     align-items: center;
     min-width:300px;
     justify-content: center;
}
 .cd-slider-wrapper:after {
     content: "";
     display: table;
     clear: both;
}
 .cd-slider {
     float: left;
     padding:0px;
}
 .cd-slider li {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
}
 .cd-slider li img {
     display: block;
     width: 100%;
     max-width: 400px;
}
 .cd-slider li.selected {
     position: relative;
     z-index: 3;
}
 .add-content .cd-slider {
     margin-right: 3em;
     padding:0px;
}
 .cd-slider-navigation {
     opacity: 0;
}
 .add-content .cd-slider-navigation {
     opacity: 1;
}
 .cd-slider-navigation li {
     position: absolute;
     top: 50%;
     bottom: auto;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 3;
}
 .cd-slider-navigation li:first-child {
     left: 0;
}
 .cd-slider-navigation li:last-child {
    /* equal to the .cd-slider-wrapper margin-right */
     right: 3em;
}
 .cd-slider-navigation li a {
     display: block;
     width: 40px;
     height: 50px;
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     opacity: 0;
    /* Force Hardware Acceleration in WebKit */
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: opacity 0.2s, background 0.2s;
     -moz-transition: opacity 0.2s, background 0.2s;
     transition: opacity 0.2s, background 0.2s;
}
 .cd-slider-navigation li a::before, .cd-slider-navigation li a::after {
    /* create arrows in CSS */
     content: '';
     position: absolute;
     top: 18px;
     left: 14px;
     display: inline-block;
     background: #ffffff;
     height: 3px;
     width: 12px;
}
 .cd-slider-navigation li a::before {
     content: '';
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .cd-slider-navigation li a::after {
     -webkit-transform: translateY(7px) rotate(-45deg);
     -moz-transform: translateY(7px) rotate(-45deg);
     -ms-transform: translateY(7px) rotate(-45deg);
     -o-transform: translateY(7px) rotate(-45deg);
     transform: translateY(7px) rotate(-45deg);
}
 .add-content .cd-slider-navigation li a {
     opacity: .2;
}
 .no-touch .cd-slider-navigation li a:hover {
     background: rgba(71, 55, 78, 0.8);
     opacity: 1;
}
 .touch .cd-slider-navigation li a {
     opacity: 1;
}
 .cd-slider-navigation li:first-child a::before {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     content: '';
     transform: rotate(-45deg);
}
 .cd-slider-navigation li:first-child a::after {
     -webkit-transform: translateY(7px) rotate(45deg);
     content: '';
     -moz-transform: translateY(7px) rotate(45deg);
     -ms-transform: translateY(7px) rotate(45deg);
     -o-transform: translateY(7px) rotate(45deg);
     transform: translateY(7px) rotate(45deg);
}
 .cd-item-info {
     position: absolute;
     padding: 3em;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity .3s, visibility 0s;
     -moz-transition: opacity .3s, visibility 0s;
     transition: opacity .3s, visibility 0s;
}
 .cd-item-info h2 {
     text-transform: inherit;
     font-size: 19px;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     margin: 0;
     margin-top: 15px;
}
 .cd-item-info p {
     margin: 2em 0;
     color: #8c8c8c;
     font-size: 11px;
}
 .cd-item-info .cd-item-action li {
     display: inline-block;
     margin-right: 1em;
}
 .cd-item-info .cd-item-action li:first-child {
     margin-left: -4px;
}
.cd-item-info .cd-item-action li:first-child .add-to-cart {
     margin-left: 4px;
}
 .cd-item-info .add-to-cart {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     border-radius: 0.25em;
     border: none;
     padding: .6em 1.2em;
     background-color: #f82f53;
     color: #ffffff;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 14px;
     cursor: pointer;
}
 .add-content .cd-item-info {
    /* class added at the end of the width animation, used to show the content */
     position: relative;
     visibility: visible;
     opacity: 1;
}
 .add-content .cd-item-info h2 {
     -webkit-animation: cd-slide-in 0.3s;
     -moz-animation: cd-slide-in 0.3s;
     animation: cd-slide-in 0.3s;
}
 .add-content .cd-item-info p {
     -webkit-animation: cd-slide-in 0.4s;
     -moz-animation: cd-slide-in 0.4s;
     animation: cd-slide-in 0.4s;
}
 .add-content .cd-item-info .cd-item-action {
     -webkit-animation: cd-slide-in 0.5s;
     -moz-animation: cd-slide-in 0.5s;
     animation: cd-slide-in 0.5s;
     padding:0px;
     margin-top:60px;
}
 @-webkit-keyframes cd-slide-in {
     0% {
         -webkit-transform: translate3d(-40px, 0, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
    }
}
 @-moz-keyframes cd-slide-in {
     0% {
         -moz-transform: translate3d(-40px, 0, 0);
    }
     100% {
         -moz-transform: translate3d(0, 0, 0);
    }
}
 @keyframes cd-slide-in {
     0% {
         -webkit-transform: translate3d(-40px, 0, 0);
         -moz-transform: translate3d(-40px, 0, 0);
         -ms-transform: translate3d(-40px, 0, 0);
         -o-transform: translate3d(-40px, 0, 0);
         transform: translate3d(-40px, 0, 0);
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .cd-close {
     position: absolute;
     top: 10px;
     right: 10px;
     display: inline-block;
     width: 30px;
     height: 30px;
    /* image replacement */
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     visibility: hidden;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
     -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
     transition: transform .3s 0s, visibility 0s .3s;
}
 .cd-close::before, .cd-close::after {
     position: absolute;
     content: '';
     top: 14px;
     display: inline-block;
     height: 2px;
     width: 11px;
     background: #b3b3b3;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     left: 10px;
}
 .cd-close::before {
     content: '';
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .cd-close::after {
     content: '';
     -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     transform: rotate(135deg);
}
 .add-content .cd-close {
     visibility: visible;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
     -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
     transition: transform .3s 0s, visibility 0s 0s;
     background: #e6e6e6;
     text-align: center;
     border-radius: 50%;
}
 .add-content .cd-close:hover{
     background:#ff4f65;
}
 .add-content .cd-close:hover::before, .add-content .cd-close:hover::after{
     background:#fff;
}
 fieldset, label {
     margin: 0;
     padding: 0;
}
 h1 {
}
/****** Style Star Rating Widget *****/
 .rating {
     border: none;
     float: left;
}
 .rating > input {
     display: none;
}
 .rating > label:before {
     margin: 2px;
     font-size: 0.9em;
     font-family: FontAwesome;
     display: inline-block;
     content: "\f005";
    ;
}
 .rating > .half:before {
     content: "\f089";
     position: absolute;
}
 .rating > label {
     color: #ddd;
     float: right;
}
/***** CSS Magic to Highlight Stars on Hover *****/
 .rating > input:checked ~ label, 
/* show gold star when clicked */
 .rating:not(:checked) > label:hover, 
/* hover current star */
 .rating:not(:checked) > label:hover ~ label {
     color: #FFD700;
}
/* hover previous stars in list */
 .rating > input:checked + label:hover, 
/* hover current star when changing rating */
 .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, 
/* lighten current selection */
 .rating > input:checked ~ label:hover ~ label {
     color: #FFED85;
}
 h3.product__title {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 0px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
 p.product__description {
     font-size: 11px;
     margin-top: 10px;
     margin-bottom: 10px;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .product-block {
     padding: 14px;
}
 .rating-count {
     font-size: 11px;
     float: left;
     margin: 3px 7px 4px;
}
 .product-price {
     display: block;
     margin-top: 10px;
     clear: both;
     text-align: center;
}
 .product-price strong {
     font-size: 14px;
}
 .product-price span {
     color: #2c2c2d;
     font-size: 11px;
     padding: 3px;
}
 .product-price span.off-tag {
     padding: 1px 7px;
       text-decoration: none;
     border: 1px solid #d6d6d6;
}
.product-price .sale-price{
    text-decoration: line-through;
}
.product-price .subscription-details {
    display: inline-block;
}
.product-block .subscription-details {
    display: block;
    text-align: center;
    color: #2c2c2d;
    font-size: 11px;
    padding: 3px;
}

@media screen and (max-width: 1200px){
    .inner-header .sport-image {
        position: absolute;
        top: 0px;
        width: 850px !important;
        overflow: hidden;
        height: 468px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }
    .inner-header .sport-image img{
        height: auto;
    }
}

@media screen and (max-width: 992px){
    .inner-header{
        min-height: 400px;
    }
    .pt-125 {
        padding-top: 75px;
    }
    .inner-header .sport-image{
        width: 650px !important;
        height: 360px;
    }
    .inner-header .sport-image .yellow-strip{
        left: 0%;
    }
    .cd-items{
        padding: 1em
    }
}

@media screen and (max-width: 767px){
    .inner-header{
        padding: 30px 0;
    }
    .inner-header .sport-image {
        width: 100% !important;
        height: 220px;
        opacity: .3;
        right: 0;
    }
}
@media screen and (max-width: 450px){
    .inner-header{
        padding: 0;
    }
}

.cd-items li:hover a{ opacity: 1 }
/*.cd-items li a:first-child img{
    width: auto;
     align-self: center;
      max-width: 250px;
    max-height:100%;
      object-fit: contain;
}
.cd-items li a:first-child {
     display: flex;
  flex-flow: row nowrap;
  align-items: center;
    min-height: 250px;
    max-height: 250px;
     justify-content: center;    
     
    
}*/

.cd-items li a:first-child {
    display: flex;
    flex-flow: row nowrap;
    min-height: 250px;
    max-height: 250px;
    justify-content: center;
    width: 100%;
    object-fit: contain;
    padding: 20px;
}
.cd-items li a:first-child img {
    object-fit: contain;
    width: 100%;
    max-height: 100%;
}

.post-6797 .cd-item{
    min-height: 362px;
}
.term-description{ display: none; }


#product_info_modal h4{
        text-transform: inherit;
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 0;
    margin-top: 15px;
}
#product_info_modal #product_info_snippet{
        margin: 2em 0;
    color: #8c8c8c;
    font-size: 11px;
}