/* iOS overflow fix */
body {overflow: hidden;}

/* ALL SPORTS SLIDER BORDER SHADOWS */

.floor-all-sports .slider-wrapper {
	position: relative
}

/* HOME PAGE BANNER FIX */

.homepage .floor-push.container-fluid.floor-push-reverse a[href$="/_/N-8ok5by"] picture {
	max-height: 570px;
	overflow: hidden;
	top: 0;
	position: absolute;
	padding: 37px 18px 0 0
}

.homepage .floor-push.container-fluid.floor-push-reverse a[href$="/_/N-8ok5by"] picture img {
	position: relative !important;
	top: 0 !important
}

@media (min-width: 920px) {
	.homepage .floor-push.floor-push-reverse .btn-wrapper {
		bottom: 40px !important
	}
}


/* VOICE SEARCH - CSS */

#deVoiceSer .st0 {
	fill: #0082C3;
	transition: fill .4s ease;
}

#deVoiceSearch .st1 {
	fill: none;
}

#deVoiceSearch {
	height: 90%;
	width: 30px;
	position: absolute;
	top: 2px;
	right: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	z-index: 9999;
}

.m-header-interaction {
	position: relative
}

#deVoiceSearch svg {
	flex: 1;
	width: 30px;
}

.pulse {
	-webkit-animation: pulsate 2s infinite;
	animation: pulsate 2s infinite;
}

#deVoiceSearch.pulse .st0 {
	fill: #E20C18
}


@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		transform: scale(1)
	}

	5% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	10% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	15% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes pulsate {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		transform: scale(1)
	}

	5% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	10% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	15% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}


/* MAIN MENU > "ALLE SPORTARTEN" ITEM */

#menu-all-sports span {
	color: #ffea28;
	display: initial !important;
	vertical-align: initial !important
}

/* REF NO PRODUCT PAGE */

#container-top .product-display__conversion-zone .product-refs small {
	font-size: 1rem;
	color: #7c7c7c;
}

/* HELP BUTTON */

#idz_fonline,
#messagetop a,
.qanda-bubble {
	display: none !important
}

.help-button-container {
	position: fixed;
	bottom: 40px;
	right: 30px;
	width: 56px;
	height: 56px;
	z-index: 10000;
	-webkit-animation: rise .8s;
	animation: rise .8s
}

@-webkit-keyframes rise {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes rise {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.help-button-container * {
	box-sizing: border-box
}

.help-button-container input {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	z-index: 10
}

.help-button-container input:hover {
	cursor: pointer
}

.help-button-container .help-button {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #0082c3;
	color: #fff;
	text-align: center;
	z-index: 1;
	-webkit-transition: transform 150ms cubic-bezier(.4, 0, 1, 1);
	transition: transform 150ms cubic-bezier(.4, 0, 1, 1);
	-webkit-transform: scale(1) rotate(360deg);
	transform: scale(1) rotate(360deg);
	box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.help-button-container .help-button .icon {
	display: block;
	height: 24px;
	width: 24px;
	font-family: DecathlonCube
}

.help-button-container .help-button .first-icon,
.help-button-container .help-button .second-icon {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 24px;
	font-weight: 700;
	margin: 16px 0 0 16px;
	-webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.help-button-container .help-button .first-icon.icon-contact-chat {
	font-size: 32px;
	font-weight: 700;
	margin: 15px 0 0 12px
}

.help-button-container .help-button .first-icon.icon-talk {
	font-size: 40px;
	font-weight: 400;
	margin: 13px 0 0 9px
}

.help-button-container .help-button .second-icon {
	font-size: 16px
}

.help-button-container .help-button .second-icon,
.help-button-container input:checked~.help-button .first-icon {
	opacity: 0;
	transform: rotate(-225deg)
}

.help-button-container input:checked~.help-button .second-icon {
	opacity: 1;
	visibility: visible;
	transform: rotate(-360deg)
}

.help-button-container input:checked~.help-button,
.help-button-container input:hover~.help-button {
	box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32)
}

.help-button-container .help-panel {
	position: absolute;
	background: #fff;
	padding: 24px 24px 34px;
	width: 280px;
	bottom: 26px;
	right: 26px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .2);
	-webkit-transition: transform .225s cubic-bezier(0, 0, .2, 1);
	transition: transform .225s cubic-bezier(0, 0, .2, 1);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right
}

.help-button-container .help-panel .cta {
	width: 100% !important;
	margin: 5px auto;
	padding: 10px 30px 10px 15px !important;
	cursor: pointer;
}

#help-qanda {
	padding: 10px 35px 10px 10px !important;
}

#help-qanda.count {
	font-size: 15px !important;
}

.help-button-container input:checked~.help-panel {
	transition: transform .125s cubic-bezier(.4, 0, 1, 1);
	transform: scale(1)
}

.help-button-container .help-panel .headline {
	text-transform: uppercase;
	font-style: italic;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 16px;
	color: #0082c3
}

.help-button-container .help-panel .headline b {
	color: #E66430
}

#liveChatBtn span,
.help-button-container .help-panel #help-chat span {
	color: green
}

@media (max-width:380px) {
	.help-button-container {
		right: 20px
	}

	.help-button-container .help-panel {
		right: 0
	}
}

@media (max-width:800px) {
	.help-button-container {
		bottom: 70px;
		right: 15px;
		width: 40px;
		height: 40px;
	}

	.help-button-container .help-button .first-icon.icon-talk {
		font-size: 30px;
		margin: 6px 0 0 7px;
	}

	.help-button-container .help-button .first-icon,
	.help-button-container .help-button .second-icon {
		margin: 8px 0 0 8px;
	}
}


/* MODAL V2 */
.de-modalv2-container {
	margin: 50vh auto;
	transform: translateY(-50%);
}

/* Size Guide */

a.link_size_guider {
	text-transform: none;
}

.choose-link .cta-link {
	text-transform: none
}

.choose-link a {
	text-transform: initial
}

.sizes__list .sizeguide {
	padding: 10px;
}

.de-modalv2-sizeguides .de-modalv2-container {
	width: 100%;
	background: #fff;
}

.de-modalv2-sizeguides .de-modalv2-close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background:#0381c3;
		cursor: pointer;
}

.de-modalv2-sizeguides .de-modalv2-close i:before {
    margin: 5px;
    color: #fff;
    text-align: center;
}
@media (max-width: 800px) {
	.de-modalv2-sizeguides .de-modalv2-body {
    max-height: 100vh;
    overflow-y: auto;
	}
}
@media (min-width: 801px) {
	.de-modalv2-sizeguides .de-modalv2-container {
		width: 760px
	}
}

/* cta v2 - add ons */
.cta-v2--green,
.cta-v2--success {
	color: #fff !important;
	background: #47a518 !important;
}

.cta-v2--green:after,
.cta-v2--success:after {
	background: #388213;
}

.cta-v2--loading:before {
	content: '';
	border: 2px solid #fefefe;
	border-top: 2px solid #0082c3;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* FIX SEARCH FINDOLOGIC */

.dkt-price__active.fl-price-active .sup {
	font-size: 1.2rem;
}

/* Global Average Rating in Categories Page */

.listing-page #globalAverageRating .global-rating {
	padding: 50px 0 0;
}

.listing-page #globalAverageRating .global-rating .icon-star {
	font-size: 30px;
	width: 30px;
}

.listing-page #globalAverageRating .global-rating .icon-star.star-half:after {
	width: 14px;
}

.listing-page #globalAverageRating .global-rating .title {
	margin: 25px 0;
}

/* RESPONSIVE VIDEO */

.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/* HP BACKGROUND MOBILE */

@media (max-width: 800px) {
	#main-container {
		background: #fff
	}
}

/* CTA OUTLINE LIGHT OVERRIDE - WAITING FRANCE DEV */
.cta-v2--outline-light:hover {
	color: #fff !important
}

/* PRICE TAGS GERMANY */
.de-price-v1 {
	position: relative
}

.de-price-v1-container {
	display: inline-flex;
	width: auto;
	overflow: hidden;
	font-size: 40px;
	line-height: 32px;
	z-index: 10
}

.de-price-v1 .de-price-v1-shape {
	background-image: linear-gradient(70deg, #ffc702, #ffe929 90%, #ffe929)
}

.de-price-v1--red .de-price-v1-shape {
	background-image: linear-gradient(70deg, #e20c18, #d20c17 90%, #e20c18);
	color: #fff;
}

.de-price-v1-content {
	display: flex;
	font-weight: 700
}

.de-price-v1 .de-price-v1-content {
	padding: 6px
}

.de-price-v1-small-wrap {
	font-size: 42%;
	line-height: 90%
}

.de-price-v1-small-wrap span {
	display: block
}

@media (min-width:800px) {

	.de-price-v1--bottom-left .de-price-v1-shape,
	.de-price-v1--bottom-right .de-price-v1-content,
	.de-price-v1--top-left .de-price-v1-content,
	.de-price-v1--top-right .de-price-v1-shape {
		transform: skewX(-10deg)
	}

	.de-price-v1--bottom-left .de-price-v1-shape,
	.de-price-v1--top-left .de-price-v1-shape {
		margin: 0 -10px 0 10px;
		padding: 0 10px 0 0
	}

	.de-price-v1--bottom-left .de-price-v1-content,
	.de-price-v1--bottom-right .de-price-v1-shape,
	.de-price-v1--top-left .de-price-v1-shape,
	.de-price-v1--top-right .de-price-v1-content {
		transform: skewX(10deg)
	}

	.de-price-v1--bottom-right .de-price-v1-shape,
	.de-price-v1--top-right .de-price-v1-shape {
		margin: 0 10px 0 -10px;
		padding: 0 0 0 10px
	}
}

/* CUSTOM GATEWAY */

#customGatewayUi .de-modalv2-body iframe {
    width: 100%;
    height: 100%;
    position: relative
}

#customGatewayUi {
    width: 100%;
    height: 800px;
    z-index: 999;
    background: white;
}

#customGatewayUi .de-modalv2-custom-gateway .de-modalv2-body {
    height: 85vh;
    width: 100%;
    position: relative;
    background: #fff;
}

/* disable set sizeguide */
#msb-conversionzone-products-list .size-guide {
	opacity: 0;
	pointer-events: none;
}


/* Solves a problem in user review on product page: "findet diese Bewertung hilfreich" */
.panel-review-user .body .content iframe {
	height: 80px;
}

.panel-review-user .body .ov_voteContent.review-helpful span.ov_voteUseful {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}


@media (max-width: 800px) {
	.HeaderMobileSearch-opened div[id^="tsbadgeResponsiveTop_"] {
		position: absolute;
	}
}

/* style links in list page - https://www.decathlon.de/browse/c0-boutique-kategorien/c1-neopren/_/N-1dbin3k */
.listing-page #product-list-top #category-informations .wrapper .inner .content a,
.plp-top__description__body a {
	color: #0082c3;
	text-decoration: underline;
}

/* leadtime info conversion zone */
.buying-zone__tab-content {min-height: auto;}
.stock-infos {padding:10px 0 0}
.product-page .leadtime-display {display:none}
.buying-zone--shows-online-stock .stock-infos__message {margin-bottom:0;}
.leadtime-info {position: relative; width: 100%;}
.leadtime-info__item {position:relative; display: flex; width: 100%; margin: .5rem 0 0 0; justify-content: space-between;}
.leadtime-info__item--title {position: relative; text-align: left; font-size: 12px;}
.leadtime-info__item--price {text-transform: uppercase; font-size: 12px; font-weight: 700}

/* Endspurt */
.de-js-mainmenu-highlight{background-color:rgba(226,12,24,.8)}

/* My decathlon start top alert */
.mydecathlonalert span.de-cta-alert-mydecathlon{margin:0 9px}
@media (max-width:800px){.mydecathlonalert span.de-cta-alert-mydecathlon{margin:10px auto 5px;display:block}}

/* Remove upload own photo gutschein */
.product-page .modalv2.GC__modal .GC__modal-form__separator,.product-page .modalv2.GC__modal label.js-upload-gc-visual.GC__modal-form__upload-btn{display:none}

/* fix overflow on product list pages - https://www.decathlon.de/browse/c0-alle-sportarten-a-z/c1-laufen/c2-laufschuhe/geslacht-damen/_/N-1ofvunxZs45bpf */
@media (min-width: 1180px) {
    #resultslist-browsed-content #resultslist-page-products {
        overflow:hidden;
    }
}