:root {
  --primary-color: #002531;
  --secondary-color: #C23A32;
  --text-color: #fff ;
  --primary-font-family: interstate,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --secondary-font-family: source-serif-pro,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
body{
  background: #FFFFFF;
}
.missing-selector-alert {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-family:var(--primary-font);
  font-size: 13px;
  color:#C23A32;
}
.zoomButtons{
  position: absolute;
  top: 45px;
  right: 10px;
  z-index: 1600;
}
.zoom-toggle{
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  cursor: pointer;
}
@media (max-width: 1600px){
  .shoe-breaksells{
    display: block ;
  }
}
@media (min-width: 1600px){
  .container {
    max-width: 1400px !important;
  }
}
.dragscroll {
  width: 100%;
  height: auto;
  overflow-y: auto;
  overflow-x: auto;
  cursor: grab;
  cursor: -o-grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.modal-dialog {
  position: relative;
  background-color: #f7f7f7 !important;
  margin: auto;
  padding: 0;
  width: 47%;
  max-width: 700px !important;
}
.modal-content {
  border: none !important;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -3rem -1rem auto !important;
}
.modal {
  position: fixed;
  z-index: 1600;
  padding-top: 9vw;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.modal.show {
  display: block;
}
.swiper-slide {
  text-align: left !important;
  height: auto !important;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}
.swiper-pagination-bullets {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
.swiper-pagination-bullet {
  background: transparent !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50px;
  border: 1px solid #000;
  opacity: 1 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000000 !important;
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #f7f7f7 !important;
  margin: auto;
  padding: 0;
  max-width: 700px;
  overflow: hidden;
}

/* The Close Button */
.close {
  color: #000;
  position: absolute;
  top: 9px;
  right: 20px;
  font-size: 35px;
  z-index: 1600;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.size-selectors {
  width: 100%;
  display: inline-block;
}
.swiper-button-next, .swiper-button-prev {
  top: 42% !important;
}

#detail-product {
}
#detail-product .size,
#detail-product .width,
#detail-product .quantity,
#detail-product .reviewsPartial{
  margin:20px 0px;
}

/*Swatches*/
#detail-product .swatch:hover{
  text-decoration: none;
}
#detail-product .swatch-image {
  height: 60px;
  margin: 2px;
  width: 60px;
  vertical-align: top;
  border: 2px solid transparent;
  padding: 2px;
  transition: all .2s solid;
}
#detail-product .swatch-image:hover,
#detail-product .swatch-image:focus{
  border: 2px solid #002531;
}
#detail-product .swatch.true .swatch-image {
  border: 2px solid #002531;
  cursor: pointer;
  height: 60px;
  margin: 2px;
  padding: 2px;
  width: 60px;
  vertical-align: top;
}
/*Size*/
#detail-product .sizebox-size {
  border: 3px solid #FFFFFF;
  font-size: 14px;
  color: #575757;
  background-color: #F1F1F1;
  text-align: center;
  vertical-align: center;
  padding: 10px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
#detail-product .sizebox-size:hover,
#detail-product .sizebox-size:focus{
  text-decoration: none;
  color: #FFFFFF;
  background-color: #C23A32;
}
#detail-product .sizebox-size.disabled {
  opacity: .25;
  cursor: not-allowed;
}
#detail-product .sizebox-size.selected {
  background-color: #C23A32;
  color: #FFFFFF;
}
/*unisex sizes pdp*/
#detail-product .unisex-container{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
}
#detail-product .unisex-sizes{
  border: 3px solid #FFFFFF;
  font-size: 14px;
  color: #575757;
  background-color: #F1F1F1;
  text-align: center;
  padding: 10px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  max-width: 100%;
}
/*unisex sizes grid*/
#filters .unisex-container{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  grid-auto-flow: row;
}
#filters .unisex-container label {
  border: 3px solid #FFFFFF;
  font-size: 14px;
  color: #575757;
  background-color: #F1F1F1;
  text-align: center;
  padding: 10px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  width: 100%;

}


/*Add to cart button*/
#detail-product .add-to-cart{
  display: flex;
  background-color: #002531;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  height: 70px;
  align-items: center;
  justify-content: center;

}
#detail-product .add-to-cart:hover,
#detail-product .add-to-cart.disabled{
  opacity: 1;
  background-color: #5a727a;
}


/*Product Name and Price*/
#detail-product .product-info .name {
  font-size: 36px;
  color: #3D3D3D;
  font-weight: 600;
  font-family: var(--secondary-font-family);
}
#detail-product .product-info .name-long {
  font-size: 16px;
  color: #737373;
  margin-bottom: 20px;
  font-weight: 300;
}
.price-block  .price {
  font-size: 20px;
  color: #575757;
  font-weight: 700;
}
.price-block  .price.clearance {
  color: #C23A32;
}
.price-block .promo-redline {
  color: #C23A32 !important;
  font-size: 20px;
  margin-right: 5px;
}
.price-block .promo-redline.xsell {
  color: #C23A32 !important;
  font-size: 16px;
  margin-right: 5px;
}
.price-block .price .old {
  color: #575757;
  text-decoration: line-through;
  font-weight: 300;
}
#detail-product .product-info .sku{
  color:#707070;
  font-size: 12px;
}
#detail-product .product-info .product-info-label{
  color:#707070;
  font-size: 16px;
}
#detail-product .product-info .product-info-copy-block{
  color:#737373;
  font-size: 16px;
  font-weight: 300px;
}
.priceSellContainer {
  position: absolute;
  margin-top: -1.5rem;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 16px !important;
}
.swiper-button-prev, .swiper-button-next{
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  cursor: pointer;
  position: absolute;
  color: #000 !important;
  top: 50%;
  padding: .5rem;
  text-align: center;
  background: #e1e1e1;
  opacity: .8;
}
.product-info{
  position: sticky;
  position: -webkit-sticky;
  top: 0; /* required */
}

/*Gallery Styling*/
#galleryImages{
  height: 885px;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all .2s ease-in-out;
}
#galleryImages.show-all{
  height:auto;
  overflow-x: visible;
  overflow-y: visible;
  transition: all .2s ease-in-out;
}
.gallery-toggle{
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  color: #575757;
  z-index: 99;
}
.rotate-gallery .swiper-wrapper{
  flex-flow: wrap;
}
#galleryImages .swiper-slide-img{
  cursor: url('resources/images/search-blue.svg'), auto;
}
#galleryImages .swiper-slide-img.zoomed-in{
  cursor: url('resources/images/search-blue.svg'), auto;
}
#pdp-highlights span,
#pdp-shipping span,
#pdp-specs{
  font-size: 13px;
  color: #737373;
}
.specs-label{
  font-weight: 700;
}
/*large desktop percent callout styling*/
.percent-off-styling {
  color: #C23A32;
  font-size: 14px;
  font-weight: 500;
  display: inline;
  margin-top: 6px;
}

/*1600px (desktops)*/
@media (max-width: 1600px){

  .shoe-breaksells {
    display: none;
  }
}

@media (max-width: 1600px) and (min-width: 1200px) {
  #galleryImages {
    height: 675px;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  #galleryImages {
    height: 590px;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  #galleryImages {
    height: 430px;
  }
}
.size-up-styling{
  color: #C23A32;
  font-size: 14px;
}

/*1599px-768px (laptops and tablets)*/
@media (max-width:1599px) and (min-width:768px){
  .percent-off-styling {
    color: #C23A32;
    font-size: 14px;
    font-weight: 500;
  }
}
@media (min-width:768px) {
  .swiper-pagination-bullets {
    display: none;
  }
  #galleryImages .swiper-slide-img{
    min-height: 350px;
  }
}
#detail-product #detailsCollapse {
  padding-left: 16px;
  list-style-type: circle;
}
#detail-product #detailsCollapse {
  padding-left: 15px;
  list-style-type: circle;
  margin-bottom: 30px;
  font-size: 12px;
}
#detail-product #detailsCollapse span{
  font-size: 13px;
}
#detail-product .detailToggle.minus {
  display: block;
}
#detail-product .additionalHeader {
  text-align: left;
  font-size: 16px;
  margin: 20px 0px;
  color:#575757;
  font-weight: 400;
  display: flex;
  align-items: center;
}
#detail-product .additionalHeader a{
  color:#575757;
  font-size: 16px;
}
.promo-redlineSell {
  color: #C23A32;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;

}
#detail-product .detailToggle.plus {
  display: none;
}
#detail-product .additionalHeader .detailToggle {
  display: inline-block;
  float: right;
}
#detail-product .additionalHeader div{
  display: inline-block;
}
#detail-product .additionalHeader .detailToggle{
  display: inline-block;
  float: right;
}
#detail-product .collapsed .detailToggle.minus{
  display: none;
}
#detail-product .collapsed .detailToggle.plus{
  display: block;
}
#detail-product .detailToggle.minus{
  display: block;
}
#detail-product .detailToggle.plus{
  display: none;
}
#detail-product .additionalHeader div{
  display: inline-block;
}

#detail-product .shoe-variables select {
  overflow: auto;
  height: 50px;
  background: url(images/arrow-checkout.png) no-repeat right #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  padding:10px;
  font-size: .9rem;
}
#detail-product .shoe-variables select.outline {
  background-color: #fff;
  border-color: #92a39d;
  outline: 0;
  box-shadow:0 0 0 .2rem #92a39d;
}
/*767px and below (phones in portrait mode)*/
@media (max-width:767px){

  #detail-product .shoe-variables select {
    height: 50px;
    margin-bottom: 10px;
    min-width: 90px
  }
  #detail-product .shoe-variables .chart {
    text-align: center !important;
  }
  #detail-product .add-to-cart a {
    width: 100%;
    padding: 10px;
    text-align: center
  }
  #detail-product .free-ship {
    font-size: 14px;
    padding: 0px;
  }
  #galleryImages{
    height:auto;
  }
  .rotate-gallery .swiper-wrapper{
    flex-flow: nowrap;
  }
  .swiper-slide{
    padding-bottom: 0px;
  }
}

#detail-product .availability {
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 10px;
}
#detail-product .description {
  margin: 10px 0px;
  font-size:1rem;
}
#detail-product .description-list {
  margin: 10px 0px 10px -1px;
  padding-left: 20px;
}

/*Highlights Section*/
#detail-product .highlights li{
  line-height: 1.25;
  font-size: 13px;
  margin-bottom: .25rem;
}

/*Style Guide Hyperinks*/
#detail-product .guide-links-header{
  font-size:1rem;
}
#detail-product .guide-links{
  font-size: 13px;
}
#additional-items h2,
#product-reviews h2 {
  display: block;
  width: 100%;
  background-color: transparent;
  padding: 15px 0;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
}
.styleDetailError, .styleDetailInfo, .styleDetailWarn, .styleDetailFatal {
  color:red;
  text-transform:uppercase;
  margin:0px 0px;
  border: 0px 0px;
  display:inline;
}
/*PSell and XSell Product Block*/
/*Individual Product Block*/
.product, .product a {
  color: #000;
  font-weight: 600;
  /* padding-bottom: 2px; */
  font-size: 19px;
}
.product a:hover{
  color: #000;
  text-decoration: none;
}
.product .name,
.product .price{
  font-size: 16px;
  font-weight: 700;
  color: #575757;
}
.product .name-long{
  font-size: 16px;
  font-weight: 400;
  color: #575757;
  display: block;
}
.product .priceSell {
  font-size: 16px;
  font-weight: 700;
  color: #575757;
}
.comment{
  font-size: .75rem;
  text-transform: uppercase;
}
.product .product-label{
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
}
.product .new {
  color: #fff;
}
.product .clearance .sale{
  color: #fff;
  background-color: #C23A32;
  font-size: 14px;
  font-weight: 700;
}
.product .clearance .new{
  color: #C23A32;
  font-size: 16px;
  font-weight: 700;
}
.product .everydaylow {
  color:#537c93;
  font-size: 1rem;
}
.product .clearance .old,
.product .everydaylow .old{
  color:#575757;
  text-decoration-line: line-through;
  font-weight: 300;
  margin-right: 5px;
}
.product .sale,
.product .new,
.product .everydayLowPrice{
  color: #fff;
  padding: .1875rem;
  text-transform: uppercase;
  font-family: interstate;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.product .sale{
  background: #C23A32;
}
/* SIZE CONVERSION CHART */
.modal-body {
  padding: 0 !important;
}
.sellHeader{
  font-size: 21px;
  font-weight: bold;
}
.techText{
  font-size: 14.5px;
  line-height: 18px;
  display: block;
  margin-top: 6px;
  text-align: center;
  margin-bottom: 20px;
}
.techHeader {
  font-size: 20px;
  line-height: 18px;
  display: block;
  font-weight: bold;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;

}
.lifestyle-title {
  font-size: 21px;
  display: block;
  color: #3D3D3D;
  font-weight: 700;
}
.lifestyle-caption {
  font-size: 17px;
  display: block;
  margin-bottom: 10px;
  color: #3D3D3D;
  font-weight: 700;
}
.hide{
  display: none;
}
/*2020 PDP Re-design*/
.product-image {
  max-width: 100%;
  cursor: pointer;
}
@media (min-width: 1019px){
  .promotion-banner{
    position: absolute;
    z-index: 1;
    /* background-color: black; */
    top: 0;
    transform: rotate(-45deg);
    border-bottom: 37px solid white;
    border-left: 45px solid transparent;
    border-right: 23px solid transparent;
    height: 0;
    width: 170px;
    left: -49px;
    text-align: center;
    padding-top: 31px;
  }
  .promotion-banner .new{
    font-size: 1.5rem;
    color: black;
    text-transform: uppercase;
  }
  .promotion-banner .clearance {
    font-size: 1.25rem;
    color: #C23A32;
    text-transform: uppercase;
  }
}
@media (max-width: 900px){
  .promotion-banner{
    position: absolute;
    z-index: 1;
    /* background-color: black; */
    top: 0;
    transform: rotate(-45deg);
    border-bottom: 37px solid white;
    border-left: 45px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    width: 170px;
    left: -65px;
    text-align: center;
    padding-top: 32px;
  }
  .promotion-banner .clearance {
    font-size: 1.25rem;
    color: #C23A32;
    text-transform: uppercase;
  }
  #detail-product .width .sizebox-width {
    border: 2px solid #e6e7e8;
    font-size: 12px;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #939598;
    background-color: transparent;
    width: 124px;
    height: 45px;
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
    vertical-align: center;
    padding: 12px;
    transition: all .2s ease-in-out;
    cursor: pointer;
  }
}
.promotion-banner .new {
  font-size: 1.5rem;
  color: black;
  text-transform: uppercase;
}
#contactLinks a{
  color: black;
}
.recommendedText{
  font-size: 24px;
  color: #3D3D3D;
  font-weight: 700;
}
.contactBar{
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  color: black;
}
.iconContact {
  width: 93px;
}
#product-details {
  background: #fff;
  z-index: 1;
}
.product .newPrices {
  color: #9baba5;
}
.swiper-button-disabled{
  display:none !important;
}
hr {
  border-color:#dee2e6;
}

/*For Error Outlines*/
.outline{
  border: 2px solid #C23A32 !important;
}
.size-chart-link{
  color: #575757;
  font-size: 16px;
}
.size-chart-link:hover,
.size-chart-link:focus{
  color: #575757;
  text-decoration: none;
}
.rotate-gallery-zoom .swiper-slide{
  max-height: 700px;
}
.alert-banner {
  position: absolute;
  z-index: 1;
  transform: rotate(-45deg);
  padding: .5rem 4rem;
  left: -45px;
  text-align: center;
  top:20px;
  background: #fff;
}
.alert-banner .new {
  font-size: 1rem;
  color: black;
  text-transform: uppercase;
}
.alert-banner .clearance {
  font-size: 1.25rem;
  color: #C23A32;
  text-transform: uppercase;
}
/*CS Callout Section*/
.contactCallout,
.contactCallout a{
  font-size: 12px;
  color: #575757;
}
.contactCallout a:hover{
  color: #575757;
  text-decoration: none;
}
@media (max-width: 768px){
  .contactCallout,
  .contactCallout a{
    font-size: 10px;
  }
  .breadcrumb .col-12{
    padding: 0;
  }
  .swiper-container-xsell,
  .swiper-lifestyle{
    padding-bottom: 40px !important;
  }
  #galleryImages .swiper-slide-img{
    min-height: 375px;
  }
  .percent-off-styling {
    color: #C23A32;
    font-size: 14px;
    font-weight: 500;
  }
}

/* Disclosure Modal Styles for PDP */
#disclosure .modal-dialog {
  width:90% !important;
}
@media (max-width:768px) {
  #disclosure.modal {
    margin-left: 0px;
  }

}

/*Gift Card Styling*/
#detail-product .sizebox-size.custom-gc {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
#detail-product .sizebox-size.custom-gc input{
  height:100%;
  color:#fff;
  border:none;
  max-width:68px;
  padding-left: 5px;
  background: #e1e1e1;
}
#detail-product .sizebox-size.custom-gc.clicked-gc,
#detail-product .sizebox-size.custom-gc.clicked-gc input{
  color:#fff;
  background: #C23A32 !important;
}
#detail-product .product-info .name.gc-label-longName {
  font-size: .75rem;
  text-transform: uppercase;
}
.gc-gift-amount {
  font-size: .65rem;
  text-transform: uppercase;
  color: #6D6E71;
}
a.gc-help-link{
  color:#C23A32;
}
a.gc-help-link:hover{
  color:#C23A32;
}
.bonusText{
  margin-bottom: 5px;
  margin-top: 5px;
  position: absolute;
  top: 5px;
  left: 10px;
  display: block;
  padding-left: 5px;
  width: 40%;
}
.salePrice.old {
  color:#C23A32 !important;
  padding-left:8px;
  text-decoration:none!important;
}