/**
*
* OGIO2.CSS
*
* File created for OGIO 2 Redesign. This file supplements the already existing OGIO.css by
* loading after OGIO.css
*
* Any styles that are tied to a specific media query state should be
* added to OGIO2-RESPONSIVE.CSS.
*
*/

/**
*
* GLOBAL STYLES
*
*/

:root {
	--custom-cursor: pointer;
}

h1.headline {
  font-family: "Mulish", sans-serif;
  font-size: 5.5rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: -1px;
}
h2.headline {
  font-family: "Mulish", sans-serif;
  font-size: 3.5rem;
  font-weight: 1000;
  color: #191a1b;
  text-transform: uppercase;
  letter-spacing: -1px;
}
h3.headline {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 800;
}
h3.sub-headline,
p.sub-headline {
  font-size: 2rem;
  font-weight: 200;
  text-transform: uppercase;
}
h4 {
  font-size: 24px;
  font-weight: bold;
}
h4.headline {
  font-weight: 900;
  font-size: 20px;
}
h4.sub-text {
  font-size: 2.2rem;
}
h5.headline {
  font-size: 18px;
  font-weight: 700;
}

.btn-primary {
  background-color: #c60c30;
  border-color: #c60c30;
  font-family: Mulish;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #9c0623;
  border-color: #9c0623;
}

.btn-secondary {
  color: #c60c30;
  font-family: Mulish;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: #9c0623;
}

.btn-warning {
  font-family: Mulish;
}

.light-gray {
  background-color: #f6f7f9;
}

#page-title {
  text-align: center;
}

#page-title h1 {
  font-family: "Mulish", sans-serif;
  font-size: 4rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin: 0 0 5px 0;
}

.award-container {
	position: absolute;
	z-index: 10;
	bottom: 2rem;
	right: 2rem;
	width: 60px;
	opacity: 1;
}

@media (max-width: 768px) {
	.award-container {
		width: 40px;
		right: .5rem;
		bottom: .5rem;
	}
}

.violator-container {
  position: absolute;
  width: 100%;
}

.violator {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 73px;
  padding: 0 8px;
  height: 24px;
  color: #fff;
  font-size: 11px;
  font-family: "Mulish";
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.violator.disabled {
  display: none;
}

.violator.violator-sale {
  background-color: #c60c30;
  float: left;
}

.violator-new {
  background-color: #5d708e;
}
.violator.violator-new {
  background-color: #5d708e;
  float: left;
}
.violator.violator-customs {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 40%;
  padding: 10px;
}
.violator.violator-customs img {
  width: 125px;
}
#product-configurator-ajax .violator-new {
  background-color: transparent;
  color: #68809c;
  letter-spacing: 0.43px;
  font-size: 13px;
  align-items: baseline;
  float: none;
}

.prodWasPrice {
  text-decoration: line-through;
}
.prodWasPrice.disabled {
  display: none !important;
}
.prodPromoPrice.disabled {
  display: none !important;
}
.prodBasePrice.disabled {
  display: none !important;
}

.product-pricing .prodPromoPrice,
.product-pricing .prodFromPrice.price-drop .prodBasePrice{ font-weight: bold; }
.product-pricing .prodPromoPrice.add-space{ padding-right: 5px; }

.slot-margin{ margin-top: 10rem; margin-bottom: 10rem; }
.slot .slot-title{ margin-bottom: 2rem; }

#recaptcha-error{ color: #c60c30; }

.screen-reader-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (max-width: 992px){
	.slot-margin{ margin-top: 3rem; margin-bottom: 3rem; }
	
}

@media (max-width: 480px){
	.slot-margin{ margin-top: 1rem; margin-bottom: 1rem; }
}

/* #header-container{ z-index: 1100; } */

/**
* 
* FONT FAMILIES
*
*/

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0")
      format("woff2"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0")
      format("woff"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0")
      format("truetype"),
    url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular")
      format("svg");
}

/**
* 
* NAV STYLES
*
*/

#page-container nav {
  position: relative;
}

.search-open .search-container {
  position: absolute;
  width: 100vw;
  right: -15px;
  top: 80px;
  z-index: 20;
}

.header-primary {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

#header-container .header-primary .utility-container {
  display: flex;
  align-items: center;
  justify-content: end;
}

#header-container .header-primary .site-search {
    position: relative;
    width: 50%;
}

#header-container .header-primary .site-search .search-submit {
    position: absolute;
    top: 0;
    right: 12px;
    color: #000;
    background: transparent none;
    height: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
}


#header-container .header-primary .nav-right {
    width: 25%;
    font-size: 10px;
    text-align: right;
}

#my-account-utility .account-button,
#cart-utility > a {
  display: flex;
}

#my-account-utility .account-button .user-welcome,
#cart-utility .header-basket-count {
  white-space: nowrap;
  margin-left: .5rem;
}

#cart-utility {
  display: flex;
  align-items: center;
}

/* .rfk-sb.rfk_visible { top: 144px !important; } */

/**
* 
* HOMEPAGE STYLES
*
*/
#category-mobile-list {
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 0 0 0 1.5rem;
  list-style-type: none;
}
#category-mobile-list::-webkit-scrollbar {
  display: none;
  width: 0;
}
#category-mobile-list li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  list-style-type: none;
  margin: 15px 0;
}
#category-mobile-list li a {
  padding: 15px 30px 15px 0;
  color: #222;
}

/*
.slot .pRating{
	background-size: 169px;
	width: 77px;
    height: 13px;
}


.slot .pRating.stars5{
	background-position: -77px -1px;
}
.slot .stars4_5 {
    background-position: -91px -14px;
}
.slot .stars4 {
    background-position: -92px -1px;
}
.slot .stars3_5 {
    background-position: -107px -14px;
}
.slot .stars3 {
    background-position: -107px -1px;
}
.slot .stars2_5 {
    background-position: -122px -14px;
}
.slot .pRating.stars2{
	background-position: -123px 0;
}
.slot .stars1_5 {
    background-position: -138px -14px;
}
.slot .stars1 {
    background-position: -138px 0px;
}
*/

.hero-image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.hero-image .content {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.hero-image .content h1,
.hero-image .content h2,
.hero-image .content h3,
.hero-image .content h4,
.hero-image .content p.sub-headline {
  margin: 5px 0;
}
.hero-image .content hr {
  margin: 15px 0;
  border-top: 2px solid #fff;
}

#hero-slot {
  height: calc(90vh - 150px);
}
#hero-slot .content {
  height: 100%;
}

#hero-slot .text-white,
#category-hero-slot .text-white {
  color: #fff;
}
#hero-slot .btn-primary,
#hero-promo-full-width .btn-primary {
  font-size: 14px;
  min-width: fit-content;
  padding: 2rem 1.5rem;
  margin: 3rem 0;
}

#hero-slot .hero-btns .hero-cta-btn,
#hero-promo-full-width .hero-btns .hero-cta-btn,
.hero .hero-btns .hero-cta-btn {
  padding-right: .5rem;
}



/**
 *
 * CART SLIDE-OUT STYLES
 *
 */

.strike-through {
  text-decoration: line-through;
  font-weight: normal;
  padding-right: 5px;
}

#cart-slideout {
  z-index: 50040;
  display: block;
}
#cart-slideout-content {
  position: absolute;
  top: 50px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  width: 100%;
}

@media (min-width: 980px) {
  #cart-slideout .slide-panel-content {
    right: -25%;
    width: 25%;
  }
}
@media (max-width: 979px) {
  #cart-slideout .slide-panel-content {
    right: -90%;
    width: 90%;
  }
}

#cart-slideout .cart-slideout-header {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 50px;
}
#cart-slideout .cart-slideout-header .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 21px;
  padding: 14px;
  color: #333;
  opacity: 1;
}
.micro-cart h4.product-title {
  margin: 0;
  font-weight: 500;
}
.micro-cart h4.product-title a {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
}
.micro-cart .basketContainer .itemPriceTotal {
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  margin: 5px 0;
}
.micro-cart .basketContainer .lineItemQuantity {
  font-size: 1.2rem;
  color: #6f6f6f;
  margin-bottom: 5px;
}
.micro-cart #basket-all-items {
  padding: 20px;
  box-shadow: none;
}
.micro-cart .basket-summary {
  padding: 15px;
}
.micro-cart .micro-item-count {
  padding: 2rem;
  background-color: #f6f7f9;
  text-align: center;
}
.micro-cart .micro-subtotal {
  margin: 3rem 0;
}
.micro-cart .micro-subtotal span:nth-of-type(2) {
  float: right;
  font-weight: bold;
}
.micro-cart #basket-all-items .micro-cart-btn {
  background-color: #c60c30;
  color: #fff;
  width: 100%;
  padding: 2rem 0;
  font-weight: bold;
  font-family: Mulish;
}
.micro-cart #basket-all-items .continue-shopping {
  text-decoration: underline;
  font-size: 12px;
  text-align: center;
  margin-top: 1rem;
  cursor: pointer;
}

/**
* 
* ACCOUNT SIGNUP
*
*/

.accountInfoForm label.invalid{ font-weight: normal; color: #C60C30; position: absolute; }
.accountInfoForm .form-group{ margin-bottom: 3rem; }

/**
* 
* LEFT HAND NAV STYLES
*
*/

.nav-secondary-content h3 {
  font-family: 'Mulish';
  text-transform:uppercase;
  font-size: 22px;
  font-weight: 1000;
  margin-bottom: 1.5rem;
}
#nav-secondary .nav-secondary-content p {
  font-size:14px;
}
#nav-secondary .nav-secondary-content .htmlslotcontainer {
  margin: 0rem auto 5rem;
}
#nav-secondary .nav-secondary-content .form-group-lg input.form-control {
  width: 70%;
  display: inline-block;
}
#nav-secondary .nav-secondary-content .input-append button, #emailSignupModal .modal-body .input-append button {
  display: inline-block;
  top: 2px;
  left: -4px;
  border: none;
  background: #C60C30 none;
  color: #fff;
  font-size: 1.4rem;
  font-family: 'Mulish', Sans-Serif;
  text-transform: uppercase;
  line-height: 43px;
  width: 25%;
  position: relative;
}
#nav-secondary .nav-secondary-content .email-subscription-container{
  margin-bottom:5rem;	
}
#nav-secondary .nav-secondary-content ul {
  text-decoration: none;
  list-style: none;
  padding-left: 0px;
}
#nav-secondary .nav-secondary-content ul li a {
  color:#191A1B;
  line-height: 2.5rem;
}

/**
* 
* PRODUCT PAGE STYLES
*
*/

#product-tech .inline-headline {
  display: flex;
  align-items: center;
}

#product-tech .inline-headline img {
  height: 80px;
  margin-right: 1rem;
}

#product-tech .product-tech-columns img {
  height: 80px;
}

#product-tech .overlay-text .headline {
  font-size: 30px;
}
#product-tech .additional-container > .headline {
  margin-bottom: 4rem;
}
#product-tech .additional-container .content {
  text-align: left;
}
#product-tech .additional-container .content ul li {
  list-style-type: none;
  margin-bottom: 10px;
}
#product-tech .additional-container .content ul li:before {
  font-family: "FontAwesome";
  content: "\f067";
  margin: 0 5px 0 -13px;
  color: #c60c30;
  font-size: 8px;
}
#product-tech .acc-tech-description {
  margin-top: 6rem;
}

#product-description {
  padding-bottom: 10rem;
  background-size: cover !important;
}

#product-description .product-logo img {
  max-height: 80px;
  max-width: 320px;
}

#product-description .product-name h2.headline {
  font-size: 4rem;
  color: #222;
  letter-spacing: 0;
}

#product-description .product-features-description {
  color: #222;
  font-size: 18px;
  margin-top: 3rem;
}
.product-features-description {
  margin-bottom: 35px;
  line-height: 24px;
  font-size: 14px;
}

#product-description .column-container {
  color: #222;
  text-align: center;
  margin-top: 5rem;
}

#product-description .column-container i {
  font-size: 50px;
  margin-bottom: 1rem;
}

#specs-image .specImageDesktop {
  display: none;
}

.product-config-summary {
  padding: 0 20px;
}

#product-reviews {
  outline: none;
}

/**
* 
* CONFIGURATOR STYLES
*
*/

/* .product-configurator-container{padding: 0;} */

#product-configurator-ajax .rsUni .rsBullets {
  overflow: visible;
  padding-top: 2rem;
}

#product-configurator-ajax .rsUni .rsBullet {
  padding: 0 10px;
}

#product-configurator-ajax #product-images {
  height: 680px;
  overflow: hidden;
}
#product-configurator-ajax #product-images .swiper-slide {
  background-color: #f6f7f9;
}
#product-configurator-ajax #product-images .image-column .swiper-slide img {
  max-height: 95%;
}

#product-configurator-ajax #product-images .swiper-video-player {
  height: 100%;
  width: 100%;
}

#product-configurator-ajax .product-swiper-container.image-container {
  position: relative;
  margin: auto;
  opacity: inherit;
  height: 100%;
  width: 100%;
  display: inherit;
}

#product-configurator-ajax .configurator-reviews {
  margin: 20px 0 15px 0;
}

.product-swiper-container .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.product-swiper-container .swiper-slide.swiper-video,
.product-swiper-container .swiper-slide.play-slide {
  width: 100%;
}

.swiper-video .video-controls {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  margin-top: 45px;
}

.swiper-pagination .swiper-pagination-bullet:only-child {
  display: none;
}

#product-configurator-ajax .radio-custom {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  margin: 0 1rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#product-configurator-ajax .radio-custom input {
  padding: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

#product-configurator-ajax .radio-custom input:checked {
}

#product-configurator-ajax .radio-custom label {
  font-weight: normal;
  background-color: #f6f7f9;
  height: 100%;
  width: 100%;
  min-width: 40px;
  min-height: 40px;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#product-configurator-ajax-container .configurator-container.sizes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#product-configurator-ajax-container
  .configurator-container.sizes
  .radio-custom
  .availability {
  display: none;
}

#product-configurator-ajax .radio-custom label.checked {
  border: #191a1b solid 2px;
}

#product-images-main .product-carousel-video .play-icon,
#product-images-main .product-carousel-video .play-icon::before {
  font-size: 200px;
}

#preview-product .config-image-thumbs .product-carousel-video .play-icon,
#preview-product .config-image-thumbs .product-carousel-video .play-icon::before {
  font-size: 60px;
}

/**
*
* Video Slider
*
*/

#slider-slot.video-slot {
  margin-bottom: 10rem;
  position: relative;
}

#slider-slot .pdp-video-frame {
  height: 100%;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  margin: auto;
}

#slider-slot .hero-mobile-slider .pdp-video-frame {
}

#slider-slot .mobile-slider-content {
  white-space: normal;
  margin-top: 2rem;
}

#slider-slot .video-slider .pdp-video-frame {
  font-size: 0;
  line-height: 0;
}

#slider-slot .pdp-video-slides {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0;
}

#slider-slot .js_slide {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}

#slider-slot .hero-mobile-slider .js_slide {
  margin: 0 1rem;
}

#slider-slot .prev,
#slider-slot .next {
  position: absolute;
  top: 54%;
  display: block;
  cursor: pointer;
}

#slider-slot .disabled {
  display: none;
}

#slider-slot .next {
  right: 0;
}

#slider-slot .js_slider.video-slider .next {
  right: -5rem;
}
#slider-slot .js_slider.video-slider .prev {
  left: -5rem;
}

#slider-slot .prev {
  left: 0;
}

#slider-slot .next svg,
#slider-slot .prev svg {
  width: 33px;
}
#slider-slot .dots {
  margin-top: 15px;
  padding: 0;
  text-align: center;
}

#slider-slot .dots > button.active {
  background-color: #383838;
}

#slider-slot .dots > button {
  background-color: #ccc;
  border: unset;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
  padding: unset;
  margin: 0px 9px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.box-16x9 .product-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}

.box-16x9 .product-video iframe {
  height: 100%;
  width: 100%;
  border: 0;
}

#slider-slot .js_slider.video-slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

#slider-slot .js_slider.video-slider .pdp-video-frame {
  margin: 0;
}

#slider-slot .js_slider.video-slider .dots {
  margin-top: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  bottom: -5rem;
  width: 100%;
}

#slider-slot .js_slider.video-slider .prev,
#slider-slot .js_slider.video-slider .next {
  top: auto;
  padding: 2rem 1rem;
}

.js_slider.video-slider .prev i,
.js_slider.video-slider .next i {
  font-size: 3rem;
}

.product-video.yt-video-container button.yt-play-button {
  border: 0;
  border-radius: 100%;
  color: #fff;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  background: rgb(0, 0, 0);
  width: 80px;
  height: 80px;
}

.product-video.yt-video-container button.yt-play-button i {
  color: #fff;
  font-size: 2rem;
  position: relative;
  left: 2px;
}

.product-video.yt-video-container button.yt-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border: 1px solid #fff;
  border-radius: 50%;
  animation: pulse-border 2500ms ease-out infinite;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.product-swiper-container .vjs-big-play-button {
  display: block;
}
.product-swiper-container .vjs-big-play-button:focus {
  outline: transparent;
}

.product-swiper-container .vjs-big-play-button {
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  font-size: 3.5em;
  border-radius: 50%;
  height: 2em !important;
  width: 2em !important;
  line-height: 2em !important;
  margin-top: -1em !important;
  border: 2px solid #222;
  margin-left: -1em;
  margin-top: -1em;
}

.product-swiper-container .vjs-icon-play:before,
.product-swiper-container .vjs-big-play-button:before {
  font-size: 50px;
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid #222;
  border-radius: 50%;
  animation: pulse-border 1700ms ease-out infinite;
}

.product-swiper-container .swiper-video-player.loading:after {
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  content: "\f067";
}

.product-swiper-container .vjs-big-play-button .vjs-icon-placeholder:before,
.product-swiper-container .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.product-swiper-container .vjs-big-play-button .vjs-icon-placeholder:before,
.product-swiper-container .vjs-play-control .vjs-icon-placeholder:before {
  content: "\f101";
  color: #222;
}

.product-swiper-container .swiper-wrapper.disabled {
  transform: initial !important;
}
.product-swiper-container .swiper-wrapper.disabled .swiper-slide {
  width: 100%;
}

.product-swiper-container .swiper-pagination.disabled,
.product-swiper-container .swiper-wrapper.disabled .swiper-slide-duplicate {
  display: none;
}

.product-swiper-container .swiper-pagination {
  position: relative;
  bottom: -5px;
}

.product-swiper-container .swiper-arrow-prev,
.product-swiper-container .swiper-arrow-next {
  position: absolute;
  top: 52%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
}

.product-swiper-container .swiper-arrow-next {
  right: 0;
  left: auto;
}

.product-swiper-container .swiper-arrow-prev {
  right: auto;
  left: 1rem;
}

#product-configurator-ajax .configurator-title {
  border: none;
  margin: 0 0 10px 0;
  padding: 0;
}
#product-configurator-ajax .configurator-title .product-category-text {
  font-family: "Mulish";
  font-size: 14px;
  color: #8b8b8b;
  letter-spacing: 1.18px;
  text-transform: uppercase;
}
#product-configurator-ajax .configurator-title .product-category-text a {
  color: #222;
}

#product-configurator-ajax .configurator-title h1 {
  font-family: "Mulish", Sans-serif;
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 1000;
  margin: 0;
}

#product-configurator-ajax .configurator-mobile-price {
  font-size: 20px;
}

#product-configurator-ajax .section-product-info,
#product-configurator-ajax #product-configurator-ajax-container {
  /* padding: 0;
	margin: 0;
	margin-top: 30px; */
}

#product-configurator-ajax-container .backpacks .configurator-nav {
  justify-content: flex-end;
}

#product-configurator-ajax-container .configurator-nav #product-price {
  font-size: 20px;
  text-align: right;
}

#product-configurator-ajax-container .club-dates {
  text-align: right;
  font-size: 1.2rem;
}

#product-configurator-ajax-container .configurator-action-btn {
  height: 60px;
  border: none;
  font-weight: 400;
}

#product-configurator-ajax button.input-color.disabled {
  opacity: 0.2;
}

#product-configurator-ajax button.input-color.selected.disabled {
  opacity: 1;
}

#product-configurator-ajax button.input-color.selected.disabled::after {
  content: '';
  box-sizing: content-box;
  border: 1px solid #fff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: block;
  opacity: .8;
  position: absolute;
  left: 0;
  top: 0;
}

#product-configurator-ajax-container
  .section-option-pane-content
  #ajax-39
  .dropdown:after {
  position: absolute;
  top: 7px;
  right: 10px;
  pointer-events: none;
  content: "\e61d";
  font-family: anticons-desktop;
}

#product-configurator-ajax-container .option-group[data-input-type="radio"] {
  display: flex;
  margin-top: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product-configurator-ajax-container
  .option-group[data-input-type="radio"]
  .radio {
  margin-top: 10px;
  margin-bottom: 20px;
}

#product-configurator-ajax .configurator-reviews {
  display: flex;
}
#product-configurator-ajax .info-space {
  margin: 0 1rem;
}
#product-configurator-ajax .info-text i {
  color: #c60c30;
  margin-right: 1rem;
}

#product-configurator-ajax .promotion-container {
  font-size: 12px;
  margin-top: 10px;
}

#product-configurator-ajax .promotion {
  color: #c60c30;
  font-size: 14px;
}

#product-configurator-ajax .promotion p {
  margin: 0;
}

#product-configurator-ajax .promotion a {
  font-weight: bold;
}

#product-configurator-ajax .promotion .modal {
  color: #000;
}

#product-configurator-ajax .promotion .modal-header {
  color: #c60c30;
  padding: 2rem 3rem;
}

#product-configurator-ajax .promotion .modal-body {
  padding: 5rem 3rem;
  font-size: 14px;
}

.collapse-btn i {
  transition: 0.3s transform, 0.3s position;
  position: relative;
  right: 5px;
}
.collapse-btn i {
  transform: rotate(45deg);
  transition: 0.3s transform, 0.3s right;
  position: relative;
}
.collapse-btn i.rotate-icon {
  transform: rotate(0);
  transition: 0.3s transform, 0.3s right;
}

/* #product-specs{ 
    padding: 0 15px;
} */

#product-specs .specs-title {
  text-align: center;
  margin-bottom: 5rem;
}
#product-specs .specs-title p {
  font-size: 16px;
  width: 60%;
  margin: 25px auto;
}
#product-specs #specs-data {
}
#product-specs #specs-data h3 {
  font-size: 1.6rem;
  margin: 0 0 5px;
  color: #2980bb;
}
#product-specs #specs-data h2 {
  margin-bottom: 30px;
}
#product-specs #specs-data .spec-item {
  margin: 1rem 0;
  font-size: 14px;
  text-align: left;
}
#product-specs #specs-data .spec-label {
  font-weight: 800;
}

#product-configurator-ajax-container .configurator-container {
  position: relative;
  margin-top: 15px;
}
#product-configurator-ajax-container .configurator-nav.full {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  margin: 0;
}
#personalization-toggle {
  width: 100%;
  margin-left: 5px;
}

#personalization-toggle .personalize-button,
#personalization-toggle .ajax-btn-wrapper,
#personalization-toggle #personalization-btn {
  height: 100%;
  width: 100%;
}

#personalization-toggle #personalization-btn {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

/* #personalization-toggle #personalization-btn .ajax-input-text{ transition: font-weight 0.5s; }
#personalization-toggle #personalization-btn:hover .ajax-input-text{ font-weight:bold; transition: font-weight 0.5s; }  
#personalization-toggle #personalization-btn .ajax-input-text .customize-text{ transition: color 0.3s;} */

#product-configurator-ajax-container #product-configurator-ajax-form {
  width: 100%;
}

#product-configurator-ajax-container
  .section-option-pane-content
  [data-input-type="dropdown"] {
  width: 100px;
  display: inline-block;
}

#product-configurator-ajax-container #pdp-size-chart {
  position: relative;
  top: 2px;
  right: -10px;
  cursor: pointer;
  display: inline-block;
}

#product-configurator-ajax-container #pdp-size-chart .modal {
  z-index: 10400;
}

#product-configurator-ajax-container #pdp-size-chart i {
  transition: opacity 0.3s;
}

#product-configurator-ajax-container #pdp-size-chart:hover i {
  opacity: 0.5;
  transition: opacity 0.3s;
}

.collapse-btn {
  width: 100%;
  background-color: #fff;
  padding: 2.5rem 0;
  color: #191a1b;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d9d9d9;
}
.collapse-btn:focus {
  outline: #fff;
}
.collapse-container .collapse-content-container {
  padding-bottom: 3rem;
  line-height: 24px;
}
.collapse-container .collapse-content-container.collapse-closed {
  display: none;
}

#product-images .image-column {
  width: 100%;
  text-align: center;
}
#product-images .image {
  background-color: #f6f7f9;
  margin-bottom: 2rem;
}
#product-images .image:last-of-type {
  margin-bottom: 0;
}

#product-images .gallery-thumbs {
  display: none;
  height: 20%;
  box-sizing: border-box;
}
#product-images .activeGallery .gallery-thumbs .highlight {
  opacity: 1;
  transition: 0.2s opacity;
}

#product-images .gallery-thumbs .swiper-slide {
  width: 95px;
  height: 95px;
  opacity: 0.4;
  background-size: contain;
  transition: 0.2s opacity;
  cursor: pointer;
}
#product-images .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

#product-images .gallery-thumbs .video-thumb {
  flex-direction: column;
}

#product-images .gallery-thumbs .video-thumb .play-text {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2.3px;
  padding-top: 5px;
}

#pdp-why-buy ul {
  list-style: none;
  padding: 0;
}
#pdp-why-buy ul li {
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  line-height: 0;
}
#pdp-why-buy ul li:first-of-type {
  padding-top: 0;
}
/* #pdp-why-buy ul li:last-of-type { padding-bottom: 0; }  */
#pdp-why-buy ul li i {
  margin-right: 1rem;
  font-size: 18px;
}

.tooltip {
}

.tooltip-inner {
}

/**
* 
* MEDIA MODAL STYLES
*
*/

.media-modal{
	display: none;
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 11000;
}

.product-page-container .media-modal{ z-index: 100000; }

.media-modal-open{ overflow: hidden;}

.media-modal-swiper{
    position: relative;
   	z-index: 5;
}

.modal-close {
	position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 1000;
    width: 40px;
	height: 40px;
	color:#fff;
	font-size: 16px;
	line-height: 37px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 20px;
	font-weight: 700;
}
.modal-close:hover {
	cursor: pointer;
}

.media-modal-swiper .swiper-pagination-bullet{ background: #fff; }

.modal-background{
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: 0.9;
    /* z-index: 2; */
}

.media-content-container .thumb-play-hover{
	visibility: hidden;
	opacity: 0;
	
	transition: 0.3s all;
}

.media-content-container .content-card .hover-play{
	top: 10px;
	transition: 0.3s all;
}

.full-card{
	height: 100%;
}

.episodes-container:after{
	content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.modal-content-container .media-content-thumbnail{
    display: flex;
    align-items: center;
    z-index: 200;
    background-size: cover;
}

.witb-modal .modal-content-container .media-content-thumbnail {
	display: flex;
	flex-direction: row-reverse;
}
.witb-modal .modal-content-container .media-content-thumbnail .content-info {
	float: right;
	margin-right: 5rem;
}
.witb-modal .product-single-swiper {
	width: 33.33333333%;
	padding: 0 15px;
	position: relative;
}

.witb-modal .swiper-wrapper{ padding: 0; margin-left: 0;}
.witb-modal .featured-products-slider-details a{ display: flex; flex-direction: column; height: 100%; }
.witb-modal .grid-tile .product-name h3{ margin-top: 1rem; }

.create-modal.media-modal-frame iframe:not(.instagram-media) {
   	height: 100%;
}

.media-modal-frame.video-slide iframe{ height: 100%; }
.media-modal-frame iframe {
   	width: 100%;
   	max-width: 1200px;
    position: relative;
}

.pdp-media-modal .media-modal-frame .box iframe{
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    max-width: none;
}

/**
* 
* CONTENT SLOT STYLES
*
*/

.why-buy {
  text-align: center;
  background-color: #f6f7f9;
  padding: 10rem 0;
  margin-bottom: 10rem;
}
.why-buy i {
  font-size: 30px;
}
.why-buy .btn-secondary i {
  font-size: 14px;
}
.why-buy .btn-secondary:hover {
  color: #191A1B;
}
.why-buy .btn-secondary:focus {
  text-decoration: none;
  color: #191A1B;
}
.why-buy .row > div {
  margin-top: 3rem;
  padding: 0 3rem;
}

.featured-products {
  margin: 7rem auto;
}
.featured-products .header-text {
  text-align: center;
}
.featured-products-items {
  padding: 0;
}
.featured-products-items .add-to-cart-link {
  display: none;
}
.featured-products .slot-header {
  text-align: center;
}
.featured-products li {
  list-style: none;
}

.featured-products .featured-details > div,
.landing-products-details .product-pricing,
.featured-details .product-pricing,
.slot .tileRating {
  display: inline-block;
}

.featured-products .featured-products-image {
  position: relative;
  bottom: -2rem;
}
.featured-products .featured-details {
  display: flex;
  align-items: center;
  background-color: #f6f7f9;
  width: 90%;
  margin: 0 auto;
  padding: 3rem 0;
  transition: background-color 0.3s;
}

.featured-products .featured-details:hover {
  background-color: #eee;
  transition: background-color 0.3s;
}

.featured-products .featured-details .product-image {
  width: 120px;
}

.slot .product-details {
  color: #000;
}

.slot .product-name h3 {
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

#homepage .slot.slot-content {
  margin-bottom: 100px;
}

#content-container .slot > .htmlslotcontainer.container {
  margin: 5rem auto;
}

#content-container .htmlslotcontainer .headline {
  margin-top: 0px;	
}

.landing-products .landing-products-details {
  z-index: 2;
  position: relative;
}
.landing-products .landing-products-details .product-image {
  text-align: center;
  margin-top: 3rem;
}
.landing-products .landing-products-details .product-image img {
  width: 350px;
}
.landing-products-details .product-link {
  text-align: right;
}
.landing-products-details .tileRating {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.landing-products-details .add-to-cart-link {
  display: inline-block;
  float: right;
}
.landing-products .product-swatches.swatch-slider {
  position: relative;
}
.landing-products-details .swatch-slider .swatch-frame {
  display: inline-block;
  margin: 0 3rem;
}
.landing-products-details .product-swatches.swatch-slider .swatch-next {
  position: relative;
  right: 0;
  top: -7px;
}

.landing-products .product-swatches {
  margin-bottom: 1rem;
}
.landing-products-background {
  height: 250px;
  width: 97%;
  margin: 0 auto;
  background-color: #f6f7f9;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.landing-products .product-name h3 {
  font-family: "Mulish", sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
}
.landing-products .slot-title {
  text-align: center;
  margin-bottom: 5rem;
}

.slot-title.headline {
  text-align: center;
}

.hero-tabs {
  margin-bottom: 10rem;
}
.hero-tabs-image-container {
  overflow: hidden;
}

#hero-tabs-image img {
  width: 100%;
}
.hero-tabs-content-container {
  background-color: #f6f7f9;
  margin: -115px auto 0 auto;
  padding: 3rem 6rem;
  text-align: center;
  z-index: 5;
  position: relative;
}

.hero-tabs-content {
  transition: opacity 0.3s;
  cursor: pointer;
}

.hero-tabs-content:not(.selected) {
  opacity: 0.4;
  transition: opacity 0.3s;
}

.hero-tabs-content:not(.selected):hover {
  opacity: 0.6;
}

.hero-tabs-content h5 {
  font-size: 20px;
  font-weight: 800;
}

.hero-tabs-content-container i {
  font-size: 30px;
}

/* div#content-container {
    overflow-x: hidden;
    overflow-y: hidden;
} */

.full-width-image-row {
  margin: 10rem 0;
  width: calc(100vw - 15px);
  left: 50%;
  margin-left: calc(-50vw - -15px);
}
.full-width-image-row .image-content {
  padding: 0;
}

.center-aligned-products {
  margin-bottom: 10rem;
}
.center-aligned-products .headline {
  text-align: center;
  margin-bottom: 3rem;
}

.center-aligned-products-details {
  background-color: #f6f7f9;
  text-align: center;
  /* margin: 3rem 1rem; */
  position: relative;
}

.center-aligned-products-details .product-image {
  padding: 2rem 3rem 0;
}

.center-aligned-products-details .tileRating,
.center-aligned-products-details .product-pricing,
.center-aligned-products-details .product-name {
  margin: 0 0 10px 0;
}

.center-aligned-products-details .tileName {
  color: #333333;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.center-aligned-products-details .product-pricing {
  color: #000;
  display: block;
}
.center-aligned-products-details .pRating {
  margin: 0 auto;
}

.center-aligned-products-details .product-link a {
  font-weight: 500;
  padding: 1rem 4rem;
}

.center-aligned-products-details .thumb-link img {
  width: 100%;
  max-width: 300px;
}

.center-aligned-products .add-to-cart-link {
  position: absolute;
  bottom: 2rem;
  width: 100%;
}

.swiper-button-disabled {
  display: none;
}

.featured-products-content .product-swatches {
  margin-bottom: 10px;
}
.featured-products-content .product-swatches.swatch-slider {
  width: 205px;
  position: relative;
}
.featured-products-content .product-swatches.swatch-slider .swatch-prev {
  left: -18px;
}
.featured-products-content .product-swatches.swatch-slider .swatch-next {
  right: -25px;
}

#content-container .slot .container {
  margin-bottom: 10rem;
}
#content-container .slot-space {
  margin-bottom: 0;
}

.basket-content #guarantee img {
	width: 240px;
	height: 56px;
}
.basket-content #guarantee .cta-text {
	text-transform: uppercase;
}
/**
* 
* TEAM STYLES
*
*/
#team-container .team-nav {
  margin-bottom: 60px;
  border: none;
  text-align: center;
}
#team-container .team-nav li {
  float: none;
  display: inline-block;
}
#team-container .team-nav li a,
#team-container .team-nav li a:hover {
  border: none;
  color: #666;
  background: none;
}
#team-container .team-nav li.active a {
  border: none;
  color: #e82409;
  font-weight: bold;
}

#team-container .tab-content > .active {
  outline: none;
}

#team-container .player-container {
  margin-bottom: 60px;
}
#team-container .slide-caption {
  background-color: #f6f7f9;
  padding: 30px;
  min-height: 150px;
}
#team-container .slide-caption h3 {
  margin: 0;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 800;
}
#team-container .slide-caption h4 {
  margin: 0 0 10px;
  font-size: 1.4rem;
  font-weight: normal;
}
#team-container .slide-caption .player-social-links a {
  color: #999;
  font-size: 2.5rem;
  margin-right: 10px;
}

/**
* 
* CATEGORY STYLES
*
*/

.search-result-content .categoryResult .product-swatches {
  width: 85%;
  margin: 0 auto 2rem;
  position: relative;
}
.search-result-content .product-tile {
  position: relative;
  background-color: #f6f7f9;
  text-align: center;
}
.search-result-content .categoryResult .product-name h3 {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
}
.search-result-content .categoryResult .tileRating,
.search-result-content .categoryResult .product-pricing {
  margin-top: 1rem;
}
.search-result-content .categoryResult .product-pricing {
  color: #4d4d4d;
  padding-bottom: 3rem;
}

.search-result-content .categoryResult .add-to-cart-link {
  display: none;
}

.swatch-list .swatch .swatch-image {
  border: 2px solid #f6f7f9;
  transition: box-shadow 0.2s ease-in;
  border-radius: 50px;
  box-shadow: 0 0 0 1px #ccc;
  
}
.swatch-list .swatch .swatch-image[src*="blankSwatch"]{position: relative; min-width: 16px; }

.swatch-list .swatch.selected .swatch-image {
  box-shadow: 0 0 0 2px #222;
  transition: box-shadow 0.2s ease-out;
}

.featured-products .product-swatches li {
  display: -ms-inline-grid;
  display: inline-grid;
}

#category-filters .filter-btn {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: opacity 0.2s;
}
#category-filters .filter-btn:hover {
  opacity: 0.5;
  transition: opacity 0.2s;
}
#category-filters #grid-sort-header {
  -moz-appearance: none;
  height: 30px;
}

#category-filters select {
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 1rem;
  font-weight: bold;
}

#category-filters select:focus {
  /* outline: thin;  */
}

#category-filters select::-ms-expand {
  display: none;
}

#category-filters select + i.fa {
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 8px;
}
#category-selected-filters {
  padding: 10px 0;
}

#category-selected-filters .cat-filter {
  background-color: #f5f5f5;
  padding: 10px;
  margin-right: 5px;
  color: #222;
}

#category-selected-filters .cat-filter::after {
  padding-left: 5px;
  font-family: "Font Awesome 5 Pro";
  content: "\f057";
}

.cat-logo-small {
  width: 100px;
  height: 30px;
  padding: 5px 10px;
  position: absolute;
  top: 15px;
}

.cat-logo-small img {
  max-height: 100%;
}

#category-results .refinements .refinement h5.toggle {
  font-weight: bold;
}
#category-results #secondary .headline {
  font-family: "Mulish";
  text-transform: uppercase;
  font-weight: 500;
}

#category-results #secondary .filters-menu-header {
  margin: 3rem 5rem;
}

#category-results #secondary .filters-menu-header .nav-close {
  float: right;
  font-size: 20px;
  position: relative;
  top: -2px;
  cursor: pointer;
  background: unset;
  border: unset;
}

#category-results #secondary {
  display: block;
  left: -380px;
  width: 380px;
}

.swatch-frame {
  width: 80%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.product-swatches .mobile-more-swatches{display: none; font-size: 12px; position: relative; left: 8px; top: 1px; }

.swatch-list {
  padding: 2px 0;
  margin: 0 0 0 2px;
  display: inline-block;
}

.product-swatches li {
  list-style: none;
  position: relative;
  display: inline-block;
  transition: opacity 0.3s;
  margin: 0 3px 0 0;
  padding: 0;
  width: 26px;
  height: 26px;
  transform: translateX(2px);
}
.product-swatches li:hover {
  opacity: 0.8;
  transition: opacity 0.2s;
}

/* Disable swatches that are unavailable, need to revisit later*/
/* .product-swatches li.disable{ display: none; } */

.product-swatches .swatch-prev {
  position: absolute;
  left: 0;
  top: 7px;
  cursor: pointer;
}

.product-swatches .swatch-next {
  position: absolute;
  right: 0;
  top: 7px;
  cursor: pointer;
}

.product-swatches button {
  background: unset;
  border: unset;
}

.center-aligned-products-content .product-tile .product-swatches {
  margin: 15px 0;
  position: relative;
}
.search-result-content .categoryResult .product-image {
  padding: 2rem;
}

#category-hero-slot .btn {
  margin-top: 1rem;
}

.slot > .category-hero {
	margin-bottom: 10rem;
}

.slot > .category-hero .category-hero-banner {
	margin-bottom: 0;
}

.category-hero {
  margin-bottom: 10rem;
}

.category-hero .btn-primary {
  font-size: 14px;
  min-width: fit-content;
  padding: 2rem 1.5rem;
  margin: 3rem 0;
}

.ogio-loading-container {
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ogio-loading {
	background: transparent url(../images/ogio-logo-o-black.svg) no-repeat center center;
	background-size: contain;
	height: 60px;
	width: 55px;
}

/**
* 
* PERSONALIZATION STYLES
*
*/
#product-configurator-ajax-container
  #personalization-container
  .configurator-container {
  display: none;
}
#product-configurator-ajax-container
  #personalization-container
  .configurator-container.personalization-style {
  display: block;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 3rem 0;
}

.personalization-style .style-info {
  font-weight: bold;
}
.personalization-style .option-label {
  display: inline;
  margin-right: 5px;
}

/* #product-configurator-ajax-container .configurator-container.personalization-icons .option-group.icon-options{ margin: 0 -1rem; } */
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .ajax-btn-wrapper {
  display: inline-block;
  margin: 1.5rem 1rem;
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .icon-options:before {
  content: none;
}

#personalization-container {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  background-color: #fff;
  /* padding: 0 15rem; */
  padding: 0;
  z-index: 100;
}
#personalization-container .close-personalize {
  position: absolute;
  right: 0;
  z-index: 120;
  background-color: transparent;
  color: #000;
  border: 0;
  font-size: 24px;
}
#personalization-container .personalize-image-container {
  height: 100%;
  width: 60%;
  margin: 0 3rem 3rem 3rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 2 auto;
  flex: 1 2 auto;
  text-align: center;
}
#personalization-container .personalize-option-container {
  /* position: relative; */
  /* width: 430px;
    max-width: 440px;
    min-width: 410px;
    padding: 4.5rem 2rem 2rem 0;
    margin-right: -2rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    height: 100%;
    overflow-y: scroll; */
  width: 540px;
  /* max-width: 536px;
    min-width: 410px; */
  padding: 4.5rem 12rem 2rem 0;
  margin-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 100%;
  overflow-y: scroll;
}

#personalization-container .personalize-header .color-selection {
  margin: 3rem 0;
}
#personalization-container .personalize-header .color-selection .option-group {
  margin-left: 2px;
}

#product-configurator-ajax-container
  #personalization-container
  .configurator-container {
  position: static;
  margin-top: 3rem;
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  -webkit-padding-start: 0;
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 5px;
  padding: 0;
  list-style: none outside none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
}

#product-configurator-ajax .option-symbols > li .option-symbols-icon {
  background: transparent url(../../images/ogio-personalize-icons.png) no-repeat
    0 0;
  background-size: cover;
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18792"]
  .option-symbols-icon {
  background-position: calc(3% - -3px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18793"]
  .option-symbols-icon {
  background-position: 0;
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18794"]
  .option-symbols-icon {
  background-position: calc(6% - -8px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18795"]
  .option-symbols-icon {
  background-position: calc(14% - -9px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18796"]
  .option-symbols-icon {
  background-position: calc(41% - -18px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18797"]
  .option-symbols-icon {
  background-position: calc(27% - -8px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18798"]
  .option-symbols-icon {
  background-position: calc(35% - -10px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18799"]
  .option-symbols-icon {
  background-position: calc(38% - -13px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18800"]
  .option-symbols-icon {
  background-position: calc(29% - -1px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18801"]
  .option-symbols-icon {
  background-position: calc(45% - -3px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18802"]
  .option-symbols-icon {
  background-position: calc(43% - -10px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18803"]
  .option-symbols-icon {
  background-position: calc(32% - -6px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18804"]
  .option-symbols-icon {
  background-position: calc(16% - -2px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18805"]
  .option-symbols-icon {
  background-position: calc(19% - -6px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18806"]
  .option-symbols-icon {
  background-position: 21%;
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18807"]
  .option-symbols-icon {
  background-position: 50%;
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18808"]
  .option-symbols-icon {
  background-position: calc(77% - -8px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18809"]
  .option-symbols-icon {
  background-position: calc(53% - -4px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18810"]
  .option-symbols-icon {
  background-position: calc(67% - -13px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18811"]
  .option-symbols-icon {
  background-position: calc(58% - -1px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18813"]
  .option-symbols-icon {
  background-position: calc(56% - -8px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18814"]
  .option-symbols-icon {
  background-position: calc(48% - -7px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18815"]
  .option-symbols-icon {
  background-position: calc(61% - -5px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18816"]
  .option-symbols-icon {
  background-position: calc(69% - -7px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18817"]
  .option-symbols-icon {
  background-position: calc(64% - -10px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18818"]
  .option-symbols-icon {
  background-position: calc(87% - -3px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18819"]
  .option-symbols-icon {
  background-position: calc(72% - -11px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18820"]
  .option-symbols-icon {
  background-position: calc(74% - -5px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18821"]
  .option-symbols-icon {
  background-position: calc(80% - -12px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18822"]
  .option-symbols-icon {
  background-position: calc(82% - -5px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18823"]
  .option-symbols-icon {
  background-position: calc(85% - -9px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18824"]
  .option-symbols-icon {
  background-position: calc(93% - -11px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18825"]
  .option-symbols-icon {
  background-position: calc(95% - -2px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18826"]
  .option-symbols-icon {
  background-position: 100%;
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18827"]
  .option-symbols-icon {
  background-position: calc(98% - -8px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18828"]
  .option-symbols-icon {
  background-position: calc(24% - -3px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18860"]
  .option-symbols-icon {
  background-position: calc(9% - -12px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18861"]
  .option-symbols-icon {
  background-position: calc(11% - -5px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="18862"]
  .option-symbols-icon {
  background-position: calc(90% - -7px);
}

#product-configurator-ajax
  .option-symbols
  > li[data-option-value*="1906"]
  .option-symbols-icon {
  /* background: transparent url(https://tiny-img.com/uploads/optimizer/optimized/10/22/3d0982164ee64170e71f7bfce7fa5201/opt_flagicons.png) no-repeat 0 0; */
  background: transparent url(../../images/ogio-personalize-icons-flags.png)
    no-repeat 0 0;
  background-size: cover;
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19062"]
  .option-symbols-icon {
  background-position: 0 0;
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19063"]
  .option-symbols-icon {
  background-position: calc(16% - -4px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19064"]
  .option-symbols-icon {
  background-position: calc(33% - -9px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19065"]
  .option-symbols-icon {
  background-position: calc(49% - -14px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19066"]
  .option-symbols-icon {
  background-position: calc(59% - -4px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19067"]
  .option-symbols-icon {
  background-position: calc(76% - -10px);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19068"]
  .option-symbols-icon {
  background-position: calc(86%);
}
#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li[data-option-value="19069"]
  .option-symbols-icon {
  background-position: calc(100%);
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  > li
  .option-symbols-icon {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 4px;
  cursor: pointer;
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  li
  .option-symbols-icon
  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#product-configurator-ajax-container
  .configurator-container.personalization-icons
  .option-symbols
  .selected {
  outline: 2px solid #000;
}

#product-configurator-ajax-container .option-text-save,
#product-configurator-ajax-container .plain-text-save {
  display: none;
}

.configurator-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(256, 256, 256, 0.375);
  z-index: 1000;
  cursor: progress;
}

#product-configurator-ajax #personalization-container .radio-custom {
  height: 70px;
  width: 70px;
  padding: 0;
  /* margin: 0 15px 0 0; */
  text-align: center;
}

#product-configurator-ajax
  #personalization-container
  .radio-custom:last-of-type {
  margin-right: 0;
}

#product-configurator-ajax #personalization-container .radio-custom label {
  position: relative;
  padding: 3px;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border: 2px solid #ededed;
  transition: border 0.5s;
}

#product-configurator-ajax
  #personalization-container
  #ajax-1788
  .radio-custom
  label {
  background-color: #f0f0f0;
}

#product-configurator-ajax
  #personalization-container
  .radio-custom
  label.checked {
  border: 2px solid #000;
  transition: border 0.5s;
}
#product-configurator-ajax #personalization-container .radio-custom label img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.svg-personalize-preview.active-svg {
  display: block;
}
.svg-personalize-preview.hide-svg {
  display: none;
}
.svg-personalize-preview.active-svg g[id^="icon"].visible {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.svg-personalize-preview.active-svg g[id^="pc-text-container"],
.svg-personalize-preview.active-svg g[id^="line-"],
.svg-personalize-preview.active-svg g[id^="number"],
.svg-personalize-preview.active-svg g[id^="initials"] {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.content.svg:not(.svg-loaded):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background: transparent url(../images/loading-rays.gif) center center
    no-repeat;
  background-size: 50px;
}

#product-configurator-ajax #personalization-container .svg-container svg {
  width: 100%;
  height: 100%;
  max-height: 100vh;
}

#personalization-container .personalize-add-to-cart {
  padding-top: 3rem;
}

#personalization-container .personalize-add-to-cart .promotion-container,
#personalization-container .personalize-add-to-cart .affirm-as-low-as {
  display: none;
}
.personalization-label {
  display: none;
}
#personalization-container .personalize-add-to-cart .personalize-price {
  margin-bottom: 25px;
}
#personalization-container .personalize-add-to-cart .personalization-label {
  display: inline-block;
}
#personalization-container .personalize-add-to-cart #product-price {
  float: right;
  font-weight: bold;
}

#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  input,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  input {
  width: 100%;
  border-radius: 5px;
  height: 6rem;
  border: 1px solid rgba(183, 187, 214, 1);
}

#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  input {
  height: 4rem;
}

#product-configurator-ajax #personalization-container input:focus {
  outline: none;
  font-weight: bold;
}

#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  .line1
  input {
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}
#product-configurator-ajax
  #personalization-container.clip
  .personalization-line-text.three-line-active
  .line1
  input {
  border-radius: 5px;
  border-bottom: 1px solid rgba(183, 187, 214, 1);
}
#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  .line2
  input {
  border-top: none;
  border-bottom: none;
  border-radius: 0;
}
#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  .line3
  input {
  border-top: none;
  border-radius: 0 0 5px 5px;
}
#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .control-group,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .control-group {
  position: relative;
}
#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-chars,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .option-text-chars {
  position: absolute;
  top: 21px;
  right: 15px;
  color: #aaa;
}

#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-symbols-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .option-text-symbols-msg {
  position: absolute;
  top: 21px;
  right: 15px;
  color: #aaa;
}

#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-required-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .option-text-required-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-symbols-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .option-text-symbols-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-numeric-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .option-text-numeric-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-profanity-msg {
  position: absolute;
  top: 21px;
  right: 15px;
  color: #c60c30;
}

#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-symbols-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .option-text-symbols-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-numeric-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-number
  .option-text-numeric-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text
  .option-text-profanity-msg {
  background-color: #fff;
  z-index: 10;
}

#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  .option-text-chars,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  .option-text-required-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  .option-text-symbols-msg,
#product-configurator-ajax
  #personalization-container
  .personalization-line-text.three-line-active
  .option-text-profanity-msg {
  top: 12px;
}

#product-configurator-ajax
  #personalization-container
  input::-webkit-input-placeholder {
}

#image-cache {
  width: 0;
  height: 0;
  overflow: hidden;
  display: none;
}

.personalize-options .option-group[data-input-type="colors"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -4px;
}

#product-configurator-ajax
  #personalization-container
  .personalize-options
  .option-group[data-input-type="colors"]
  button.input-color {
  margin: 6px;
}

#product-configurator-ajax
  #personalization-container
  .personalize-options
  .option-group[data-input-type="colors"]
  .input-color[data-option-value="18763"] {
  border: 1px solid #a2a2a2;
}
#product-configurator-ajax
  #personalization-container
  .personalize-options
  .option-group[data-input-type="colors"]
  .input-color[data-option-value="18763"].selected {
  border: none;
}

#product-configurator-ajax #personalization-btn .ajax-input-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
#product-configurator-ajax #personalization-btn .ajax-input-text img {
  height: 23px;
  margin-right: 1rem;
}

#product-configurator-ajax [data-input-type='colors'] {
	display: flex;
	flex-wrap: wrap;
	padding-left: 2px;
}

/* NEW SKU VIOLATOR */
.product-configurator-container .input-color {
	position: relative;
}
.product-configurator-container .input-color .violator-new {
    content: "New";
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: -8px;
    opacity: 1;
	font-family: 'Mulish',sans-serif;
	font-weight: bold;
    color: #fff !important;
    background-color: #c60c30 !important;
    text-transform: uppercase;
    font-size: 9px !important;
    line-height: initial;
    padding: 1px 3px;
    outline: #fff solid 2px;
}



/**
* 
* CART PAGE STYLES
*
*/

.basketContainer.cart-page p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 900;
}

.basketContainer.cart-page p a {
  color: #000;
}

#basket-all-items.cart-page .lineItemActions button {
  background-color: transparent;
}
#basket-all-items.cart-page .itemPromotions {
  color: #c60c30;
  margin-bottom: 4px;
}

.basketContainer .lineItem.bonus-item .itemPriceTotal .text-value {
  opacity: 0.5;
  text-decoration: line-through;
}

.basketContainer .lineItem.bonus-item .itemPriceTotal .bonus-item-text {
  display: block;
  color: #c60c30;
  margin-top: 4px;
}

/**
* 
* SPECIAL FEATURE STYLES
*
*/

.center-aligned-products-content {
  position: relative;
}

.button-prev,
.button-next,
.swiper-pagination {
  position: absolute;
  cursor: pointer;
}
.button-prev:focus,
.button-next:focus,
.swiper-pagination-bullet:focus {
  outline-width: 1px;
  outline-color: #fff;
}

.button-prev {
  left: -20px;
  top: 50%;
}
.button-next {
  right: -20px;
  top: 50%;
}

.swiper-pagination {
  width: 100%;
  bottom: -40px;
}
.swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination-bullet-active {
  background: #000;
}

/** 
*
* Log In Style
*
**/
#header-container .nav-right #my-account-utility #sign-in-menu {
	text-align: center;
	min-width: 250px;
}
#header-container .nav-right #my-account-utility #sign-in-menu .rememberme-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.2rem;
}
#header-container .nav-right #my-account-utility #sign-in-menu .rememberme-container .form-group,
#header-container .nav-right #my-account-utility #sign-in-menu .rememberme-container .resetPaswordLink {
	margin: 0 0 15px 0;
}
#header-container .nav-right #my-account-utility #sign-in-menu .btn-primary {
	width: 350px;
	font-weight: bold;
}
#header-container .nav-right #my-account-utility #sign-in-menu .needAccount {
	margin: 30px 0 15px;
}
#header-container .nav-right #my-account-utility #sign-in-menu h3 {
	margin-top: 0px;
	text-align: right;
}
#header-container .nav-right #my-account-utility #sign-in-menu a {
	display: inline-block;
}
#header-container .nav-right #my-account-utility #sign-in-menu .needAccount a {
	font-size: 1.8rem;
}
#header-container .nav-right #my-account-utility #sign-in-menu #header-my-account-links,
#header-container .nav-right #my-account-utility #sign-in-menu .logout-container  {
	text-align: right;
	font-size: 1.2rem;
}
#header-container .nav-right #my-account-utility #sign-in-menu #header-my-account-links li {
	margin: 15px 0;
}
#header-container .nav-right #my-account-utility #sign-in-menu #header-my-account-links li a:hover,
#header-container .nav-right #my-account-utility #sign-in-menu .logout-container a:hover {
	text-decoration: underline;
}


/**
*
* AFFIRM STYLES
* 
*/
.configurator-mobile-price .affirm-as-low-as {
  font-size: 14px;
  margin: 1rem 0;
}

#basket-all-items .affirm-as-low-as {
  font-size: 14px;
  margin: 1rem 0 15px 0;
  text-align: center;
}
#product-configurator-ajax-container .affirm-as-low-as {
  margin: 0 0 3rem 0;
  line-height: 14px;
  font-size: 14px;
  text-align: center;
}

#basket-summary-container .affirm-as-low-as {
  margin: 0 0 -5px 0;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
}

#paymentmethodform .paymentmethodradios {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}

#paymentmethodform .paymentmethodradios .payment-method-entry label.active {
  background: #c60c30;
  color: #fff;
}

#paymentmethodform .paymentmethodradios .payment-method-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  color: #fff;
  margin-top: 0;
}
#paymentmethodform
  .paymentmethodradios
  .payment-method-entry
  a.affirm-product-modal,
#paymentmethodform .paymentmethodradios .payment-method-entry img,
#paymentmethodform
  .paymentmethodradios
  .payment-method-entry
  .affirm-modal-trigger {
  display: none;
}

#paymentmethodform .paymentmethodradios .payment-method-entry label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 55px;
  background-color: #fff;
  color: #000;
  padding-left: 0;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

#paymentmethodform
  .paymentmethodradios
  .payment-method-entry
  .affirm-as-low-as {
  font-size: 11px;
  line-height: 12px;
  margin: 3px 0 0 0;
  font-weight: normal;
  text-align: center;
}

#paymentmethodform .paymentmethodradios .payment-method-entry.selected label {
  background-color: #c60c30;
  color: #fff;
  border: 1px solid #c60c30;
  transition: 0.4s background-color, 0.1s color;
}

#paymentmethodform
  .paymentmethodradios
  .payment-method-entry.selected
  .__affirm-logo.__affirm-logo-blue.__ligature__affirm_full_logo__:after,
#paymentmethodform
  .paymentmethodradios
  .payment-method-entry.selected
  .__affirm-logo.__affirm-logo-blue {
  color: #ffffff;
}

#paymentmethodform #PaymentMethod_Affirm button i {
  margin-right: 2px;
}

#paymentmethodform .paymentmethodradios .payment-method-entry label input {
  width: 100%;
  margin: 0;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
}
.affirm-checkout-message-container .affirm-tagline {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 16px;
}
.affirm-checkout-message-container img {
  display: block;
  width: 100px;
  margin-top: 2rem;
}
.paymentform.affirm img {
  display: block;
  width: 140px;
  margin: 0 0 1rem -19px;
}
.paymentform.affirm a {
  font-weight: normal;
}
.paymentform.affirm .affirm-as-low-as {
  margin: 0 0 5px 0;
  font-weight: bold;
}

.affirm-checkout-message-container h5 {
  font-weight: bold;
}
/* .affirm-checkout-message-container .affirm-message{ margin: 2rem 0; } */
.affirm-checkout-message-container .affirm-message p {
  font-size: 14px;
}
.affirm-checkout-message-container .affirm-message h5 {
  margin-bottom: 5px;
  font-size: 14px;
}

.affirm-checkout-message-container .affirm-disclaimer {
  font-size: 12px;
  margin: 4rem 0 2rem 0;
}

.military-discount .IDmeButtonMil {padding-left: 0; width: 200px; }
.military-discount .IDmeButtonMil .green-btn{ margin-left: -4px; }
.military-discount #military-discount-copy {margin-bottom:15px; font-size: 14px; line-height: 24px; }
.military-discount .verification-text{ font-size: 12px; margin: 1rem 0; }
.military-discount .verification-text span{ padding-left: 5px; }
.military-discount .discount-applied{ font-weight: bold; }

.checkout-container .checkout .military-discount{ padding-bottom: 0.5rem; }
.checkout-container .checkout .id-me-confirmation .verified-txt{ color: #1D9F61; font-weight: bold; text-transform: uppercase; }
.checkout-container .checkout .id-me-confirmation > h6{ margin: 0; font-size: 14px; }
.checkout-container .checkout legend { border-bottom: 0; display: none; }
.checkout-container .checkbox input[type="checkbox"] { margin-left: 0px; }
.checkout-container .eu-checkbox .checkbox input { margin-left: -20px; }
.IDmeButtonMil .discount-applied{ font-weight: bold; }

#cvv-help {
	margin-bottom: 2em;
}
#cvv-help .cvv-help-btn {
	border: 0;
	background: transparent none;
	color: #c60c30;
}
#cvv-help .cvv-help-btn:hover {
	color: #666;
}
#cvv-help #cvv-modal.modal .modal-body {
	text-align: center;
}
#cvv-help #cvv-modal.modal .modal-header {
	height: 65px;
}
#cvv-help #cvv-modal.modal button.close {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #000;
	font-size: 30px;
}

.tile-swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.subcategory-products-slider {
  position: relative;
}
.subcategory-products-slider .slot-title a {
  color: #000;
}

.subcategory-products-slider .slot-button-prev,
.subcategory-products-slider .slot-button-next {
  position: absolute;
  top: 10px;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.subcategory-products-slider .slot-button-prev {
  right: 50px;
  left: auto;
}
.subcategory-products-slider .slot-button-next {
  right: 13px;
}
.subcategory-products-slider .slot-button-prev i {
  font-weight: bold;
}
.subcategory-products-slider .slot-button-next i {
  font-weight: bold;
}

.subcategory-products-slider .swiper-button-disabled {
  display: none;
}

/* Hero Slot Template Styles */
.hero-banner-content {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 4rem;
}

.hero-two-up,
.hero-three-up__left,
.hero-three-up__right {
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  position: relative;
  text-transform: uppercase;
}

.hero .btn,
.category-hero .btn {
  transition: all 0.25s ease-in-out 0s;
  margin: 2rem 0;
  padding: 2rem 1rem;
  width: 18rem;
  border: none;
}
.hero .hero-expiration {
  font-size: 16px;
  margin-top: 1.6rem;
}

.hero .hero-expiration p {
  font-size: 16px;
  margin-bottom: 0;
}


.hero .btn:hover,
.category-hero .btn:hover {
  filter: brightness(1.3);
  border: none;
}

.hero .btn-secondary:hover,
.category-hero .btn-secondary:hover
 {
  filter: brightness(0.7);
}
#content-container .hero .hero-banner-content .container,
#content-container .category-hero .container {
  margin-bottom: 0;	
}
.hero-text-img img {
  width: auto;
  max-width: 500px;
  max-height: 16vw;
  display: block;
  margin: auto;
}

.hero-three-up__right .hero-text-img img {
  max-width: 250px;
  max-height: 8vw;
}

/*  TWO IMAGE 1x1 */

.two-image-1x1-container{ display: flex; }
.two-image-1x1-container .image-1x1-container{ flex: 0 50%; padding-left: 1rem; }
.two-image-1x1-container .image-1x1-container:first-of-type{ padding-right: 1rem; padding-left: 0; }
.two-image-1x1-container .image-1x1-container .box{ background-size: cover; }
.two-image-1x1-container .image-1x1-container .content{ margin: 2rem 0 0; }

@media (max-width: 992px){
	.two-image-1x1-container{ gap: 15px }
	.two-image-1x1-container .content{ text-align: center; }
	.two-image-1x1-container .image-1x1-container{ flex: 0 100%; }
	.two-image-1x1-container .image-1x1-container,
	.two-image-1x1-container .image-1x1-container:first-of-type{ padding: 0; }
}

@media (max-width: 480px) {
	.two-image-1x1-container{ padding: 0; }
}

/* 1x1 FULL WIDTH TEMPLATE */

.full-width-1x1-container .full-width-1x1-row > div{ width: 50%; }
.full-width-1x1-container .full-width-1x1-row .img-1x1{
	position: relative;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.podcast-container .full-width-1x1-container .full-width-1x1-row .img-1x1{ overflow: hidden; }

.full-width-1x1-container .content{ text-align: center; padding: 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.full-width-1x1-container .content > p,
.full-width-1x1-container .content > h2,
.full-width-1x1-container .content > h4 { width: 100%; }
.full-width-1x1-container .content .headline {
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: 'Mulish', sans-serif;
	font-size: 3.5rem;
	font-weight: 700;
	text-transform: uppercase;
}
.full-width-1x1-container .content > h4 {margin-top: 0px;margin-bottom:10px;}
.full-width-1x1-container .content .eyelash {
	margin-bottom:10px;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
}

.full-width-1x1-container .content > p {
	font-size: 1.6rem;
}

.full-width-1x1-container.quote-container .content > h2{ margin-top: 9vw;}
.full-width-1x1-container.featured-content-slot { margin-top: 2rem; }

.full-width-1x1-container .product-tile .content{ padding: 0; }

.full-width-1x1-container.featured-content-slot h3{ text-transform: capitalize;}

.full-width-1x1-row .btn-primary, .dark-bg .desktop .btn-primary{padding: 14px 26px;}
.full-width-1x1-row .btn-secondary,.dark-bg .btn-secondary{background:none;color:#fff;border-color:#fff;}
.full-width-1x1-row .btn-secondary,.dark-bg .btn-secondary:hover {background:#fff; color:#000;}
.full-width-1x1-row img{min-height:100%;min-width:100%; position: relative; z-index: 10;}
.full-width-1x1-row.light-bg .content{background:#f7f7f7;color:#000; margin: 0; }
.full-width-1x1-row .content, .full-width-1x1-row.dark-bg div{background:#000;color:#fff;}
.player-info .full-width-1x1-row .content{ background-color: #F7F7F7; color: #000; }
.full-width-1x1-row.light-bg .btn-primary{padding: 14px 26px;}
.full-width-1x1-row.light-bg .btn-secondary{background:#fff;color:#000;border-color:#000;}
.full-width-1x1-row.light-bg .btn-secondary:hover {background:#000;color:#fff;border-color:#000;}
.full-width-1x1-container .full-width-1x1-row .video-container{
	display: flex;
    justify-content: center;
}
.full-width-1x1-container .full-width-1x1-row video{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

/* 1x1 IMAGES WITH HEADLINE  */

.images-1x1-with-headline-container .hero-image-container{ display: flex; }
.images-1x1-with-headline-container .hero-image-container > .hero-image{ margin-right: 1rem; }
.images-1x1-with-headline-container .hero-image-container .content{
	height: auto;
    flex: 1 0 auto;
    width: 33%;
}
.images-1x1-with-headline-container .hero-image-container .content-container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 3rem 0 2rem;
    height: 100%;
}

.images-1x1-with-headline-container .hero-image-container .content-container .btn{ min-width: 170px; }

.r-column, .r-column .r-column{direction:rtl;}
.r-column div{direction:ltr;}

/* SEARCH SUGGEST CONTAINER */

#header-container .search-form.site-search{ position: relative; }

#search-suggestions .dot-loading{
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#search-suggestions .box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#header-container #search-suggestions{
	position: absolute;
    width: 260px;
    background-color: #f6f7f9;
    border: 1px solid #cccccc;
    padding: 1rem 1rem;
    text-align: left;
    font-size: 14px;
    left: 0px;
    top: 35px;
    z-index: 10;
}

body.header-docked #header-container #search-suggestions{right: 85px; top: 110px;}

#header-container #search-suggestions .product-suggestions a{ color: #000; }
#header-container #search-suggestions .product-suggestions a:hover,
#header-container #search-suggestions .phrase-suggestions a:hover{ text-decoration: underline; }
#header-container #search-suggestions .product-suggestions .product-name{
	margin-bottom: 1rem;
    font-size: 14px;
}
#header-container #search-suggestions  a.selected{ font-weight: bold; text-decoration: underline }
#header-container #search-suggestions  a:focus{outline: transparent; outline-offset: 0;}
#header-container #search-suggestions .search-phrase{ text-align: center; }
#header-container #search-suggestions .search-phrase a span{ text-decoration: underline; }
#header-container #search-suggestions .search-phrase a:hover{ text-decoration: underline; font-weight: bold; }
#header-container #search-suggestions .hitgroup{ margin-top: 1rem; }
#header-container #search-suggestions h4{ font-family: 'Roboto', sans-serif; text-transform: capitalize; letter-spacing: normal; font-size: 1.75rem; margin-top: 1.5rem; }
#header-container #search-suggestions .hitgroup a{ display: block; color: #000; text-transform: capitalize; margin-bottom: 1.5rem; }
#header-container #search-suggestions .no-result-msg{ margin: 0; }
#header-container #search-suggestions .close-search{
	display: none;
	position: absolute;
    right: 0;
    height: 40px;
    top: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    font-size: 22px;
}

@media (max-width: 991px) {
	
	#header-container #search-suggestions{
	    z-index: 100;
	    width: 95%;
	    right: 2.5%;
	    left: 2.5%;
    }
    #header-container #search-suggestions .search-suggestion-wrapper{
    	
    }
    #header-container #search-suggestions .search-suggestion-wrapper > div{
    	flex: 50%;
    	padding: 0 1rem;
    }
    #header-container #search-suggestions .search-suggestion-wrapper .product-suggestions .product-suggestion:nth-of-type(1n+6),
    #header-container #search-suggestions .search-suggestion-wrapper .product-suggestions .hitgroup .hit:nth-of-type(1n+6){ display: none; }
    
    #header-container #search-suggestions .product-suggestions .product-name,
    #header-container #search-suggestions .hitgroup a{ margin-bottom: 0.5rem; }
    body.header-docked #header-container #search-suggestions{
    	width: 90%;
    	right: 5%;
	    top: 163px;
	    left: 5%;
    }
    #header-container #search-suggestions .close-search{display: flex; }
}

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

/* Nav Slot Content */ 
#nav-slot-1, #nav-slot-2 { overflow: hidden; }

#nav-slot-1 .nav-slot-content .image, 
#nav-slot-2 .nav-slot-content .image {
  aspect-ratio: 1;
  background-size: cover;
}

#nav-slot-1 h5, 
#nav-slot-2 h5 {
  font-size: 1.2rem;
  font-weight: 800;
}


.email-sub-recaptcha-container {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		min-width: 350px;
	}

	.email-sub-recaptcha-container .email-sub-recaptcha,
	.email-sub-recaptcha-container .recaptcha-submit {
		display: none;
}

.email-sub-recaptcha-container .email-sub-recaptcha-widget {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.email-sub-recaptcha-container .recaptcha-submit {
    display: none;
    margin: 0 0 0 1rem;
}


/* PROMO HEADER BAR */
.promo-bar-container{
    margin: auto;
    overflow: hidden;
}
.promo-bar-swiper-container{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    z-index: 1;
    display: block;
}

.promo-bar-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
   
.promo-bar-swiper-slide {
   	
}
.promo-bar-swiper-slide:last-of-type{ border-right: 0;}

.promo-content-container {
	  display: block;
	  text-align:center;
    font-family: 'Roboto', sans-serif;  
    line-height: 1.3;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.7px;
    padding: 5px;
}

.promo-content-container span {
		padding: 0 10px;
}

.promo-content-container a {
		font-weight: bold;
		text-decoration: underline;
		white-space: nowrap;
}

/* TOP BAR STYLES */
#top-bar {
    overflow: hidden !important;
}

#top-bar .top-bar-content {
   position: relative;
   z-index: 1;
}

.top-bar-content {
    font-weight: 400;
    font-size: 12px;
}

.top-bar-content a, .top-bar-content a:hover {
    color: #fff;
    text-decoration: underline;
}

.top-bar-content .topBarSwiper {
    display: flex;
} 

.top-swiper-next, .top-swiper-prev {
    position: absolute;
    top: 1rem;
    z-index: 9999;
}

.top-swiper-next {
    right: .5rem;
}

.top-swiper-prev {
    left: .5rem;
}

.top-bar-content .swiper-slide {
    padding: 10px 20px;
}

.header-top-wrapper .container-fluid {
  padding: 0;
}

.no-gutter {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* PDP Video Player Modal */

#product-video-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  bottom: 0;
  z-index: 11000;
}

#product-video-modal .modal-player-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  max-width: 1200px;
  height: 100%;
  max-height: 700px;
}

#product-video-modal .modal-player-box video {
  width: 100%;
  height: 100%;
}

#product-video-modal .modal-player {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 10;
  position: relative;
}

#product-configurator-ajax .product-images-gallery .play-icon {
  transition: transform .5s;
  position: absolute;
  width: 200px;
  height: 200px;
  max-height: 100%;
}

#product-configurator-ajax .product-images-gallery .play-icon::before {
  font-size: 200px;
}


.terms-and-conditions {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
	
}

.terms-and-conditions input[type="checkbox"] {
  margin-top: 0rem;
}

.terms-and-conditions label {
	font-size: 14px;
	font-weight: bold;
	margin-left: .5rem;
  margin-bottom: 0rem;
}

.payment-content .special-btn[disabled] {
  pointer-events: all;
}

.payment-content .special-btn:hover {
  cursor: var(--custom-cursor);
}

.item-unavailable-callout {
	background-color: #F2DEDE;
	color: #AC4446;
	border-radius: 5px;
	border: 1px solid #EBCCD1;
  margin: 6px 0 16px 0;
  padding: 12px;
}

.btn.checkoutBtn[disabled] {
	opacity: 1;
	background: rgb(198, 12, 48, .6);
  border: none;
  pointer-events: all;
	cursor:not-allowed;
}

 [data-tooltip][aria-description] {
	 position: relative;
}
 [data-tooltip][aria-description]::before, [data-tooltip][aria-description]::after {
	 left: 50%;
	 opacity: 0;
	 position: absolute;
	 top: calc(100% - -0.5rem);
	 transition: opacity 0.15s ease-in-out, visibility 0s 0.15s ease-in-out;
	 visibility: hidden;
}
 [data-tooltip][aria-description]::after {
	 border-bottom: 8px solid #F2DEDE;
	 border-left: 8px solid transparent;
	 border-right: 8px solid transparent;
	 content: '';
	 height: 0;
	 transform: translateX(-50%) translateY(calc(-100% - -1px));
	 width: 0;
	 z-index: 1;
}
 [data-tooltip][aria-description]::before {
	 background-color: #F2DEDE;
	 border-radius: 5px;
	 /* border: 1px solid #EBCCD1; */
	 color: #AC4446;
	 content: attr(aria-description);
	 font-size: 1.25rem;
	 font-weight: 600;
	 padding: 0.5em 0.75em;
	 transform: translate3d(-50%, 0, 0);
	 
	 z-index: 1;
	 text-transform: none;
}
 [data-tooltip][aria-description]:hover::before, [data-tooltip][aria-description]:focus::before, [data-tooltip][aria-description]:hover::after, [data-tooltip][aria-description]:focus::after {
	 opacity: 1;
	 transition: opacity 0.15s ease-in-out;
	 visibility: visible;
}
 [data-tooltip][aria-description][data-tooltip-position="top"]::before, [data-tooltip][aria-description][data-tooltip-position="top"]::after {
	 bottom: calc(100% - -0.5rem);
	 top: auto;
}
 [data-tooltip][aria-description][data-tooltip-position="top"]::after {
	 transform: translateX(-50%) translateY(calc(100% - 1px)) rotateZ(180deg);
}

@media (max-width: 991px) {
	 [data-tooltip][aria-description]::before {
		white-space: normal;
	 }
}

@media (min-width: 992px) {
	 [data-tooltip][aria-description]::before {
		white-space: nowrap;
	 }
}

#accessibility-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

#accessibility-section img {
  min-width: 22px;
}

#accessibility-section a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  height: 100%;
}

#accessibility-section a:hover {
  background-color: #F6F7F9;
}

#accessibility-link-mobile img {
  width: 16px;
  padding-bottom: 6px
}

#passwordChangeForm .error-message {
	color: red;
	font-size: 1em;
	margin: -6px 0 6px 0;
}

#passwordTooltip {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	color: #333;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ddd;
	z-index: 1;
	white-space: nowrap;
	font-size: 12px;
}

#passwordChangeForm .checkmark-gray {
	color: gray;
}

#passwordChangeForm .checkmark-green {
	color: green;
	
}

#passwordResetEmailAddress {
	background-color: #F2F2F2;
}

#passwordResetEmailAddress:focus {
	border-radius: 4px;
    border: 1px solid #d1d1d1;
	box-shadow: none;
	-webkit-box-shadow: none;
}

#passwordChangeForm .form-group,
#passwordChangeForm .form-group input {
	width: 100%;
}

#passwordChangeForm .btn-primary[disabled] {
  background-color: #9da1a4;
  border-color: #9da1a4;
}

#account_pw_reset_submit {
  margin-top: 24px;
}