.cms-index-index .main { padding-top: 0; width: 1200px }
.home-page-teasers-desktop ul { margin-left: -20px }
.home-page-teasers-desktop li, .home-page-teasers-tablet a, .home-page-teasers-phone li { position: relative; display: block }
.home-page-teasers-desktop li { float: left; margin: 20px 0 0 20px; border-radius: 5px; overflow: hidden }
.home-page-teasers-desktop li.right { float: right }
.home-page-teasers-desktop img, .home-page-teasers-tablet img, .home-page-teasers-phone img { display: block }
.home-page-teasers-phone img, .tablet-teaser-top-left img, .tablet-teaser-top-right img, .tablet-teaser-bottom img { width: 100% }
.home-page-teasers-phone li { margin-top: 10px }
.home-page-teasers-desktop li span, .home-page-teasers-tablet li span, .home-page-teasers-phone li span { position: absolute; bottom: 0; text-align: center; width: 100%; color: #ffffff; font-size: 22px; padding: 12px 0 }
.home-page-teasers-desktop li span:after, .home-page-teasers-tablet li span:after, .home-page-teasers-phone li span:after { font-family: "21run", sans-serif; color: #ff7102; font-size: 17px; vertical-align: middle; margin-left: 7px; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; content: "\75" }
.tablet-teaser-top-left, .tablet-teaser-top-right { float: left; width: 50% }
.tablet-teaser-bottom { clear: both }
.tablet-teaser-top-left a, .tablet-teaser-top-right a { display: block }
.tablet-teaser-top-left a { margin: 10px 5px 10px 0 }
.tablet-teaser-top-right a { margin: 10px 0 10px 5px }

.home-page-teasers-desktop li span, .home-page-teasers-tablet li span, .home-page-teasers-phone li span {
    background: -moz-linear-gradient(left, rgba(27,33,63,0.5) 0%, rgba(27,33,63,0.85) 30%, rgba(27,33,63,0.85) 70%, rgba(27,33,63,0.5) 100%);
    background: -webkit-linear-gradient(left, rgba(27,33,63,0.5) 0%,rgba(27,33,63,0.85) 30%,rgba(27,33,63,0.85) 70%,rgba(27,33,63,0.5) 100%);
    background: linear-gradient(to right, rgba(27,33,63,0.5) 0%,rgba(27,33,63,0.85) 30%,rgba(27,33,63,0.85) 70%,rgba(27,33,63,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801b213f', endColorstr='#801b213f',GradientType=1 );
}

.home-page-teasers-desktop .red span, .home-page-teasers-tablet .red span, .home-page-teasers-phone .red span {
    background: -moz-linear-gradient(left,  rgba(240,61,56,0.5) 0%, rgba(240,61,56,0.85) 30%, rgba(240,61,56,0.85) 70%, rgba(240,61,56,0.5) 100%);
    background: -webkit-linear-gradient(left,  rgba(240,61,56,0.5) 0%,rgba(240,61,56,0.85) 30%,rgba(240,61,56,0.85) 70%,rgba(240,61,56,0.5) 100%);
    background: linear-gradient(to right,  rgba(240,61,56,0.5) 0%,rgba(240,61,56,0.85) 30%,rgba(240,61,56,0.85) 70%,rgba(240,61,56,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f03d38', endColorstr='#80f03d38',GradientType=1 );
}
.home-page-teasers-desktop .red span:after, .home-page-teasers-tablet .red span:after, .home-page-teasers-phone .red span:after { color: #ffffff }

.home-page-teasers-tablet, .home-page-teasers-phone { display: none }

@media (max-width: 1219px) {
    .home-page-teasers-desktop { display: none }
    .home-page-teasers-tablet { display: block }
    .cms-index-index .main { width: auto }
}

@media (max-width: 767px) {
    .home-page-teasers-tablet { display: none }
    .home-page-teasers-phone { display: block }
}

/* Sport Selector */
.sport-selector { margin: 40px auto 0; text-align: center; font-size: 0; border-top: #d4d4d4 solid 6px; font-weight: 700; padding: 30px }
.sport-selector .selector-title { display: inline-block; font-size: 24px; margin-right: 15px; position: relative; top: -40px }
.sport-selector a { display: inline-block; background-color: #fafafa; border: #e6e6e6 solid 1px; font-size: 18px; color: #1b213f; width: 177px; padding: 24px 0 }
.sport-selector a:before { font-family: "21run", sans-serif; font-size: 100px; line-height: 80px; font-weight: normal; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; display: block }
.sport-selector .running:before { content: "\65" }
.sport-selector .swimming:before { content: "\64" }
.sport-selector .cycling:before { content: "\66" }
.sport-selector .triathlon:before { content: "\65 \64 \A \66"; font-size: 55px; line-height: 40px }
.sport-selector .running { border-radius: 5px 0 0 5px; border-right: none }
.sport-selector .swimming { border-right: none }
.sport-selector .triathlon { border-radius: 0 5px 5px 0; border-left: none }
.sport-selector a:hover { background-color: #e4e6e8 }

/* Bestsellers */
.bestsellers-block-title { border-top: #d4d4d4 solid 6px; margin-top: 50px; text-align: center }
.bestsellers-block-title span { font-size: 30px; text-transform: uppercase; font-weight: 700; background-color: #ffffff; top: -20px; position: relative; color: #1b213f; display: inline-block; padding: 0 10px }

.bestsellers-carousel .product-name { text-transform: uppercase; margin-bottom: 3px; line-height: 21px }

.bestsellers-carousel .carousel-cell { width: 263px; text-align: center; padding: 0 18px; position: relative }
.bestsellers-carousel .carousel-cell img { width: 248px; height: 150px }
.bestsellers-carousel .carousel-cell .price { font-size: 24px; display: inline-block; margin: 0 3px }
.bestsellers-carousel .carousel-cell .old { text-decoration: line-through; color: #bebebe; font-size: 18px }
.bestsellers-carousel .carousel-cell .new { color: #ff201b }

.bestsellers-carousel .slick-next { right: 0 }
.bestsellers-carousel .slick-slide img { margin: 0 auto }

.saving { position: absolute; right: 1px; top: 0; font-size: 14px; color: #ff201b; border: #ff201b solid 1px; border-radius: 3px; padding: 0 3px }

@media (max-width: 1219px) {
    .sport-selector { border-top-width: 1px; padding-top: 20px }
    .sport-selector .selector-title { display: block; position: static; margin-bottom: 20px }
    .sport-selector a { width: 170px }
}

@media (max-width: 767px) {
    .sport-selector { border-top: none; width: 320px; padding: 10px 0; margin-top: 10px }
    .sport-selector a { width: 140px }
    .sport-selector .running { border-radius: 5px 0 0; border-right: none; border-bottom: none }
    .sport-selector .swimming { border-radius: 0 5px 0 0; border-bottom: none; border-right: #e6e6e6 solid 1px }
    .sport-selector .cycling { border-radius: 0 0 0 5px }
    .sport-selector .triathlon { border-radius: 0 0 5px }
}

/* Promo Clickable Layer */
.promo-clickable-layer { width: 100%; max-width: 100%; position: absolute; overflow: hidden; top: 15px }
.promo-clickable-layer div { width: 1324px; position: relative; left: 50%; margin-left: -662px }
.promo-clickable-layer a { display: block }
.promo-clickable-layer img { width: 160px; height: 600px }

/* Clearer */
.home-page-teasers-desktop ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }