.sb-findsim-v2 { display: none; }
.pointerevents { pointer-events: none; }
.banner a { display: block; }
.banner { overflow: visible; }
/**GROUP 1*/
#group1 { display: block; aspect-ratio: 400/430; width: 100%; }
	#group1 .schuh-slider-container { width: 100%; aspect-ratio: 400/430; overflow: hidden; }
	#group1 .schuh-slider-slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
		#group1 .schuh-slider-slides::-webkit-scrollbar { display: none; }
		#group1 .schuh-slider-slides > div { scroll-snap-align: start; flex-shrink: 0; aspect-ratio: 400/410; width: 100%; background: #eee; transform-origin: center center; transform: scale(1); transition: transform 0.5s; position: relative; display: flex; justify-content: center; align-items: center; font-size: 100px; }
		#group1 .schuh-slider-slides .slide .banner picture img { object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; }
	#group1 .schuh-slider-container .slider-dots { display: flex; justify-content: center; width: 100%; margin-top: 5px; }
		#group1 .schuh-slider-container .slider-dots button { background: transparent; border: none; }
		#group1 .schuh-slider-container .slider-dots .slider-dot div{ width: 8px; height: 8px; background-color: #757575; border-radius: 50%; margin: 0 3px; cursor: pointer; }
		#group1 .schuh-slider-container .slider-dots .active-dot div{ background: #000; cursor: default; }


/**GROUP 2*/
#group2 { display: flex; flex-direction: column; margin-bottom: 25px; }
	#group2 .group2-row { display: flex; flex-direction: row; }
/**GROUP 2*/

/** PRODUCT CAROUSEL **/
#group3 { margin: 25px 0; }
	#group3 #carouselContainer { display: block; margin: 0 3%; position: relative; min-height: 100px; clear: both; overflow: hidden; }
	#group3 .headerButtons { display: flex; margin: 20px 0; overflow-y: scroll; }
	#group3 .categoryLink { cursor: pointer; border-bottom: 6px solid #fff; color: #757575; text-decoration: underline; margin: 0 3% 10px 3% !important; background-color: #fff; border-top: none; border-left: none; border-right: none; display: inline-block; font-size: 0.9em; font-weight: normal; padding: 0 0 3px 0; white-space: nowrap; }
		#group3 .categoryLink.active { border-bottom: 6px solid #00dc55; color: #000; text-decoration: none; }

	#group3 #carouselContainer h4 { position: relative; font-size: 1.5em; z-index: 1; overflow: hidden; text-align: center; margin: 0; }
		#group3 #carouselContainer h4:before, #group3 #carouselContainer h4:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; background-color: #000; margin-left: 5%; }
		#group3 #carouselContainer h4:before { margin-left: -55%; text-align: right; }

	#group3 #carouselContainer #schuhCarouselDescription { text-align: center; margin: 10px 0 20px 0; }

	#group3 #schuhCarousel { position: relative; overflow: hidden; margin-top: 15px; }
		#group3 #schuhCarousel button { position: absolute; top: 50%; transform: translateY(-150%); border: 0; background: #000; width: 9%; height: 40px; cursor: pointer; }
			#group3 #schuhCarousel button svg { stroke: #fff; height: 25%; width: 25%; }
			#group3 #schuhCarousel button.left { background: #000; left: 0; }
				#group3 #schuhCarousel button.left svg { transform: rotate( -90deg ); }
			#group3 #schuhCarousel button.right { background: #000; right: 0; }
				#group3 #schuhCarousel button.right svg { transform: rotate( 90deg ); }

				#group3 #schuhCarousel button.left:disabled, #group3 #schuhCarousel button.right:disabled { background: #757575; }

		#group3 #schuhCarousel .schuhCarousel { scroll-behavior: smooth; display: flex; position: relative; margin: 0 auto; width: 82%; overflow-x: auto; overflow-y: hidden; overflow: -moz-scrollbars-none; overscroll-behavior-x: none; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; -webkit-scroll-snap-type: mandatory; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-points-x: repeat(100%); min-height: 225px; }
			#group3 #schuhCarousel .schuhCarousel::-webkit-scrollbar { width: 0 !important; display: none; }
			#group3 #schuhCarousel .schuhCarousel.inactive { display: none; }
			#group3 #schuhCarousel .schuhCarousel .noResults{display:none;}
			#group3 #schuhCarousel .schuhCarousel li.product { display: inline-block; width: 50%; padding: 0 2.5%; flex-shrink: 0; }
				#group3 #schuhCarousel .schuhCarousel li.product:nth-child(2n+1) { scroll-snap-align: start; }
				#group3 #schuhCarousel .schuhCarousel li.product button.quick-view { display: none; }
				#group3 #schuhCarousel .schuhCarousel li.product .pennant { white-space: nowrap; }
				#group3 #schuhCarousel .schuhCarousel li.product a { text-decoration: none; }
					#group3 #schuhCarousel .schuhCarousel li.product a.product-image { display: flex; align-items: center; justify-content: center; position: relative; }
				#group3 #schuhCarousel .schuhCarousel li.product img { width: 100%; }
				#group3 #schuhCarousel .schuhCarousel li.product p { display: block; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; overflow: hidden; text-align: left; margin: 0; }
					#group3 #schuhCarousel .schuhCarousel li.product p.fullpricespacer { display: none; }
					#group3 #schuhCarousel .schuhCarousel li.product p.price { font-family: 'ProximaNova-Medium','Arial'; padding-top: 1px; display: inline-block; float: left; margin-bottom: 10px; }
				#group3 #schuhCarousel .schuhCarousel li.product .reduction { color: #e70840; width: auto; display: block !important; }
				#group3 #schuhCarousel .schuhCarousel li.product .reductionStrike { color: #000; display: inline-block; text-decoration: line-through; width: auto; font-weight: normal; overflow: initial; }
				#group3 #schuhCarousel .schuhCarousel li.product a.product-details { display: block; float: left; width: 100%; border: 2px solid transparent; }
				#group3 #schuhCarousel .schuhCarousel li.product .brand { font-family: 'ProximaNova-Medium','Arial'; height: 2em; margin-top: 8px; font-size: 1.1em; }
				#group3 #schuhCarousel .schuhCarousel li.product .price { font-family: 'ProximaNova-Medium','Arial'; padding-top: 1px; display: inline-block; float: left; margin-bottom: 10px; }
				#group3 #schuhCarousel .schuhCarousel li.product .pennant {top: 10px; }
				#group3 #schuhCarousel .schuhCarousel li.product .productTags {float: left;width: 100%;}
				#group3 #schuhCarousel .schuhCarousel li.product .othercolours { display: none; }
/** PRODUCT CAROUSEL **/
/**GROUP 4*/
#group4 { margin: 25px 0; }
	#group4 .video-wrapper { position: relative; width: 100%; }
		#group4 .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		#group4 .video-wrapper video { width: 100%; }


/**GROUP 5*/
#group5 { margin: 25px 3% 66px; display: flex; flex-direction: column; }
	#group5 .caption { text-align: center; border: 2px solid black; height: 54px; line-height: 54px; margin: 1rem 0; }

.group5-row1 { display: flex; flex-direction: column; }

.group5-row2-row { display: flex; flex-direction: row; }
	.group5-row2-row .right-margin { margin-right: 0.5rem; }
.group5-row2-col { display: flex; flex-direction: column; margin-left: 1.5%; justify-content: space-between; }
/**GROUP 5*/

@media all and (max-width:374px) {
	#group3 #schuhCarousel .schuhCarousel div.product .pennant { display: none; }
	#group3 .categoryLink { cursor: pointer; border-bottom: 6px solid #fff; color: #757575; text-decoration: underline; margin: 0 3% 10px 3% !important; background-color: #fff; border-top: none; border-left: none; border-right: none; display: inline-block; font-size: 0.9em; font-weight: normal; padding: 0 0 3px 0; white-space: nowrap; }
}

@media all and (min-width:375px) and (max-width:413px) {
	#group3 #schuhCarousel .schuhCarousel div.product .pennant { display: block; font-size: .6em; }
}

@media all and (min-width:861px) {

	.container { margin: 0 auto; padding: 0; position: relative; }

	/**GROUP 1*/
	#group1 { aspect-ratio: 1920/730; width: 100%; }
		#group1 .schuh-slider-container { width: 100%; aspect-ratio: 1920/730; }
		#group1 .schuh-slider-slides { display: flex; overflow: hidden; width: 100%; aspect-ratio: 1920/700; transform: unset; transition: unset; cursor: unset; }
			#group1 .schuh-slider-slides .slide { position: absolute; left: 100%; animation: 2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s left; animation-fill-mode: forwards; background-size: cover !important; background-position: 50% !important; overflow: hidden; flex-direction: unset; align-items: unset; justify-content: unset; user-select: unset; aspect-ratio: 1920/700; }
				#group1 .schuh-slider-slides .slide .banner { max-width: unset; transition: unset; }
		#group1 .schuh-slider-container .slider-dots { margin-top: 10px; }
		#group1 .schuh-slider-slides .paused { animation-play-state: paused !important; }

	@keyframes leftNext {
		from { left: 100%; }
		to { left: 0; }
	}

	@keyframes leftCurr {
		from { left: 0; }
		to { left: -100%; }
	}

	#group1 { aspect-ratio: 1920/785; width: 100%; }

	/**GROUP 2*/
	#group2 { flex-direction: row; aspect-ratio: 1920/655; }
	/**GROUP 2*/

	/**PRODUCT CAROUSEL*/

	#group3 #carouselContainer { margin: 50px; }
		#group3 #carouselContainer h4 { font-size: 2em; }
	#group3 .headerButtons { justify-content: center; overflow-y: unset; }
	#group3 .categoryLink { font-size: 1.2em; }
	#group3 #carouselContainer #schuhCarouselDescription { display: block; }
	#group3 #schuhCarousel .schuhCarousel { min-height: 330px; padding-top: 2px; }

	#group3 #schuhCarousel button { width: 60px; height: 60px; transform: translateY(-120%); }

	#group3 #schuhCarousel .schuhCarousel li.product { display: inline-block; width: 20%; padding: 0 2%; flex-shrink: 0; }
		#group3 #schuhCarousel .schuhCarousel li.product:nth-child(5n+1) { scroll-snap-align: start; }
	/**PRODUCT CAROUSEL*/

	/**GROUP 4*/
	#group4 { text-align: center; margin: 66px 15%; }

	/**GROUP 5*/
	#group5 { margin: 66px 2.3% 76px; display: flex; flex-direction: row; justify-content: space-evenly; }
		#group5 .caption { height: 57px; line-height: 57px; margin: 1rem 0 0 0; }
	.group5-row1 { display: flex; flex-direction: column; margin-right: 1.1rem; justify-content: space-between; flex: 1 735px; }
	.group5-row2-row { flex-direction: column; margin-left: 1.1rem; flex: 1 1045px; }
		.group5-row2-row .right-margin { margin-right: 0; }
	.group5-row2-col { flex-direction: row; margin-left: 0; margin-top: 1rem; }
		.group5-row2-col div { max-width: 328px; flex: 1 328px; }
	/**GROUP 5*/


}