.shg-box {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  /**
   * While `flex: 1` is enough here, we need to supply the rest
   * of the parameters (`1 auto`) to keep compatibility with IE11.
   * Otherwise, IE11 flex would break.
   */
  flex: 1 1 auto;
}

.shg-box > .shg-box-content {
  z-index: 4;
  position: relative;
  /**
   * This is part of an IE11 fallback to avoid flex introducing
   * huge amount of weird space on the bottom on the section element.
   */
  min-height: 1px;
}

.shg-box-vertical-align-wrapper, .shg-box-vertical-center-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.shg-box-vertical-align-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.shg-box-vertical-align-center, .shg-box-vertical-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.shg-box-vertical-align-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.shg-box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
}

.shg-box-video-wrapper {
  /*
    It's very important we don't create a new containing block for shg-box-video-wrapper
    Jarallax uses transforms + position: fixed to achieve it's parallaxing effect

    https://developer.mozilla.org/en-US/docs/Web/CSS/position

    position: fixed
    The element is removed from the normal document flow, and no space is created for the element in the page layout. 
    It is positioned relative to the initial containing block established by the viewport, 

    *
      except when one of its ancestors has a transform, perspective, or filter property set to something other than none 
      (see the CSS Transforms Spec), or the will-change property is set to transform, 
      in which case that ancestor behaves as the containing block. 
    *
  */

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#s-c9038a24-e7b8-45a4-9f5d-65a6f94561d5 {
  min-height: 50px;
}
@media (min-width: 1200px){#s-c9038a24-e7b8-45a4-9f5d-65a6f94561d5 {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-c9038a24-e7b8-45a4-9f5d-65a6f94561d5 {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-c9038a24-e7b8-45a4-9f5d-65a6f94561d5 {
  
}
}@media (max-width: 767px){#s-c9038a24-e7b8-45a4-9f5d-65a6f94561d5 {
  
}
}







#s-c9038a24-e7b8-45a4-9f5d-65a6f94561d5 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-c9038a24-e7b8-45a4-9f5d-65a6f94561d5.shg-box.shg-c {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef {
  background-repeat: no-repeat;
background-size: cover;
padding-top: 80px;
padding-left: 15%;
padding-bottom: 80px;
padding-right: 15%;
min-height: 550px;
background-position: center center;
}
@media (min-width: 1200px){#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef {
  
}
}@media (max-width: 767px){#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef {
  
}
}
#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef {
  background-image: url(https://i.shgcdn.com/308d550d-1906-4294-864f-15b2bb6299db/-/format/auto/-/preview/3000x3000/-/quality/lighter/);
}








#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-7b76ed5f-1329-4c40-9306-5c036d8bc2ef.shg-box.shg-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#s-bb85bb26-2fd4-4b13-944e-38696c59754c {
  margin-top: 0px;
margin-bottom: 0px;
padding-top: 20px;
padding-left: 40px;
padding-bottom: 40px;
padding-right: 40px;
min-height: 50px;
background-color: rgba(255, 255, 255, 1);
}
@media (min-width: 1200px){#s-bb85bb26-2fd4-4b13-944e-38696c59754c {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-bb85bb26-2fd4-4b13-944e-38696c59754c {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-bb85bb26-2fd4-4b13-944e-38696c59754c {
  
}
}@media (max-width: 767px){#s-bb85bb26-2fd4-4b13-944e-38696c59754c {
  
}
}







#s-bb85bb26-2fd4-4b13-944e-38696c59754c > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-bb85bb26-2fd4-4b13-944e-38696c59754c.shg-box.shg-c {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.shogun-heading-component h1,
.shogun-heading-component h2,
.shogun-heading-component h3,
.shogun-heading-component h4,
.shogun-heading-component h5,
.shogun-heading-component h6 {
  margin: 0;
  padding: 0;
  display: block;
  color: ;
  font-family: ;
  text-transform: none;
  font-weight: ;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.shogun-heading-component a {
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

#s-b302280b-159f-41fc-ac9c-ed60e2a99508 {
  border-style: solid;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 40px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(242, 242, 242, 1);
text-align: center;
}
@media (min-width: 1200px){#s-b302280b-159f-41fc-ac9c-ed60e2a99508 {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-b302280b-159f-41fc-ac9c-ed60e2a99508 {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-b302280b-159f-41fc-ac9c-ed60e2a99508 {
  
}
}@media (max-width: 767px){#s-b302280b-159f-41fc-ac9c-ed60e2a99508 {
  
}
}
#s-b302280b-159f-41fc-ac9c-ed60e2a99508 .shogun-heading-component h2 {
  color: #000;
  font-weight:  normal ;
  
  font-style:  normal ;
  
  
  
  
}



.shg-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: inherit;
  max-height: inherit;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.shg-row > * {
  min-height: inherit;
  max-height: inherit;
}

[class*=shg-c-xs],
[class*=shg-c-sm],
[class*=shg-c-md],
[class*=shg-c-lg] {
  position: relative;
}

#s-f52086aa-6379-4310-9a86-3a8040a1cb1c {
  margin-left: 0px;
margin-right: 0px;
}
@media (min-width: 1200px){#s-f52086aa-6379-4310-9a86-3a8040a1cb1c {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-f52086aa-6379-4310-9a86-3a8040a1cb1c {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-f52086aa-6379-4310-9a86-3a8040a1cb1c {
  
}
}@media (max-width: 767px){#s-f52086aa-6379-4310-9a86-3a8040a1cb1c {
  
}
}
@media (min-width: 0px) {
[id="s-f52086aa-6379-4310-9a86-3a8040a1cb1c"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-f52086aa-6379-4310-9a86-3a8040a1cb1c"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 10.0px);
}

}

@media (min-width: 992px) {
[id="s-f52086aa-6379-4310-9a86-3a8040a1cb1c"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 10.0px);
}

}

@media (min-width: 1200px) {
[id="s-f52086aa-6379-4310-9a86-3a8040a1cb1c"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 10.0px);
}

}

.shg-product-image-wrapper img.shogun-image,
.shogun-component img.shogun-image {
  display: inline-block;
  vertical-align: middle;
}

.shg-product-img-placeholder img {
  padding: 3rem;
  background: rgba(0, 0, 0, 0.1);
}

.shg-product-image-wrapper {
  display: none;
  position: relative;
  width: 100%;
}

.shg-product-image-wrapper.visible {
  display: inline-block;
}

.shg-product-image-wrapper .shg-product-image-wrapper a {
  text-decoration: none !important;
  border-bottom: 0 !important;
}

.shg-product-image-wrapper .shg-image-zoom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  max-width: 100%;
  min-height: 100%;
}

.shg-c.shg-align-center .shg-image-zoom {
  margin: 0 auto;
}

.shg-c.shg-align-right .shg-image-zoom {
  margin-left: auto;
}

.shg-image-zoom .shg-image-zoom-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease-out;
  transform: scale(1);
}

/**
  Fix for IE11, as min-width does not works there.
**/
@media screen\0 {
  .shg-product-image-wrapper > .shogun-image {
    width: 100%;
  }
}

#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 {
  text-align: left;
}



.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 img.shogun-image {
  width: 100%;
}



@media (min-width: 1200px){

.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 img.shogun-image {
  width: 100%;
}



}@media (min-width: 992px) and (max-width: 1199px){

.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 img.shogun-image {
  width: 100%;
}



}@media (min-width: 768px) and (max-width: 991px){

.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 img.shogun-image {
  width: 100%;
}



}@media (max-width: 767px){

.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-ee7f6b90-21d5-4840-a074-6ea21b2d6ff8 img.shogun-image {
  width: 100%;
}



}
.shg-gallery-root {
}

.shg-gallery-arrows-container {
  display: flex;
  align-items: center;
  position: relative;
}

.shg-gallery-dots-container {
  display: flex;
  justify-content: center;
  position: relative;
}

.shg-gallery-scroll-container {
  position: relative;
}

.shg-gallery-thumb-list {
  display: flex;
  flex-wrap: wrap;
}

.shg-gallery-thumb-image {
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
}

.shg-gallery-thumb-image:hover {
  opacity: 0.6;
}

.shg-gallery-thumb-image-square {
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

.shg-gallery-image-hidden {
  display: none;
}

.shg-gallery-scroll-button {
  position: absolute;
  width: 3%;
  max-width: 48px;
  max-height: 48px;
}

.shg-left {
  left: 0;
  margin-left: 1%;
}

.shg-right {
  right: 0;
  margin-right: 1%;
}

.shg-gallery-dot {
  height: 14px;
  width: 14px;
  opacity: 0.5;
  border-radius: 100%;
  margin: 0 8px;
}

.shg-selected {
  opacity: 1;
}

#s-40d90053-26ca-4283-b960-703e80af8feb {
  padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}

#s-40d90053-26ca-4283-b960-703e80af8feb .shg-gallery-thumb-image-wrapper {
  

  flex-basis: 25.0%;
  padding-right: 10px;
  padding-bottom: 10px;
}

#s-40d90053-26ca-4283-b960-703e80af8feb .shg-gallery-dots-container {
  
    margin-top: -22px;
    padding-bottom: 8px;
  
}

#s-40d90053-26ca-4283-b960-703e80af8feb .shg-gallery-thumb-list-margin {
  margin-right: -10px;
}

#s-40d90053-26ca-4283-b960-703e80af8feb .shg-gallery-scroll-container {
  
    width: 100%;
  
}

#s-40d90053-26ca-4283-b960-703e80af8feb .shg-gallery-scroll-button {
  color: #FFF;
}

#s-40d90053-26ca-4283-b960-703e80af8feb .shg-gallery-dot {
  background-color: #FFF;
}

#s-b7b82ce0-0954-40de-a2d5-01788bce5110 {
  text-align: left;
}

#s-b7b82ce0-0954-40de-a2d5-01788bce5110 .shg-product-sold-out {
  display: none;
  color: #000;
  font-size: 18px;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
}

#s-b7b82ce0-0954-40de-a2d5-01788bce5110 .shg-product-price {
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
}

#s-b7b82ce0-0954-40de-a2d5-01788bce5110 .shg-product-compare-price {
  display: inline;
  text-decoration: line-through;
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
  padding-left: 10px;
}

.shg-btn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.shg-variant-btn.shg-cse, .shg-btn.shg-cse:hover, .shg-btn.shg-cse:focus {
  color: #FFF;
}

.shg-variant-btn {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  letter-spacing: normal;
}

.shg-variant-btn.hidden {
  display: none;
}

.shg-variant-btn.disabled {
  cursor: not-allowed;
}

.shg-variant-btn:not(.shg-variant-btn-stretch) {
  display: inline-block;
}

.shg-variant-btn-wrapper.shg-align-left {
  text-align: left;
}

.shg-variant-btn-wrapper.shg-align-center {
  text-align: center;
}

.shg-variant-btn-wrapper.shg-align-right {
  text-align: right;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff {
  padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-selector-wrapper {
  display: flex;
  flex-direction: row;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-selector-wrapper > * {
  flex-grow: 1;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-selector-wrapper select {
  width: 100% !important;
  margin: 0 !important;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-selector-inline-wrapper:not(:first-child) {
  margin-left: 10px;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-swatches-wrapper {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(auto-fit, 32px);
  margin-top: 6px;
  min-width: 100px;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-swatch {
  position: relative;
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  cursor: pointer;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-swatch.not-available {
  cursor: not-allowed;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='2'/></svg>");
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 100% 100%, auto;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-swatch::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid hsla(230, 13%, 23%, 0.1);
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  transition: 0.2s;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-swatch:hover::before {
  border-color: hsla(230, 13%, 23%, 0.3);
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-swatch.selected::before {
  border-color: hsla(230, 13%, 23%, 0.8);
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-product-swatches-title {
  height: 32px;
  display: block;
  font-size: 14px;
  margin-top: 8px;
  overflow-x: clip;
}





  #s-b2001a14-2706-4aac-b61b-da8b686234ff-btn-wrapper {
    text-align: center;
  }


#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-variant-btn {
  color: #ffffff;
  background: #252525;
  font-size: 14px;
  
  
  
  padding: 10px;
  border-radius: 2px;
  border:  solid ;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-variant-btn:hover {
  background: #252525;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-variant-btn:active, #s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-variant-btn.active {
  background: #252525;
  color: #ffffff;
}

#s-b2001a14-2706-4aac-b61b-da8b686234ff .shg-variant-btn.disabled {
  background: #252525;
}

#s-cbed2c6b-aacc-4712-8196-2692dec4cd2b {
  padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-align: left;
}

#s-cbed2c6b-aacc-4712-8196-2692dec4cd2b .shg-product-quantity-wrapper {
  display: flex;
}

#s-cbed2c6b-aacc-4712-8196-2692dec4cd2b .shg-product-quantity-wrapper input {
  flex: auto;
  text-align: center;
  width: calc(100% - 70px);
  margin: 0 !important;
}


  #s-cbed2c6b-aacc-4712-8196-2692dec4cd2b .shg-product-quantity-wrapper button.shg-product-quantity-button {
    border: 0 !important;
    margin: 0 !important;
  }

  #s-cbed2c6b-aacc-4712-8196-2692dec4cd2b .shg-product-quantity-wrapper button.shg-product-quantity-button-left {
    margin-right: 10px !important;
  }

  #s-cbed2c6b-aacc-4712-8196-2692dec4cd2b .shg-product-quantity-wrapper button.shg-product-quantity-button-right {
    margin-left: 10px !important;
  }




.shg-btn.shg-cse, .shg-btn.shg-cse:hover, .shg-btn.shg-cse:focus {
  color: #FFF;
}

.shg-product-atc-wrapper {
  position: relative;
}

.shg-product-atc-btn {
  position: relative;
  z-index: 2;
  display: block;
  border: none;
  align-items: normal;
  box-sizing: border-box;
  cursor: pointer;
  transition: opacity 200ms linear;
  opacity: 1;
}

.shg-product-atc-btn-opaque {
  opacity: 0;
}

.shg-product-atc-info-box {
  position: absolute;
  z-index: 1;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.shg-product-atc-btn-wrapper.shg-align-center {
  text-align: center;
}

.shg-product-atc-btn-wrapper.shg-align-right {
  text-align: right;
}

#s-49e81ed0-6a07-4234-a8e7-55bcecd8a151 {
  padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: #252525;
text-align: center;
cursor: pointer;
}
#s-49e81ed0-6a07-4234-a8e7-55bcecd8a151:hover {background-color: #424242 !important;
text-decoration: none !important;}#s-49e81ed0-6a07-4234-a8e7-55bcecd8a151:active {background-color: #000000 !important;
text-decoration: none !important;}


#s-49e81ed0-6a07-4234-a8e7-55bcecd8a151 {
  cursor: pointer;
  user-select: none;
  align-items: normal;
  box-sizing: border-box;
}

#s-49e81ed0-6a07-4234-a8e7-55bcecd8a151.shg-product-atc-disabled {
  opacity: 0.5;
  cursor: initial;
}

#s-49e81ed0-6a07-4234-a8e7-55bcecd8a151.shg-btn {
  color: #ffffff;
  font-size: 14px;
  
  
  
  display:  inline-block ;
}

#s-49e81ed0-6a07-4234-a8e7-55bcecd8a151.shg-btn.shg-product-atc-error {
  
  
  
  
  
}


  #s-49e81ed0-6a07-4234-a8e7-55bcecd8a151.shg-btn.shg-product-atc-success {
    
    
    
    
    
  }


#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea {
  text-align: left;
}



.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea img.shogun-image {
  width: 100%;
}



@media (min-width: 1200px){

.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea img.shogun-image {
  width: 100%;
}



}@media (min-width: 992px) and (max-width: 1199px){

.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea img.shogun-image {
  width: 100%;
}



}@media (min-width: 768px) and (max-width: 991px){

.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea img.shogun-image {
  width: 100%;
}



}@media (max-width: 767px){

.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea .shg-image-zoom {
  width:  100%; 
  height:  100%; 
}


.shg-c#s-31b8c409-b5f1-4d15-82bb-0a2767a55bea img.shogun-image {
  width: 100%;
}



}
#s-a5046524-99c6-4cde-be2a-26ec3cc97396 {
  padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}

#s-a5046524-99c6-4cde-be2a-26ec3cc97396 .shg-gallery-thumb-image-wrapper {
  

  flex-basis: 25.0%;
  padding-right: 10px;
  padding-bottom: 10px;
}

#s-a5046524-99c6-4cde-be2a-26ec3cc97396 .shg-gallery-dots-container {
  
    margin-top: -22px;
    padding-bottom: 8px;
  
}

#s-a5046524-99c6-4cde-be2a-26ec3cc97396 .shg-gallery-thumb-list-margin {
  margin-right: -10px;
}

#s-a5046524-99c6-4cde-be2a-26ec3cc97396 .shg-gallery-scroll-container {
  
    width: 100%;
  
}

#s-a5046524-99c6-4cde-be2a-26ec3cc97396 .shg-gallery-scroll-button {
  color: #FFF;
}

#s-a5046524-99c6-4cde-be2a-26ec3cc97396 .shg-gallery-dot {
  background-color: #FFF;
}

#s-f37eb9c3-882a-46f7-923a-148dbaa56122 {
  text-align: left;
}

#s-f37eb9c3-882a-46f7-923a-148dbaa56122 .shg-product-sold-out {
  display: none;
  color: #000;
  font-size: 18px;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
}

#s-f37eb9c3-882a-46f7-923a-148dbaa56122 .shg-product-price {
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
}

#s-f37eb9c3-882a-46f7-923a-148dbaa56122 .shg-product-compare-price {
  display: inline;
  text-decoration: line-through;
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
  padding-left: 10px;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b {
  padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-selector-wrapper {
  display: flex;
  flex-direction: row;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-selector-wrapper > * {
  flex-grow: 1;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-selector-wrapper select {
  width: 100% !important;
  margin: 0 !important;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-selector-inline-wrapper:not(:first-child) {
  margin-left: 10px;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-swatches-wrapper {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(auto-fit, 32px);
  margin-top: 6px;
  min-width: 100px;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-swatch {
  position: relative;
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  cursor: pointer;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-swatch.not-available {
  cursor: not-allowed;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='2'/></svg>");
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 100% 100%, auto;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-swatch::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid hsla(230, 13%, 23%, 0.1);
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  transition: 0.2s;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-swatch:hover::before {
  border-color: hsla(230, 13%, 23%, 0.3);
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-swatch.selected::before {
  border-color: hsla(230, 13%, 23%, 0.8);
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-product-swatches-title {
  height: 32px;
  display: block;
  font-size: 14px;
  margin-top: 8px;
  overflow-x: clip;
}





  #s-3c0a1050-168d-4374-a7d2-e4335f576b1b-btn-wrapper {
    text-align: center;
  }


#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-variant-btn {
  color: #ffffff;
  background: #252525;
  font-size: 14px;
  
  
  
  padding: 10px;
  border-radius: 2px;
  border:  solid ;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-variant-btn:hover {
  background: #252525;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-variant-btn:active, #s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-variant-btn.active {
  background: #252525;
  color: #ffffff;
}

#s-3c0a1050-168d-4374-a7d2-e4335f576b1b .shg-variant-btn.disabled {
  background: #252525;
}

#s-24ca0653-1a93-41b7-b06e-9144366fe08d {
  padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-align: left;
}

#s-24ca0653-1a93-41b7-b06e-9144366fe08d .shg-product-quantity-wrapper {
  display: flex;
}

#s-24ca0653-1a93-41b7-b06e-9144366fe08d .shg-product-quantity-wrapper input {
  flex: auto;
  text-align: center;
  width: calc(100% - 70px);
  margin: 0 !important;
}


  #s-24ca0653-1a93-41b7-b06e-9144366fe08d .shg-product-quantity-wrapper button.shg-product-quantity-button {
    border: 0 !important;
    margin: 0 !important;
  }

  #s-24ca0653-1a93-41b7-b06e-9144366fe08d .shg-product-quantity-wrapper button.shg-product-quantity-button-left {
    margin-right: 10px !important;
  }

  #s-24ca0653-1a93-41b7-b06e-9144366fe08d .shg-product-quantity-wrapper button.shg-product-quantity-button-right {
    margin-left: 10px !important;
  }




#s-8fbf610f-fbca-4ff6-9131-f2d405a6de78 {
  padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: #252525;
text-align: center;
cursor: pointer;
}
#s-8fbf610f-fbca-4ff6-9131-f2d405a6de78:hover {background-color: #424242 !important;
text-decoration: none !important;}#s-8fbf610f-fbca-4ff6-9131-f2d405a6de78:active {background-color: #000000 !important;
text-decoration: none !important;}


#s-8fbf610f-fbca-4ff6-9131-f2d405a6de78 {
  cursor: pointer;
  user-select: none;
  align-items: normal;
  box-sizing: border-box;
}

#s-8fbf610f-fbca-4ff6-9131-f2d405a6de78.shg-product-atc-disabled {
  opacity: 0.5;
  cursor: initial;
}

#s-8fbf610f-fbca-4ff6-9131-f2d405a6de78.shg-btn {
  color: #ffffff;
  font-size: 14px;
  
  
  
  display:  inline-block ;
}

#s-8fbf610f-fbca-4ff6-9131-f2d405a6de78.shg-btn.shg-product-atc-error {
  
  
  
  
  
}


  #s-8fbf610f-fbca-4ff6-9131-f2d405a6de78.shg-btn.shg-product-atc-success {
    
    
    
    
    
  }


/*
  $vgutter : 20px
  $hgutter : 10px;
*/

.shg-c:before,
.shg-c:after {
  content: " ";
  display: table;
}

/**
  Ref:
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
  https://dnf.slack.com/archives/C0514HB79/p1538741509000100
**/
.shogun-root {
  z-index: 1;
  position: relative;
  isolation: isolate;
}

.shogun-root iframe {
  display: initial;
}

@media (max-width: 1024px) {
  .shg-c,
  .shg-box {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape) {
  .shg-box {
    background-attachment: scroll !important;
  }
}

#mc_embed_signup .clear {
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
}

.shg-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.shogun-image {
  max-width: 100%;
  min-height: inherit;
  max-height: inherit;
  display: inline !important;
  border: 0;
  vertical-align: middle;
}

.shg-fw {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}

.shg-fw .shg-fw {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

div[data-shg-lightbox-switch] {
  cursor: pointer;
}

.shg-lightbox {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.85);
}

.shg-lightbox.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.shg-lightbox .shg-lightbox-close {
  position: absolute;
  right: 0;
  padding: 5px 0;
  color: #fff;
  font-size: 45px;
  margin-right: 10px;
  line-height: 30px;
  user-select: none;
  cursor: pointer;
  z-index: 1;
}

.shg-lightbox .shg-lightbox-image-container {
  padding: 25px;
}

.shg-lightbox .shg-lightbox-image {
  margin: auto;
  max-height: 90vh;
  max-width: 100%;
}

.shg-lightbox .shg-lightbox-close:hover,
.shg-lightbox .shg-lightbox-close:focus {
  color: #a2a2a2;
  text-decoration: none;
  cursor: pointer;
}

.shg-lightbox .shg-lightbox-nav {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 35px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(0%, -50%);
  z-index: 1;
}

.shg-lightbox .shg-lightbox-nav.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-nav.shg-nav-left {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==);
}

.shg-lightbox .shg-lightbox-nav.shg-nav-right {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+);
}

@media screen and (min-width: 769px) {
  .shg-lightbox .shg-lightbox-image-container {
    padding: 50px;
  }
}

.shogun-lazyload:not([src]),
.shogun-lazyloading:not([src]) {
  opacity: 0;
}
.shogun-lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.shogun-lazyload-bg-image {
  display: none;
}

.shogun-root a:empty,
.shogun-root article:empty,
.shogun-root dl:empty,
.shogun-root h1:empty,
.shogun-root h2:empty,
.shogun-root h3:empty,
.shogun-root h4:empty,
.shogun-root h5:empty,
.shogun-root h6:empty,
.shogun-root p:empty,
.shogun-root section:empty,
.shogun-root ul:empty {
  display: unset;
}

.shogun-root div:empty {
  display: inline-block;
}

/* User Content Animations --> */
[data-animations*="enterviewport"][data-animations*="fadeIn"],
[data-animations*="enterviewport"][data-animations*="zoomIn"] {
  opacity: 0;
}
/* <-- User Content Animations */

.shogun-form-error-msg, .shogun-form-field-error-msg {
  display: flex;
  align-items: center;
  color: #dc143c;
}

.shogun-badge {
  margin-bottom: 50px;
}

.shogun-badge-container {
  position: fixed;
  right: 0;
  bottom: 0;
  margin-bottom: -10px;
}

.shg-c:before,.shg-c:after{content:" ";display:table}.shogun-root{z-index:1;position:relative;isolation:isolate}.shogun-root iframe{display:initial}@media (max-width: 1024px){.shg-c,.shg-box{background-attachment:scroll !important}}@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape){.shg-box{background-attachment:scroll !important}}#mc_embed_signup .clear{width:auto !important;height:auto !important;visibility:visible !important}.shg-clearfix:after{content:"";display:block;clear:both}.shogun-image{max-width:100%;min-height:inherit;max-height:inherit;display:inline !important;border:0;vertical-align:middle}.shg-fw{margin-left:calc(50% - 50vw);width:100vw}.shg-fw .shg-fw{margin-left:auto;margin-right:auto;width:100%}div[data-shg-lightbox-switch]{cursor:pointer}.shg-lightbox{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,0.85)}.shg-lightbox.hidden{display:none !important}.shg-lightbox .shg-lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}.shg-lightbox .shg-lightbox-close{position:absolute;right:0;padding:5px 0;color:#fff;font-size:45px;margin-right:10px;line-height:30px;user-select:none;cursor:pointer;z-index:1}.shg-lightbox .shg-lightbox-image-container{padding:25px}.shg-lightbox .shg-lightbox-image{margin:auto;max-height:90vh;max-width:100%}.shg-lightbox .shg-lightbox-close:hover,.shg-lightbox .shg-lightbox-close:focus{color:#a2a2a2;text-decoration:none;cursor:pointer}.shg-lightbox .shg-lightbox-nav{cursor:pointer;position:absolute;top:50%;width:35px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(0%, -50%);z-index:1}.shg-lightbox .shg-lightbox-nav.hidden{display:none !important}.shg-lightbox .shg-lightbox-nav.shg-nav-left{left:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==)}.shg-lightbox .shg-lightbox-nav.shg-nav-right{right:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+)}@media screen and (min-width: 769px){.shg-lightbox .shg-lightbox-image-container{padding:50px}}.shogun-lazyload:not([src]),.shogun-lazyloading:not([src]){opacity:0}.shogun-lazyloaded{opacity:1;transition:opacity 300ms}.shogun-lazyload-bg-image{display:none}.shogun-root a:empty,.shogun-root article:empty,.shogun-root dl:empty,.shogun-root h1:empty,.shogun-root h2:empty,.shogun-root h3:empty,.shogun-root h4:empty,.shogun-root h5:empty,.shogun-root h6:empty,.shogun-root p:empty,.shogun-root section:empty,.shogun-root ul:empty{display:unset}.shogun-root div:empty{display:inline-block}[data-animations*="enterviewport"][data-animations*="fadeIn"],[data-animations*="enterviewport"][data-animations*="zoomIn"]{opacity:0}.shogun-form-error-msg,.shogun-form-field-error-msg{display:flex;align-items:center;color:#dc143c}.shogun-badge{margin-bottom:50px}.shogun-badge-container{position:fixed;right:0;bottom:0;margin-bottom:-10px}