@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");

body,
html {
          font-family: Roboto, sans-serif;
          margin: 0;
          padding: 0
}

body,
body * {
          font-smooth: always;
          -webkit-font-smoothing: always;
          -moz-osx-font-smoothing: always
}

a,
a:active,
a:focus,
a:hover {
          text-decoration: none;
          cursor: pointer
}

*,
:after,
:before {
          box-sizing: border-box
}

ul {
          padding: 0;
          margin: 0
}

.lp-btn {
          background: #0082c3;
          color: #fff;
          width: auto;
          height: 40px;
          line-height: 40px;
          position: relative;
          display: inline-block;
          text-align: center;
          border-radius: 3px;
          font-size: 13px;
          padding: 0 40px 0 20px;
          text-transform: uppercase;
          font-family: Roboto Condensed, sans-serif;
          overflow: hidden;
          font-weight: 600;
          min-width: 160px
}

.lp-btn.small-btn {
          min-width: 100px;
          height: 30px;
          line-height: 30px;
          font-size: 12px;
          padding: 0 20px 0 10px
}

.lp-btn.small-btn:after {
          right: 0
}

.lp-btn.small-btn:before {
          height: 400%;
          top: 38px;
          right: -10px;
          left: auto
}

.lp-btn.small-btn:hover:before {
          top: -20px;
          right: 0;
          left: auto
}

.lp-btn.yellow-btn {
          background-color: #feea28;
          color: #13022d
}

.lp-btn.yellow-btn:before {
          background-color: #fcd831
}

.lp-btn.outline-btn {
          border: 1px solid #fff;
          background-color: transparent
}

.lp-btn.outline-btn:before {
          background-color: hsla(0, 0%, 100%, .4)
}

.lp-btn span {
          position: relative;
          z-index: 1
}

.lp-btn:after {
          content: "\3009";
          font-weight: 700;
          font-size: 10px;
          position: absolute;
          right: 5px;
          height: 100%;
          top: 0;
          transform: scaleX(2)
}

.lp-btn:before {
          content: "";
          background-color: #006da4;
          position: absolute;
          z-index: 0;
          width: 170%;
          height: 190%;
          transform: skewY(-10deg);
          top: 30px;
          left: 40px;
          transition: all .3s
}

.lp-btn:hover:before {
          top: -11px;
          left: -110px
}

.mf-header-slider {
          width: 100%;
          display: block;
          height: 350px;
          position: relative
}

@media screen and (max-width:768px) {
          .mf-header-slider {
                    height: 300px
          }
}

.mf-header-slider .mf-banner {
          position: absolute;
          z-index: 1;
          opacity: 0;
          left: 0;
          top: 0;
          overflow: hidden;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          height: 100%;
          transition: all .8s
}

.mf-header-slider .mf-banner.active {
          opacity: 1;
          z-index: 2
}

.mf-header-slider .mf-banner>a {
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: 100%;
          overflow: hidden;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center
}

@media screen and (max-width:768px) {
          .mf-header-slider .mf-banner>a>img:first-child {
                    display: none
          }
}

@media screen and (min-width:768px) {
          .mf-header-slider .mf-banner>a>img:last-child {
                    display: none
          }
}

.mf-header-slider .mf-arrow {
          position: absolute;
          top: 50%;
          height: 35px;
          width: 35px;
          border-radius: 5px;
          cursor: pointer;
          background-color: #fff;
          z-index: 4;
          background-repeat: no-repeat;
          background-position: 50%;
          background-size: 12px;
          margin-top: -17px
}

@media screen and (max-width:768px) {
          .mf-header-slider .mf-arrow {
                    width: 25px;
                    height: 25px;
                    background-size: 8px;
                    margin-top: -12px
          }
}

.mf-header-slider .mf-arrow.mf-left-arrow {
          left: 15px;
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/arrow-left.png)
}

@media screen and (max-width:768px) {
          .mf-header-slider .mf-arrow.mf-left-arrow {
                    left: 5px
          }
}

.mf-header-slider .mf-arrow.mf-right-arrow {
          right: 15px;
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/arrow-right.png)
}

@media screen and (max-width:768px) {
          .mf-header-slider .mf-arrow.mf-right-arrow {
                    right: 5px
          }
}

.mf-main-container {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column
}

.mf-desportista-grid {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          margin: 40px 0 20px;
          position: relative
}

.mf-desportista-grid>a {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 5
}

@media screen and (max-width:768px) {
          .mf-desportista-grid {
                    margin: 20px 0
          }
}

.mf-desportista-grid .mf-desportista-container {
          width: 100%;
          max-width: 1240px;
          position: relative;
          height: 612px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap
}

@media screen and (max-width:768px) {
          .mf-desportista-grid .mf-desportista-container {
                    height: 50vw
          }
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-mask {
          position: absolute;
          z-index: 4;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, .3);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center
}

@media screen and (max-width:768px) {
          .mf-desportista-grid .mf-desportista-container .mf-desportista-mask {
                    background-color: rgba(0, 0, 0, .5)
          }
}

@media screen and (min-width:768px) {
          .mf-desportista-grid .mf-desportista-container .mf-desportista-headline img.im-mob {
                    display: none
          }
}

@media screen and (max-width:768px) {
          .mf-desportista-grid .mf-desportista-container .mf-desportista-headline>img {
                    width: 290px
          }

          .mf-desportista-grid .mf-desportista-container .mf-desportista-headline>img.im-desk {
                    display: none
          }
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-item {
          width: 16.6666%;
          height: 33.333333%;
          z-index: 1;
          position: relative
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-item>img {
          width: 100%;
          height: 100%;
          display: block
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-item>video {
          display: block
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-item.portrait {
          z-index: 2
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-item.portrait>img {
          height: 200%
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-item.big-square,
.mf-desportista-grid .mf-desportista-container .mf-desportista-item.landscape {
          z-index: 2
}

.mf-desportista-grid .mf-desportista-container .mf-desportista-item.big-square>img {
          width: 200%;
          height: 200%
}

.mf-categories {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          margin: 40px 0
}

@media screen and (max-width:768px) {
          .mf-categories {
                    margin: 20px 0
          }
}

.mf-categories>div {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between;
          width: 100%;
          max-width: 1250px
}

@media screen and (max-width:768px) {
          .mf-categories>div {
                    -ms-flex-direction: column;
                    flex-direction: column
          }
}

.mf-categories>div>div {
          height: 300px;
          width: 24%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -ms-flex-align: center;
          align-items: center;
          padding: 15px;
          background-size: cover;
          background-position: 50%;
          position: relative
}

@media screen and (max-width:768px) {
          .mf-categories>div>div {
                    width: 100%;
                    height: 55vw;
                    background-position: top;
                    margin: 0 0 15px
          }
}

.mf-categories>div>div:first-child {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/card-praiab.png)
}

.mf-categories>div>div:nth-child(2) {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/treinar-em-casac.jpg)
}

.mf-categories>div>div:nth-child(3) {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/treinar-ar-livre.jpg)
}

.mf-categories>div>div:nth-child(4) {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/desporto-familiab.jpg)
}



.mf-categories>div>div h3 {
          margin: 0 0 15px;
          color: #fff;
          text-transform: uppercase;
          font-family: Roboto Condensed, sans-serif;
          font-style: italic;
          position: relative;
          z-index: 2;
          font-size: 24px;
          border: 0
}

@media screen and (max-width:768px) {
          .mf-categories>div>div h3 {
                    font-weight: 900
          }
}

.mf-categories>div>div>a:first-child {
          position: absolute;
          z-index: 3;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%
}

.mf-categories>div>div>a.lp-btn {
          height: 30px;
          line-height: 30px;
          position: relative;
          z-index: 2
}

.mf-categories>div>div:before {
          content: "";
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: linear-gradient(0deg, #000, transparent 50%);
          position: absolute;
          z-index: 1
}

@media screen and (max-width:768px) {
          .mf-categories>div>div:before {
                    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .3))
          }
}

.mf-slider-category {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          background: #f5f5f5;
          padding: 40px 0 80px;
          position: relative
}

.mf-slider-category .mf-slider-container {
          width: 100%;
          max-width: 1250px;
          position: relative;
          height: 530px
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container {
                    height: auto
          }
}

.mf-slider-category .mf-slider-container .mf-slide {
          width: 100%;
          height: 530px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between;
          position: absolute;
          z-index: 1;
          opacity: 0;
          transition: all .4s
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide {
                    -ms-flex-direction: column;
                    flex-direction: column;
                    height: auto;
                    position: relative;
                    display: none
          }
}

.mf-slider-category .mf-slider-container .mf-slide.active {
          z-index: 2;
          opacity: 1
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.active {
                    display: -ms-flexbox;
                    display: flex
          }
}


.mf-slider-category .mf-slider-container .mf-slide.mf-slide-1a .mf-slide-pic {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-1.jpg)
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.mf-slide-1 .mf-slide-pic {
                    background-image: none
          }
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.mf-slide-1a .mf-slide-pic {
                    background-image: none
          }
}

.mf-slider-category .mf-slider-container .mf-slide.mf-slide-2 .mf-slide-pic {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/slide-2.jpg)
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.mf-slide-2 .mf-slide-pic {
                    background-image: none
          }
}

.mf-slider-category .mf-slider-container .mf-slide.mf-slide-3 .mf-slide-pic {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/slide-3.jpg)
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.mf-slide-3 .mf-slide-pic {
                    background-image: none
          }
}

.mf-slider-category .mf-slider-container .mf-slide.mf-slide-4 .mf-slide-pic {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/slide-4b.jpg)
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.mf-slide-4 .mf-slide-pic {
                    background-image: none
          }
}

.mf-slider-category .mf-slider-container .mf-slide.mf-slide-5 .mf-slide-pic {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/slide-5.jpg)
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.mf-slide-5 .mf-slide-pic {
                    background-image: none
          }
}

.mf-slider-category .mf-slider-container .mf-slide.mf-slide-6 .mf-slide-pic {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/slide-6.jpg)
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide.mf-slide-6 .mf-slide-pic {
                    background-image: none
          }
}

.mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic {
          width: calc(30% - 30px);
          height: 100%;
          background-size: cover;
          background-position: 50%;
          background-color: grey;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: end;
          justify-content: flex-end
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic {
                    width: 100%
          }
}

.mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic>div {
          background-color: #1a72ad;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          text-align: center
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic>div {
                    height: 170px;
                    -ms-flex-pack: justify;
                    justify-content: space-between
          }
}

.mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic>div h3 {
          background: #fff;
          border: 1px solid #1a72ad;
          margin: 0;
          padding: 0;
          text-transform: uppercase;
          color: #1a72ad;
          font-family: Roboto Condensed, sans-serif;
          height: 42px;
          line-height: 42px;
          font-size: 27px;
          font-style: italic;
          padding: 0 15px;
          margin: -20px 0 0
}

.mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic>div p {
          font-family: Roboto Condensed, sans-serif;
          padding: 0 20px;
          color: #fff;
          font-size: 20px;
          font-weight: 300;
          font-style: italic;
          margin: 15px 0
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic>div p {
                    font-size: 14px
          }
}

.mf-slider-category .mf-slider-container .mf-slide .mf-slide-pic>div a.lp-btn {
          height: 30px;
          line-height: 30px;
          margin: 0 0 20px
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid {
          width: 70%
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid {
                    width: 100%;
                    overflow: hidden
          }
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid {
          display: -ms-grid;
          display: grid;
          width: 100%;
          margin: 0;
          padding-right: 0;
          padding-bottom: 0;
          padding-left: 0;
          grid-column-gap: 8px;
          grid-row-gap: 8px;
          -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr;
          position: relative
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid {
                    -ms-grid-columns: 50% 50%;
                    grid-template-columns: 50% 50%
          }
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .promo-info {
          font-size: 10px;
          font-family: Roboto Condensed;
          margin: -5px 0 0;
          color: #666
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .mf-sticker {
          position: absolute;
          top: 30px;
          left: 10px
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .mf-sticker {
                    transform: scale(.7);
                    top: 40px
          }
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .mf-sticker.fabpt {
          top: 10px
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .plus-colors {
          position: absolute;
          background-color: #0082c3;
          color: #fff;
          font-family: Roboto Condensed, sans-serif;
          top: 10px;
          left: 10px;
          font-size: 10px;
          text-transform: uppercase;
          padding: 3px 10px
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .plus-colors {
                    transform: scale(.7)
          }
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .plus-colors.ecoc {
          background-color: #13a538
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .plus-colors.mf-promo {
          background-color: #e22418
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .promocao-container-promo {
          position: static;
          left: auto;
          top: -2%;
          right: -2%;
          bottom: auto;
          display: block;
          margin-top: auto;
          margin-right: 12px;
          padding: 0;
          float: right;
          clear: none;
          -ms-flex-pack: end;
          justify-content: flex-end;
          background-color: transparent;
          color: transparent;
          font-size: 22px
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .promocao-container-promo {
                    transform: scale(.7)
          }
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .producto-image {
          display: block;
          overflow: visible;
          width: 120px;
          height: auto;
          max-height: 160px;
          max-width: none;
          min-height: auto;
          min-width: auto;
          margin: 42px auto 12px;
          text-align: center
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .producto-image {
                    transform: scale(.7)
          }
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .preco-promocional {
          display: -ms-flexbox;
          display: flex;
          height: 32px;
          padding: 0 5px;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: #ffea2d;
          color: #fff;
          text-align: center
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .preco {
          background-color: transparent;
          font-family: Roboto Condensed, sans-serif;
          font-weight: 900;
          color: #000;
          font-size: 24px;
          line-height: 1em;
          font-style: normal
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .produto-hp {
          display: inline;
          padding: 10px 0 3px;
          border-radius: 0;
          background-color: #fff;
          box-shadow: 0 0 1px 1px #e7e7e7;
          color: #000;
          text-decoration: none;
          cursor: pointer;
          position: relative
}

@media screen and (min-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .produto-hp {
                    height: 262px
          }
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .produto-hp {
                    height: 280px
          }
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .prod-descricao {
          width: 96%;
          margin-right: auto;
          margin-left: auto;
          padding: 5px 6px;
          float: none;
          border-top: 1px solid #ebebeb;
          text-align: left
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .marca-produto {
          font-family: Onetypo sports signes v, sans-serif;
          color: #000;
          font-size: 10px;
          line-height: 14px;
          font-weight: 700;
          text-align: left;
          text-transform: uppercase
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .nome-produto {
          font-family: Roboto Condensed, sans-serif;
          color: #414141;
          font-size: 10px;
          line-height: 14px;
          font-weight: 400;
          text-align: left;
          text-decoration: none;
          text-transform: uppercase
}

.mf-slider-category .mf-slider-container .mf-slide .slide-grid .promoshp-grid .produto-features {
          margin-bottom: 6px;
          font-family: Roboto Condensed, sans-serif;
          color: #0082c3;
          font-size: 10px;
          line-height: 14px;
          font-weight: 700;
          text-align: left;
          text-transform: uppercase
}

.mf-slider-category .mf-slider-arrow {
          position: absolute;
          top: 0;
          height: 100%;
          width: 30px;
          background-color: transparent;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          transition: all .4s;
          cursor: pointer;
          left: 50%
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-arrow {
                    height: 100px;
                    z-index: 5;
                    top: 125px
          }
}

.mf-slider-category .mf-slider-arrow.mf-left {
          margin-left: -655px
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-arrow.mf-left {
                    margin-left: 0;
                    left: 0
          }
}

.mf-slider-category .mf-slider-arrow.mf-right {
          margin-left: 625px
}

@media screen and (max-width:768px) {
          .mf-slider-category .mf-slider-arrow.mf-right {
                    margin-left: 0;
                    left: auto;
                    right: 0
          }
}

.mf-slider-category .mf-slider-bullets {
          position: absolute;
          bottom: 0;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 0 0 20px
}

.mf-slider-category .mf-slider-bullets>div {
          width: 15px;
          height: 15px;
          border: 2px solid #0082c3;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          margin: 5px
}

.mf-slider-category .mf-slider-bullets>div.active:after {
          opacity: 1;
          transform: rotate(90deg)
}

.mf-slider-category .mf-slider-bullets>div:after {
          content: "";
          display: block;
          width: 7px;
          height: 7px;
          background-color: #0082c3;
          transition: all;
          opacity: 0;
          cursor: pointer
}

.mf-advices {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-direction: column;
          flex-direction: column
}

.mf-advices>h3 {
          border: 0;
          margin: 40px 0 0;
          text-transform: uppercase;
          color: #0082c3;
          font-family: Roboto Condensed, sans-serif;
          font-size: 34px;
          font-style: italic
}

@media screen and (max-width:768px) {
          .mf-advices>h3 {
                    text-align: center;
                    font-size: 24px;
                    margin: 0
          }
}

.mf-advices .mf-advices-container {
          width: 100%;
          max-width: 1250px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between
}

@media screen and (max-width:768px) {
          .mf-advices .mf-advices-container {
                    -ms-flex-direction: column;
                    flex-direction: column
          }
}

.mf-advices .mf-advices-container .mf-advices-item {
          width: 22%;
          background-color: grey;
          margin: 40px 0 60px;
          padding: 20px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: end;
          justify-content: flex-end;
          height: 440px;
          background-size: cover;
          background-position: 50%
}

@media screen and (max-width:768px) {
          .mf-advices .mf-advices-container .mf-advices-item {
                    width: 100%;
                    margin: 15px 0;
                    height: 300px;
                    background-position: top
          }
}

.mf-advices .mf-advices-container .mf-advices-item:first-child {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/slide-1b.jpg)
}

.mf-advices .mf-advices-container .mf-advices-item:nth-child(2) {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-2.jpg)
}

.mf-advices .mf-advices-container .mf-advices-item:nth-child(3) {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-3.jpg)
}

.mf-advices .mf-advices-container .mf-advices-item:nth-child(4) {
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-4.jpg)
}

.mf-advices .mf-advices-container .mf-advices-item>div {
          width: 100%;
          background-color: #fff;
          padding: 15px
}

@media screen and (max-width:1024px) {


          .mf-advices .mf-advices-container .mf-advices-item:first-child {
                    background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-1.jpg)
          }

          .mf-advices .mf-advices-container .mf-advices-item:nth-child(2) {
                    background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-2.jpg)
          }

          .mf-advices .mf-advices-container .mf-advices-item:nth-child(3) {
                    background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-3.jpg)
          }

          .mf-advices .mf-advices-container .mf-advices-item:nth-child(4) {
                    background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/ad-4.jpg)
          }


          .mf-advices .mf-advices-container .mf-advices-item>div {
                    padding: 10px
          }
}

.mf-advices .mf-advices-container .mf-advices-item>div h3 {
          border: 0;
          margin: 0;
          padding: 0;
          font-size: 24px;
          line-height: 26px;
          color: #4f4f4f;
          text-transform: uppercase;
          font-family: Roboto Condensed, sans-serif
}

@media screen and (max-width:768px) {
          .mf-advices .mf-advices-container .mf-advices-item>div h3 {
                    font-size: 18px;
                    line-height: 20px
          }
}

.mf-advices .mf-advices-container .mf-advices-item>div p {
          margin: 0;
          font-family: Roboto Condensed, sans-serif;
          font-size: 12px;
          line-height: 14px;
          margin: 10px 0;
          text-transform: none;
          color: #4f4f4f
}

.mf-advices .mf-advices-container .mf-advices-item>div a {
          font-family: Roboto Condensed, sans-serif;
          font-size: 14px;
          color: #1a72ad;
          font-style: italic;
          text-transform: uppercase;
          font-weight: 600;
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/small-right-arrow.png);
          background-repeat: no-repeat;
          background-position: 100%;
          padding: 0 15px 0 0
}

.mf-oportunidades {
          background-color: #f5f5f5;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: center;
          align-items: center;
          padding: 40px 0
}

@media screen and (max-width:768px) {
          .mf-oportunidades {
                    padding: 20px 0
          }
}

.mf-oportunidades h3 {
          font-size: 38px;
          color: #e22418;
          font-style: italic;
          text-transform: uppercase;
          font-family: Roboto Condensed, sans-serif;
          font-weight: 700;
          margin: 0 0 20px
}

@media screen and (max-width:768px) {
          .mf-oportunidades h3 {
                    font-size: 24px
          }
}

.mf-oportunidades .mf-blocks-container {
          position: relative;
          height: 268px;
          width: 100%;
          max-width: 1250px
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-blocks-container {
                    padding: 20px 0;
                    height: 480px
          }
}

.mf-oportunidades .mf-blocks-container .oportunidades-arrows {
          position: absolute;
          height: 100%;
          display: -ms-flexbox;
          display: flex;
          width: 30px;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          top: 0
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-blocks-container .oportunidades-arrows {
                    z-index: 5;
                    top: -65px;
                    height: 60px
          }
}

.mf-oportunidades .mf-blocks-container .oportunidades-arrows.arrow-right {
          right: -30px
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-blocks-container .oportunidades-arrows.arrow-right {
                    right: 5px
          }
}

.mf-oportunidades .mf-blocks-container .oportunidades-arrows.arrow-left {
          left: -30px
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-blocks-container .oportunidades-arrows.arrow-left {
                    left: 5px
          }
}

.mf-oportunidades .mf-oportunidades-blocks {
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          height: 268px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between;
          overflow: hidden;
          transition: all .4s;
          opacity: 0;
          z-index: 1
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-oportunidades-blocks {
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    height: 100%;
                    -ms-flex-pack: distribute;
                    justify-content: space-around
          }
}

.mf-oportunidades .mf-oportunidades-blocks.active {
          opacity: 1;
          z-index: 2
}

.mf-oportunidades .mf-oportunidades-blocks>div {
          background-color: #fff;
          width: 22%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          position: relative
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-oportunidades-blocks>div {
                    width: 48%;
                    margin-bottom: 6px
          }
}

.mf-oportunidades .mf-oportunidades-blocks>div>a {
          position: absolute;
          display: block;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 2
}

.mf-oportunidades .mf-oportunidades-blocks>div>a:hover {
          border: 1px solid #e22418
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-img {
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          height: 200px
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-oportunidades-blocks>div .mf-op-img {
                    height: 100px;
                    margin-top: 28px
          }
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-img img {
          width: 150px
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-oportunidades-blocks>div .mf-op-img img {
                    width: 100px
          }
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info {
          display: -ms-flexbox;
          display: flex;
          padding: 10px;
          -ms-flex-pack: justify;
          justify-content: space-between
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mf-op-brand {
          font-family: Onetypo sports signes v, sans-serif;
          color: #000;
          font-size: 10px;
          line-height: 14px;
          font-weight: 700;
          text-align: left;
          text-transform: uppercase
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mf-op-name {
          font-family: Roboto Condensed, sans-serif;
          color: #414141;
          font-size: 10px;
          line-height: 14px;
          font-weight: 400;
          text-align: left;
          text-decoration: none;
          text-transform: uppercase
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mf-op-feature {
          margin-bottom: 6px;
          font-family: Roboto Condensed, sans-serif;
          color: #e22418;
          font-size: 10px;
          line-height: 14px;
          font-weight: 700;
          text-align: left;
          text-transform: uppercase
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mp-op-price {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
          justify-content: flex-end;
          min-width: 130px
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mp-op-price>div:first-child {
          margin-right: 5px
}

@media screen and (max-width:768px) {
          .mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mp-op-price {
                    transform: scale(.7);
                    position: absolute;
                    top: 0;
                    right: -10px
          }
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mp-op-price .mp-op-before {
          transform: skew(10deg, 0deg);
          color: #000;
          font-size: 10px;
          line-height: 14px;
          font-style: italic;
          font-weight: 700;
          text-align: right
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mp-op-price .mp-op-after {
          display: -ms-flexbox;
          display: flex;
          height: 32px;
          padding: 0 5px;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: #e22418;
          color: #fff;
          text-align: center;
          font-style: normal
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mp-op-price .mp-op-after>div {
          background-color: transparent;
          font-family: Roboto Condensed, sans-serif;
          font-weight: 900;
          color: #fff;
          font-size: 24px;
          line-height: 1em;
          font-style: normal
}

.mf-oportunidades .mf-oportunidades-blocks>div .mf-op-info .mp-op-price .mp-op-percent {
          color: #e22418;
          font-size: 16px;
          line-height: 10px;
          font-style: italic;
          font-weight: 700
}

.mf-oportunidades .mf-oportunidades-links {
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          margin: 20px 0 0
}

.mf-oportunidades .mf-oportunidades-links a {
          color: #e22418;
          text-decoration: underline;
          font-family: Roboto Condensed, sans-serif;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 16px;
          margin: 0 20px
}

.mf-tec {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          margin-top: 40px
}

@media screen and (max-width:768px) {
          .mf-tec {
                    margin-top: 20px
          }
}

.mf-tec .mf-tec-container {
          width: 100%;
          max-width: 1250px;
          height: 420px;
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/homefit-bann-desktop-b.jpg);
          background-position: 50%;
          background-size: cover;
          display: -ms-flexbox;
          display: flex
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container {
                    -ms-flex-direction: column;
                    flex-direction: column;
                    background-position: right -161px center
          }

          .mf-tec .mf-tec-container {
                    background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/homefit-bann-mobile-b.jpg);
                    background-position: bottom!important;
          }
}

.mf-tec .mf-tec-container .mf-tec-left {
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center
}

.mf-tec .mf-tec-container .mf-tec-left h3 {
          font-family: Roboto Condensed, sans-serif;
          text-transform: uppercase;
          font-style: italic;
          color: #fff;
          font-size: 66px;
          width: 472px;
          margin: 0;
          text-shadow: rgba(0, 0, 0, .7) -2px 2px 4px;
          border: 0;
          font-weight: 900
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left h3 {
                    font-size: 42px;
                    width: 100%;
                    padding: 0 15px;
                    margin-top: 120px
          }
}

.mf-tec .mf-tec-container .mf-tec-left p {
          font-family: Roboto Condensed, sans-serif;
          color: #fff;
          width: 472px;
          margin: -10px 0 15px;
          font-style: italic;
          font-size: 20px;
          text-shadow: rgba(0, 0, 0, .7) -2px 2px 4px
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left p {
                    font-size: 16px;
                    width: 100%;
                    padding: 0 15px;
                    margin-top: 0;
                    margin-bottom: 10px
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date {
          position: relative;
          width: 472px;
          height: 200px;
          z-index: 2
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date {
                    width: 100%;
                    height: 139px
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item {
          position: absolute;
          left: 0;
          top: 0;
          background-color: #fff;
          opacity: 0;
          z-index: 1;
          padding: 15px;
          width: 472px;
          height: 200px
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item {
                    width: 100%;
                    padding: 15px 25px;
                    height: auto
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item.active {
          z-index: 2;
          opacity: 1
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item h3 {
          font-size: 24px;
          line-height: 24px;
          margin-top: 0;
          color: #0082c3;
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/date-icon.jpg);
          background-repeat: no-repeat;
          background-position: 0;
          padding: 0 0 0 35px;
          text-shadow: none
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item h3 {
                    width: 100%
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table {
          width: 442px;
          height: 135px;
          margin-top: 10px;
          overflow-y: scroll
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table {
                    width: 100%;
                    height: 75px
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line {
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          -ms-flex-positive: 0;
          flex-grow: 0;
          padding: 3px 0
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line {
                    font-size: 12px
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line:nth-child(odd) {
          background-color: #f7f7f7
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line .table-column {
          text-align: center;
          font-family: Roboto Condensed, sans-serif;
          text-transform: uppercase;
          font-weight: 300;
          color: #585858
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line .table-column:first-child {
          width: 10%;
          font-weight: 700
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line .table-column:nth-child(2) {
          width: 40%
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line .table-column:nth-child(3) {
          width: 10%
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-item .days-table .table-line .table-column:nth-child(4) {
          width: 40%
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-arrow {
          position: absolute;
          height: 100%;
          width: 30px;
          top: 0;
          background-color: #f1f1f1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          transition: all .4s;
          cursor: pointer
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-arrow {
                    z-index: 5;
                    width: 20px
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-arrow:hover {
          background-color: #ddd
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-arrow.mf-date-arrow-right {
          right: -30px
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-arrow.mf-date-arrow-right {
                    right: 0
          }
}

.mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-arrow.mf-date-arrow-left {
          left: -30px
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-left .mf-home-date .mf-date-arrow.mf-date-arrow-left {
                    left: 0
          }
}

.mf-tec .mf-tec-container .mf-tec-right {
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center
}

.mf-tec .mf-tec-container .mf-tec-right a {
          margin-top: 40%
}

@media screen and (max-width:768px) {
          .mf-tec .mf-tec-container .mf-tec-right a {
                    margin-top: 15px
          }
}

.comunidade-dkt.playlist {
          margin: 40px 0;
          background-image: url(https://decathlon.pt/ecpt/static/hp/2020/corrida/v3.1/images/spotify/bgspotify-decathlon.jpg);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          height: 460px
}

@media screen and (max-width:768px) {
          .comunidade-dkt.playlist {
                    height: auto;
                    margin: 20px 0 0
          }
}

.comunidade-dkt.playlist>img {
          margin: 0 0 30px
}

@media screen and (max-width:768px) {
          .comunidade-dkt.playlist>img {
                    margin: 30px 0 0;
                    width: 90%
          }
}

.comunidade-dkt {
          display: block;
          width: 100%;
          background-image: url(https://decathlon.pt/ecpt/static/hp/2020/corrida/v3.1/images/www.decathlon.es-4213725340392602.jpg);
          background-position: 50% 50%;
          background-size: cover;
          background-repeat: no-repeat
}

.comunidad-imng {
          display: block;
          margin-right: auto;
          margin-left: auto
}

.comunidad-item.playlist {
          width: 25%
}

@media screen and (max-width:768px) {
          .comunidad-item.playlist {
                    width: 100%;
                    margin: 10px 0;
                    height: auto;
                    width: 50%;
                    padding: 15px
          }
}

.comunidad-item {
          width: 33%;
          padding: 10px 20px;
          color: #222;
          text-decoration: none;
          height: 255px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center
}

.comunidad-item>img {
          width: 90%;
          transition: all .3s
}

@media screen and (max-width:768px) {
          .comunidad-item>img {
                    width: 100%
          }
}

.comunidad-item:hover>img {
          width: 100%
}

.shortcuts-comunidad {
          display: -ms-flexbox;
          display: flex;
          max-width: 1180px;
          margin: 32px auto 20px;
          -ms-flex-pack: center;
          justify-content: center
}

@media screen and (max-width:768px) {
          .shortcuts-comunidad {
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
          }
}

.pictos-desportos {
          width: 100%;
          height: 100%;
          margin-right: auto;
          margin-left: auto;
          padding: 0 10px 22px
}

.desportos-area {
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: auto;
          max-width: 1240px;
          min-width: auto;
          margin: 10px auto
}

@media screen and (max-width:768px) {
          .desportos-area {
                    margin: 0 auto
          }
}

.pictos-desportos-destaque {
          display: -ms-flexbox;
          display: flex;
          margin: 20px auto;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-grid-column-align: center;
          justify-items: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex: 1;
          flex: 1;
          grid-auto-columns: 1fr;
          grid-column-gap: 16px;
          grid-row-gap: 16px;
          -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
          -ms-grid-rows: auto auto;
          grid-template-rows: auto auto;
          text-align: center
}

.desporto-picto {
          display: block;
          margin: 8px auto;
          direction: ltr;
          text-decoration: none;
          cursor: pointer;
          transition: all .4s
}

@media screen and (max-width:768px) {
          .desporto-picto {
                    width: 33%
          }
}

.desporto-description {
          margin-top: 12px;
          font-family: Roboto Condensed, sans-serif;
          color: #414141;
          line-height: 15px;
          font-style: italic;
          font-weight: 400;
          text-align: center;
          cursor: pointer
}

@media screen and (max-width:768px) {
          .desporto-description {
                    font-size: 12px
          }
}

.picto-desporto {
          max-height: 90px;
          cursor: pointer
}

@media screen and (max-width:768px) {
          .picto-desporto {
                    max-height: 80px
          }
}

.desporto-picto:hover {
          transform: scale(1.1)
}

.mf-banner-seguranca {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          margin: 0
}

@media screen and (max-width:768px) {
          .mf-banner-seguranca {
                    margin-bottom: 20px
          }
}

.mf-banner-seguranca>a {
          width: 100%;
          max-width: 1250px;
          background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/banner-seguranca.jpg);
          height: 300px
}

@media screen and (max-width:768px) {
          .mf-banner-seguranca>a {
                    background-image: url(https://www.decathlon.pt/ecpt/static/hp/2020/verao/v1.0/img/banner-seguranca-mob.jpg);
                    background-size: cover;
                    height: 62vw
          }
}