@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");
/* 
modry pruh vlevo

*/

button.sportspage__nav-item[data-reach="next"][data-tnr-sportpage-navigation-item=""] {
  display: none;
}

.sportspage__navigation {
  display: none;
}

.sportspage__floor {
  padding-left: 0px;
}

.sportspage__navigation {
  display: none;
}

.sportspage__floor {
  padding-left: 0px;
}

/* 



*/

a {
  text-decoration: none;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: white !important;
  font-size: 12pt;
  color: #1C1C1C !important;
}

.b-logo img {
  width: 40%;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/*
  
  
  */
/*pocet gridu*/
.gridy1 {
  width: 100%;
}

.gridy2 {
  width: 100%;
}

.gridy3 {
  width: 100%;
}

.gridy4 {
  width: 100%;
}

/*
  
  
  */
/* barvy */
.blue {
  border-top: 3px solid #0082c3;
}

.red {
  border-top: 3px solid #e20c18;
}

.green {
  border-top: 3px solid #4d6f56;
}

.orange {
  border-top: 3px solid #f37021;
}

/*
  
  */
/* buttons */
.btn-yellow {
  border-radius: 4px;
  background-color: #ffea28;
  color: #001018;
  font-size: 14px;
  min-width: 140px;
  padding: 10px 20px;
  text-align: center;
  transition: background-color 200ms 100ms ease;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: auto;
  margin-left: auto;
}

.btn-yellow:hover {
  background-color: #FDD000;
}

.btn-blue {
  border-radius: 4px;
  background-color: #0082C3;
  color: white;
  font-size: 14px;
  min-width: 140px;
  padding: 10px 20px;
  text-align: center;
  transition: background-color 200ms 100ms ease;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: auto;
  margin-left: auto;
}

.btn-blue:hover {
  background-color: #005884;
}

.btn-red {
  border-radius: 4px;
  background-color: #e20c18;
  color: white;
  font-size: 14px;
  min-width: 140px;
  padding: 10px 20px;
  text-align: center;
  transition: background-color 200ms 100ms ease;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: auto;
  margin-left: auto;
}

.btn-red:hover {
  background-color: #75060C;
}

.btn-green {
  border-radius: 4px;
  background-color: #4d6f56;
  color: white;
  font-size: 14px;
  min-width: 140px;
  padding: 10px 20px;
  text-align: center;
  transition: background-color 200ms 100ms ease;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: auto;
  margin-left: auto;
}

.btn-green:hover {
  background-color: #26382B;
}

.btn-orange {
  border-radius: 4px;
  background-color: #f37021;
  color: white;
  font-size: 14px;
  min-width: 140px;
  padding: 10px 20px;
  text-align: center;
  transition: background-color 200ms 100ms ease;
  border: 0px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: auto;
  margin-left: auto;
}

.btn-orange:hover {
  background-color: #983E08;
}

/*
  
  
  
  */
.gridycz a {
  color: #1C1C1C;
  text-decoration: none;
}

.wrap-products {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.img-product {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 90%;
  height: 350px;
  margin-right: auto;
  margin-left: auto;
}

.pricetag {
  padding: 5px 10px;
  display: inline-flex;
  background-image: linear-gradient(#ffea28, #fdc529);
  margin: 10px;
  float: right;
  font-size: 18px;
  font-weight: 600;
}

.pricetag-red {
  padding: 5px 10px;
  display: inline-flex;
  background-image: linear-gradient(#e20c18, #8E070F);
  margin: 10px;
  float: right;
  font-size: 18px;
  font-weight: 600;
  color: white;
}

.kc {
  font-size: 11px;
  font-weight: 600;
  margin-top: 6px;
  margin-left: 3px;
}

.textgrid-wrap {
  background: white;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 5px 10px;
  cursor: default;
  min-height: 0px;
}

.textgrid-wrap p {
  font-size: 12pt;
  margin: 15px;
  margin-bottom: 30px;
}

.blue-txt {
  color: #0082c3;
}

.textgrid-wrap h2 {
  margin: 10px;
  font-size: 18pt;
  font-weight: 600;
  text-transform: uppercase;
}

.wrapgrid {
  text-align: center;
  margin-top: 50px;
}

.wrap-type .wrapgrid {
  text-align: center;
  margin-top: 20px;
}

.gridycz {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: white;
}

.img-section {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 250px;
  margin-bottom: 5px;
}

.img-type {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 180px;
  margin-bottom: 0px;
  background-position: center;
}

.img-btn-test {
  width: 48%;
  height: 70px;
  margin: 0.5%;
  background-size: cover;
  background-position: center;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  opacity: 1;
  transition: ease-in-out 0.3s;
}

.img-btn-test:hover {
  opacity: 0.7;
}

.img-btn {
  width: 48%;
  height: 70px;
  margin: 0.5%;
  background-size: cover;
  background-position: center;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.img-btn::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.58);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.gradient {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(63, 165, 53, 0.8), rgba(63, 165, 53, 0.05) 60%);
  overflow: hidden;
}

.first-txt span {
  font-size: 120%;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #1f4b1b;
  padding: 2% 5% 2% 12%;
}

.first-txt {
  transform: skewX(-10deg);
  margin-left: -5%;
  padding-top: 10%;
  text-align: left;
}

.second-txt span {
  font-size: 160%;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #1f4b1b;
  padding: 2% 5% 2% 5%;
}

.second-txt {
  transform: skewX(-10deg);
  margin-left: 8%;
  margin-top: 2%;
  text-align: left;
}

.type-title {
  width: 95%;
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-style: italic;
  font-size: 15pt;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.wrap-type {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.wrap-type-btn {
  width: 100%;
  margin-top: 50px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.wrap-section {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.wrap-blog {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.texttype-wrap h3 {
  margin: 10px;
  font-size: 13pt;
  font-weight: 700;
  text-transform: uppercase;
}

.img-btn p {
  width: 95%;
  color: white;
  margin: 0px;
  font-size: 11pt;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.img-btn-test p {
  width: 95%;
  color: white;
  margin: 0px;
  font-size: 11pt;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.img-blog {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 15% 5%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.img-blog::before {
  background-color: black;
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  /*  zatmaveni, cim vyssi cislo tim vetsi zatmaveni, maximum je 1... 0.5 = 50%   */
  top: 0px;
  left: 0px;
}

.textblog-wrap {
  color: white;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  max-width: 450px;
}

.blog-header {
  font-size: 20pt;
  margin-right: auto;
  margin-left: auto;
  font-weight: 600;
  font-family: 'Roboto Condensed';
  letter-spacing: 1px;
  font-style: italic;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.marT30 {
  margin-top: 30px;
}

.space30 {
  height: 30px;
}

.texttype-wrap {
  background: white;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 5px 10px;
}

/*
  
  
  background position
  */
.bg-top-10 {
  background-position: 50% 10%;
}

.bg-top-20 {
  background-position: 50% 20%;
}

.bg-top-30 {
  background-position: 50% 30%;
}

.bg-top-40 {
  background-position: 50% 40%;
}

.bg-top-50 {
  background-position: 50% 50%;
}

.bg-top-60 {
  background-position: 50% 60%;
}

.bg-top-70 {
  background-position: 50% 70%;
}

.bg-top-80 {
  background-position: 50% 80%;
}

.bg-top-90 {
  background-position: 50% 90%;
}



.adidasbanner {
  background-position: 72% 50%;

}

.adidasbanner::before {
  opacity: 0;

}

/*
  
  
  
  
  
  
  
  
  */
@media (min-width: 600px) {
  .img-btn {
    width: 31.5%;
    background-size: 100%;
    opacity: 1;
    transition: ease-in-out 0.3s;
  }

  .img-btn-test {
    width: 31.5%;
    background-size: 100%;
    opacity: 1;
    transition: ease-in-out 0.3s;
  }

  .img-btn:hover {
    background-size: 120%;
    opacity: 0.7;
  }

  .b-logo img {
    width: 30%;
  }
}

@media (min-width: 800px) {
  .img-btn {
    width: 23.5%;
  }

  .img-btn-test {
    width: 23.5%;
  }
}

@media (min-width: 1000px) {

  /*pocet gridu*/
  .gridy2 {
    width: 48.5%;
    margin: 0.5%;
  }

  .gridy3 {
    width: 47%;
    margin: 0.5%;
  }

  .gridy4 {
    width: 47%;
    margin: 0.5%;
  }

  .full {
    width: 95%;
    margin: 0.5%;
  }

  /**/
  .wrapgrid {
    display: inline-block;
    margin-bottom: 30px;
    vertical-align: top;
  }

  .wrap-type .wrapgrid {
    margin-bottom: 30px;
  }

  .img-product {
    height: 260px;
    margin-right: auto;
    margin-left: auto;
    background-size: 260px;
    transition: ease-in-out 0.3s;
  }

  .img-product:hover {
    background-size: 230px;
  }

  .wrap-products {
    text-align: center;
  }

  .textgrid-wrap {
    min-height: 160px;
  }

  .type-title {
    margin-bottom: 0px;
    font-size: 25pt;
  }

  .wrap-section {
    margin: 5% 0px;
  }

  .wrap-blog {
    margin: 5% 0px;
  }

  .img-section {
    background-size: 120%;
    transition: ease-in-out 0.3s;
  }

  .img-section:hover {
    background-size: 130%;
  }

  .img-type {
    background-size: 120%;
    transition: ease-in-out 0.3s;
    height: 250px;
  }

  .img-type:hover {
    background-size: 130%;
  }

  .MH {
    min-height: 220px;
  }

  .img-blog {
    padding: 10% 5%;
  }

  .texttype-wrap h3 {
    font-size: 15pt;
  }

  .img-btn {
    width: 18%;
    max-width: 180px;
  }

  .img-btn-test {
    width: 18%;
    max-width: 180px;
  }

  .wrap-type-btn {
    margin-bottom: 30px;
    margin-top: 20px;
  }
}

/*
  
  
  
  
  */
/*
  
  
  
  
  */
@media (min-width: 1200px) {
  .textgrid-wrap {
    min-height: 160px;
  }
}

/*
  
  
  
  
  */
@media (min-width: 1500px) {

  /*pocet gridu*/
  .gridy3 {
    width: 32%;
  }

  .gridy4 {
    width: 23.7%;
  }

  /**/
  .img-section {
    background-size: 130%;
  }

  .img-section:hover {
    background-size: 140%;
  }

  .img-type {
    background-size: 130%;
  }

  .img-type:hover {
    background-size: 140%;
  }

  .textgrid-wrap {
    min-height: 160px
  }

  .MH {
    min-height: 250px
  }

  .img-blog {
    padding: 5% 0%;
  }

  .adidasbanner {
    background-position: 72% 0%;
    height: 400px;
  }

}

/*
  
  
  
  
  */
@media (min-width: 1700px) {
  .textgrid-wrap {
    min-height: 170px
  }

  .MH {
    min-height: 250px
  }
}

/*
  
  
  
  
  */
@media (min-width: 2200px) {
  .textgrid-wrap {
    min-height: 170px
  }

  .MH {
    min-height: 225px
  }
}

.pr20 {
  width: 200px;
  background-color: aqua;
  height: 100vh;
  display: inline-flex;
  position: absolute;
}

.menupad {
  padding-left: 200px;
  background-color: antiquewhite
}

.wrapgrid-btn {
  width: 48.5%;
  margin: 0.5%;
  display: inline-block;
  height: 60px;
  position: relative;
}

/*

video */
.video-SP-wrap {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-top: 30px
}

.video-SP {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  aspect-ratio: 16/9;
}

.btn-w-pics {
  background-color: #C7C7C7;
  width: 48%;
  height: 60px;
  border-radius: 5px;
  margin: 2px auto;
  transition: ease-in-out 0.3s;
  display: inline-block;
}

.btn-w-pics:hover {
  background-color: #9B9B9B;
}

.btn-w-pics img {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  float: left;
  height: 100%;
  vertical-align: middle;
  max-width: 40%;
  top: 50%;
  transform: translateY(-50%);
}

.btn-w-text {
  position: relative;
  display: inline-block;
  width: 55%;
  font-size: 10pt;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}

@media (min-width: 600px) {
  .btn-w-pics {
    width: 32%;
  }
}

@media (min-width: 800px) {
  .btn-w-pics {
    width: 23.5%;
    max-width: 200px
  }
}


.flooradvice .floor-collapse {
  display: none !important;
}