body{background: #f0f0f0;margin: 0;font-family: "Sofia Sans Condensed", serif;font-size: .85rem;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;line-height: 1em}
a{text-decoration: none}
p{color: #fff;font-size: .8rem}
.section-inner{max-width: 1280px;margin: 0 auto;width: 100%;padding: 0;box-sizing: border-box;}
.topnav {
  background-color: #fff;display: flex;gap:2rem;position: sticky;top: 0;z-index: 9999999999;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;padding: .25rem
}
.dflex{display: flex}
.dblock{display: block}
.txt-center{text-align: center}
.logo-header img {
  height: 3rem;
  float: left;
  margin-right: 1rem;
  margin-left: 1rem;
}
.topnav h1{
  font-size: 1rem;
  text-align: left;
  color: #000;align-self: center;text-transform: uppercase;line-height: 1em
}
.aktualizacja{font-size: .5rem;color: #fff}
.komunikat{
  background: url(../img/komunikat.svg);
  background-repeat: no-repeat;
  padding-left: 2rem;
  display: block;
  background-size: 1.5rem;min-height: 2rem;
}
.szukaj-home{
  background:#D8DDE6;padding:.5rem 0;  margin-bottom: .5rem;
}
.szukaj-home h3{color: #fff;font-size: .8rem;margin: .75rem 0 .5rem }
#women{background:#fff url(./img/women.svg);background-repeat: no-repeat;   background-position: .25rem center;   padding-left: 2rem;}
#men{background:#fff url(./img/men.svg);background-repeat: no-repeat;   background-position: .25rem center;   padding-left: 2rem;}
select{
  width: 100%;
  padding: .75rem;
  background: #fff;
  border: solid 1px #fff;
  border-radius: .15rem;font-family: "Sofia Sans Condensed";text-transform: uppercase;font-weight: 800;   color: #505050;font-size: .75rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;
}
input{
  width: 100%;
  padding: .75rem;
  background: #fff;
  border: solid 1px #fff;
  border-radius: .15rem;box-sizing: border-box;color: #000;font-family: "Sofia Sans Condensed";text-transform: uppercase;font-weight: 600;   color: #505050;font-size: .75rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;
}
.checkbox-div{
  width: 100%;
  font-size: .8rem;
  padding: .5rem 0;font-family: "Sofia Sans Condensed";text-transform: uppercase;font-weight: 600;   color: #505050;font-size: .75rem;
}
/* The container */
.container {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  cursor: pointer;color: #fff;
  font-size: .8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.txt-right{text-align: right}
.btn-flex{
  display: flex;
  gap: .5rem;
}

.btn-white {
  width: 100%;
  border: solid 1px #fff;
  background: #fff;font-weight: bold;
  padding: .75rem 0;
  border-radius: .15rem;
  font-size: .85rem;text-transform: uppercase;text-align: center;
  color: #181c42;
  display: block;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;
}
.btn-white:active{font-weight: bold}

.btn-blue {
  width: 100%;
  border: solid 1px #5271BA;
  background: #5271BA;font-weight: bold;
  padding: .75rem 0;
  border-radius: .15rem;
  font-size: .75rem;text-transform: uppercase;text-align: center;
  color: #fff;
  display: block;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;
}
.btn-blue:active{font-weight: bold}

.btn-gold {
  width: 100%;
  border: solid 1px #DFCFB1;
  background: #DFCFB1;
  color: #171C42;
  padding: 1.25rem;font-weight: bold;
  border-radius: .15rem;
  font-size: .75rem;text-transform: uppercase;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;
}
.btn-gold:active{font-weight: bold}

.btn-red {
  width: 100%;
  border: solid 1px #821F34;
  background: #821F34;
  color: #fff;
  padding: 1.25rem;font-weight: bold;
  border-radius: .15rem;
  font-size: .75rem;text-transform: uppercase;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;
}
.btn-red:active{font-weight: bold}
.active{background:#43A319 !important;  color: #fff !important;border-color: #43A319 !important;}
.active a{color: #fff !important}
.footer{background: #fff;text-align: center;font-size: .6rem;padding:1rem 0 !important;}
.footer p{color: black;font-size: .55rem}
.logo-footer img{
  margin: 1rem auto;
  display: block;height: 1.5rem;
}
.gold-txt-link{color: #DFCFB1;text-decoration: underline;font-family: "Sofia Sans Condensed";}
.gold-txt{color: #DFCFB1;font-family: "Sofia Sans Condensed";}

.self-center{align-self: center}
/* Grid style */

.grid-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
.grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: .25rem}
.grid-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-8{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-8 a{width: auto}
.grid-6 a{padding: .75rem 0;width: auto}
.grid-42{
  display: grid;
  grid-template-columns: 4fr 1fr;gap:.5rem
}
.grid-32{
  display: grid;
  grid-template-columns: 3fr 2fr;gap:.5rem
}
.grid-21 {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.gap-1{grid-gap: .5rem}
.gap-2{grid-gap: 2rem}
.gap-5{grid-gap: 5rem}

/* END Grid style */
/* Padding style */
.p-1{padding: 1rem}
.p-2{padding: 2rem}
.p-3{padding: 3rem}

.pb-0{padding-bottom: 0}
/* END Padding style */

/* Margin style */
.m-0{margin: 0 !important}
.m-1{margin: 1rem !important}
.m-2{margin: 2rem !important}
.m-3{margin: 3rem !important}

.mt-1{margin-top: .25rem !important}
.mt-2{margin-top: 2rem !important}
.mt-3{margin-top: 3rem !important}

.mb-1{margin-bottom: .25rem !important}
.mb-2{margin-bottom: .5rem !important}
.mb-3{margin-bottom: 1rem !important}
/* END Padding style */

.footer-menu-mobile{display: none}

.menu-desc a  {
  background: #fff;text-transform: uppercase;
  display: flex;
  padding: 0 1rem;
  border-radius: .15rem;
  margin-bottom: .25rem;
  font-size: 1.2rem;
  color: #181c42;
  gap:1rem
}
.menu-desc img{height: 2rem;align-self: center;}

details{box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;background: #fff; border-radius: .15rem;}

.arrow-down{background: #fff url(./img/arrow-down.svg);background-repeat: no-repeat;   background-size: 1rem;   background-position: 98% 1.25rem;}
.arrow-down-white{background: #BEA66E url(./img/arrow-down-white.svg);background-repeat: no-repeat;   background-size: 1rem;   background-position: 98% 1.25rem;color: #fff}
summary{
  font-size: 1rem;
  padding:1rem;
 border-radius: .15rem;
  font-weight: bold;text-transform: uppercase;
}

summary::marker {
    content: "";
}

details summary::-webkit-details-marker {
    content: "" !important;display: none;
}
details{margin-bottom: .5rem}

.day-box ul{list-style: none;   padding: 0;   margin: 0;   display: flex;   gap: .2rem; }
.day-details{background: #fff;border-radius: .2rem;padding: .7rem 1.5rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: 1em;max-width: 100%}
.day-details:hover  {
  background:#43A319;color: #fff !important;
  border-radius:.2rem;
}
.day-details:hover h6 {color: #fff !important}
.day-details:hover h5 {color: #fff !important}

.day-details h6{   margin: 0;   font-weight: 800;   color: #000;   font-size: .8rem;   line-height: 1em; text-transform: uppercase}
.day-details h5{   margin: 0;   font-weight: normal;   color: #000;   font-size: 1rem;   line-height: 1em; text-transform: uppercase}
.day-box .active{
  background:#43A319;color: #fff !important;
  border-radius:.2rem;

}
.day-box .active h6 {color: #fff !important}
.day-box .active h5 {color: #fff !important}

.day-box{display: grid;grid-template-columns: auto 1fr;grid-gap: 1rem;}
.docs-list{gap: .5rem !important;   justify-content: end;}
.docs-list li{align-self: center;position: relative; padding-right: .4rem;}
.class-list{
  display: flex;justify-content: space-between;
  grid-gap:.5rem;
}
.class-box ul{list-style: none;   padding: 0;   margin: 0; }
.class-details{background: #fff;border-radius: .2rem;padding:0 .7rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: 1em;width: 100%;margin-bottom: .5rem;box-sizing: border-box}

.class-box {padding: 0}
.class-box a{text-transform: uppercase;
  line-height:4.5em;font-weight: bold;display: block;width: 100%;
  font-size: .75rem;color: #000}

.time-list-d{background: #fff url(./img/time.svg);background-repeat: no-repeat;background-size: 1.5rem;  background-position:.5rem center;padding: 1rem 2.5rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: .15rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;
}
.end .time-list-data, .end .time-list-konkurencja{color: #fff !important}

.new-day {
  display: flex;
  background: #fff;
  margin-bottom: .25rem;border-radius: .15rem;padding: inherit
}
.new-day .time-list-item{color: #000}
.time-list{background: url(./img/time.svg);background-repeat: no-repeat;background-size: 1.5rem;  background-position:.5rem center;padding-left: 2.5rem;font-size: 1rem}
.time-list-item {
  display: grid;
  grid-template-columns: 1fr 8fr 1fr;
  grid-gap: 1rem;
  font-size: .9rem;
  background: transparent;
  border-radius: .15rem;
  padding: .75rem;
  color: #fff;
  font-weight: 600;line-height: 1.25em
}
.time-list-item small{color: #a7a2a2}
.time-list-data{
  font-weight: 800;
  display: flex;
  gap: .5rem;
  align-self: center;
}
.time-list-data span{width: 1rem;}
#info-section{   display: grid;   grid-template-columns: 2fr 2fr 1fr auto;   padding: 0rem .5rem; font-size: .8rem; }

.event-list-item {
  display: grid;
  grid-template-columns: 1fr 1fr 8fr 2fr;
  grid-gap:.5rem;
  font-size: .7rem;
  background:#fff;  padding:.5rem 1rem;  color: #000;  text-transform: uppercase;  border-bottom:solid 1px #f9f9f9;  font-weight: normal;line-height: 1em;
}

.event-list-item-1 {
  display: grid;
  grid-template-columns: .25fr 1fr 8fr 2fr 2fr;
  grid-gap:.5rem;
  background:#fff;
  padding:.5rem 1rem;
  color: #000;
  text-transform: uppercase;
  border-bottom:solid 1px #f9f9f9;
  font-weight: normal;
  line-height: 1em;
}
.name-event p{color: #000;margin: 0;font-size: .6rem}
.name-event a{color: #000;font-weight: 800;font-size: 1rem}
.place h6{margin: 0;font-size: .75rem;font-weight: 800}
.event-list-item:last-child{border-radius:0 0 .25rem .25rem}
.pos{font-weight: 800}
.wind-info{background: url(./img/wind.svg);background-repeat: no-repeat;background-size: 1rem;padding-left: 1.5rem;font-size: 1rem;}
.konkurencja-item{position: relative}
.konkurencja-name{   background: #5271ba;   border-radius: .15rem;   color: #fff;padding:.75rem .5rem;position: relative }
.konkurencja-item p{font-size: .7rem;margin: .1rem 0}
.konkurencja-item h3{
  margin:0; font-size: 1rem;font-weight: 800
}
.red-info{   background: #fff;   color: red;   display: table;   border-radius: 5rem;   padding: .25rem .5rem;   text-transform: uppercase;   font-weight: 800;   font-size: .5rem;   position: absolute;   top: .25rem;   right: .25rem; }
.green-info{   background: #43A319;   color: #fff;   display: table;   border-radius: 5rem;   padding: .25rem .5rem;   text-transform: uppercase;   font-weight: 800;   font-size: .5rem;   position: absolute;   top: .25rem;   right: .25rem; }

.docs-item {   position: relative;   display: flex;   justify-content: center;   align-self: center; }

.l-item{ line-height: .7rem;color: #000;border: solid 1px;  position: absolute;   top: -.25rem;   right: .1rem;   background: #fff;   font-weight: 800;   width: .7rem;   height: .7rem;   z-index: 999999;   text-align: center;   border-radius: 5rem;   font-size: .5rem; }
.docs-item img{   align-self: center;   margin: 0 auto; }
#konkurencja-section .grid-4{grid-gap:.25rem;background: #fff;border-radius: .25rem}
.bib, .lane, .pos{text-align: center;font-size: .85rem}
.user-head-1{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: .25fr .5fr .5fr 3fr 1.5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-1{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr 3fr 1.5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}

.user-head-1s{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: .25fr .5fr .25fr 3.5fr 1fr .75fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-1s{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 3.5fr 1fr .75fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff url(./img/arrow-down.svg);box-shadow:none;background-repeat: no-repeat;
  background-position:1rem 2.5rem;
}

.user-athlete-1s .athlete{   display: grid;   grid-template-columns: 1.5rem auto;   grid-gap: .5rem; }
.user-athlete-1 .athlete{   display: grid;   grid-template-columns: 1.5rem auto;   grid-gap: .5rem; }
.user-athlete-1 .athlete2{}

.flaga{
  height: .75rem;
  margin-right: .25rem;
  border: solid 1px #ddd;
  border-radius: .15rem;
  padding: .1rem;
}

.athlete-team a{color: #000;line-height: 1.75em;}
.user-athlete-1s .athlete-team{line-height: .75rem}

  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 3.5fr .5fr 1fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-2s{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 3.5fr .5fr 1fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff url(./img/arrow-down.svg);box-shadow:none;background-repeat: no-repeat;
  background-position:.5rem 2.5rem;
}

.user-athlete-2s .points{text-align: left}

.user-head-2s{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 4fr .75fr 1fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-2s{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr 3fr 1.5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff url(./img/arrow-down.svg);box-shadow:none;background-repeat: no-repeat;
  background-position:1rem 2.5rem;
}

.user-athlete-2s .athlete{   display: grid;   grid-template-columns: 1.5rem auto;   grid-gap: .5rem; }

.wynik-m{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem;padding: 0 1rem 1rem;}
.wynik-r{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem;padding: 0 1rem 1rem;}
.bt-date{
  font-size: .6rem;
  font-weight: normal;
  margin: 0;
  line-height: 1em;
}

.wiatr{
  font-weight: normal !important;
}
.proba{
  background: #e8ebf1;
  border-radius: 5rem;
  height: 1rem;
  width: 1rem;
  line-height: 1.35em;position: absolute
}
.r-wynik {
  border: solid 1px #ddd;
  border-radius: .15rem;
  display: block;
  grid-template-columns: 1rem auto;
  padding: .45rem;position: relative
}
.r-wynik h6{margin: 0px;font-weight: 800;font-size: .75rem;}
.m-wynik {
  border: solid 1px #ddd;
  border-radius: .15rem;
  display: block;
/*  padding:.5rem .75rem; bylo  */
  padding:.1rem .1rem;  
}
.m-wynik h6{margin: 0px;font-weight: 800;font-size: .75rem;}
.dystans{font-weight: normal !important}
.m-wynik p{
  color: #000;
  margin: 0;
  font-size: .65rem;
}
.wynik-d .grid-3{grid-gap: 0}
.d-wynik h6{margin: 0px;font-weight: 800;font-size: .75rem;}
.d-wynik p{   color: #000;   margin: 0;   font-size: .6rem;   font-weight: bold; }
.d-wynik{
  border:solid 1px #ddd;
  border-radius:.15rem;
}
.wynik-d{padding: 0 .5rem .5rem .5rem}

.user-head-rank{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
/*  grid-template-columns:.25fr .5fr .5fr 3fr 1fr 1fr 1fr .5fr; */
  grid-template-columns:.25fr .7fr .5fr 3fr 1fr 1fr .3fr .3fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-rank{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
/*  grid-template-columns:.25fr .5fr .5fr 3fr 1fr 1fr 1fr .5fr; */
  grid-template-columns:.25fr .7fr .5fr 3fr 1fr 1fr .3fr .3fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}

.user-athlete-rank-2{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:2fr 1fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}
.user-athlete-rank-2 img{width: 1rem}
.uar-2 {
  display: grid;
  grid-gap: .5rem;
  grid-template-columns: .25fr .5fr .5fr 3.5fr .25fr .5fr .5fr .5fr;
}

.uar-22{
  display: grid;
  grid-gap: .5rem;
  grid-template-columns: 3.5fr .5fr .5fr;
}
.uar-22 a{color: #000}
.place-rank{display: flex;gap:.5rem}
.user-head-2{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr .5fr 3fr 1.5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-2{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr .5fr 3fr 1.5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}

.user-head-medal{  
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: 2rem 3fr .5fr .5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;background: #E6EDFE;border-radius: .15rem;
}
.user-medal .pos{text-align: left}


.user-medal{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:2rem 3fr .5fr .5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}

.user-head-medal-2{  
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: 2rem 3fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;background: #E6EDFE;border-radius: .15rem;
}

.user-medal-2{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:2rem 3fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}


.seria span{display: block;font-size: .6rem;font-weight: normal}

.athlete h6{
  margin:0 0 .25rem;
  font-size: 1rem;
  color: #000;font-weight: 800;line-height: 1em;text-transform: none;
}
.athlete2 h6{
  margin:0 0 .25rem;
  font-size: 1rem;
  color: #000;font-weight: 800;line-height: 1em;text-transform: none;
}

.athlete-team{  
  margin:0;
  color: #000;
  font-size: .65rem;
  text-transform: none;display: flex;
}
.wynik{font-weight: 800;line-height: 1em;}
.wynik-plus{font-size: .6rem}
.wynik span{font-weight: normal;font-size: .6rem}
.wynik p{
  margin:0;
  color: #000;
  font-weight: bold;
  font-size: .65rem;
}
.rank h6{margin: 0;font-weight: 800;text-align: center;font-size: .75rem}
.rank img {   border: solid 1px #ddd;   border-radius: 5rem;   margin: 0 auto;   display: block; }
.info{font-size: .75rem;}

.txt-r{text-align: right}
.txt-l{text-align: left}
.txt-c{text-align: center}
.txt-n{ padding-left: 2rem;}

#footer-baner {   background: #fff; width: 100%;   bottom: 0;   padding: 0;   max-width: 100%;   box-sizing: border-box; }

#footer-baner img{
  width: 100%;
  max-width: 980px;
  margin: 1px auto;
  display: block;
  padding: 1.5rem;
  box-sizing: border-box;
}

#marquee-container {
  position: fixed !important;
  background:#C5222D;
  padding:10px 40px 10px 10px;
  overflow:hidden;
  white-space:nowrap;
  width: 100%;
  max-width: 100%;
  bottom: 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;z-index: 99999999999;
}

    #marquee-text {
      display: inline-block;
      animation: marquee 15s linear infinite;
    }

    @keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }

#close-btn {   position: absolute;   transform: translateY(-50%);   border: none;   font-size: 1rem;   cursor: pointer;   z-index: 9999999999;   bottom: -1.1rem !important;   background: #fff;   line-height: 1em;   font-weight: 800;   height: 2.2rem;   width: 2.2rem;   left: auto;   right: 3rem; }
    
.head-white {   background: #fafcff;   margin: 0;   color: #000;   padding: 1rem;   border-bottom: solid 1px #f3f3f3;   border-top: solid 1px #f3f3f3; }

.section-desc{
  display: grid;
  grid-template-columns: 2fr 5fr;
  max-width: 1280px;
  margin:0 auto;
  grid-gap:1rem;
}

.icon-f img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2rem;
  object-fit: cover;
}

.desc-off{display: none}
.mobile-off{display: block}
.women-competition{  display: grid;
  grid-gap: .5rem;
  background: #f4eaf0 url(./img/women.svg);
  padding: .5rem;
  border-radius: .15rem;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
  background-position: .5rem 1rem;
  background-size: 1.5rem;
}
.men-competition{  display: grid;
  grid-gap: .5rem;
  background: #e8ebf1 url(./img/men.svg);
  padding: .5rem;
  border-radius: .15rem;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
  background-position: .5rem 1rem;
  background-size: 1.5rem;
}

.live{background: #C5222D !important;color: #fff !important;border-color: #C5222D !important}
.live a{color: #fff !important}
.end{background: #5271BA !important;color: #fff !important;border-color: #5271BA !important}

.info-2{
  font-size: .75rem;
  font-weight: normal;
}
/* przelacznik proba miedzyczas */
  .switch {
    position: relative;
    display: inline-block;
    width: 45px;   /* pośrednia szerokość */
    height: 25px;  /* pośrednia wysokość */
	vertical-align: middle;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc; /* OFF: szary */
    transition: 0.4s;
    border-radius: 25px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 19px;  /* dopasowany rozmiar kółka */
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }

  /* Stan WŁĄCZONY (zielony z delikatnym świeceniem) */
  input:checked + .slider {
    background-color: #4CAF50;
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.5);
  }

  input:checked + .slider:before {
    transform: translateX(20px);
  }
  .controls{
  justify-content: right;
  display: flex;
  line-height: 1.62rem;
  gap: .35rem;margin: 0 .75rem;
  }
/* koniec  przelacznik proba miedzyczas */

.check-icon-green {
  height: 1rem;
  background: url(img/chceck-green.svg);
    background-size: auto;
  background-size: 1rem;
  width: 1rem;
}

.check-icon-red {
  height: 1rem;
  background: url(img/check-red.svg);
    background-size: auto;
  background-size: 1rem;
  width: 1rem;
}

.class-details:hover{background: #43A319;}
.class-details:hover a{color: #fff !important}

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

.proba{
  background: #e8ebf1;
  border-radius: 5rem;
  height: 1rem;
  width: 1rem;
  line-height: 1.35em;
  position: absolute;
  top: -.5rem;
  left: -.25rem;
}
.r-wynik{display: block}
.wiatr{
  display: block;
}
.bt-date{display: none}
.wynik-m{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem;padding: 0 1rem 1rem;}
.day-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: .2rem;
  overflow-x: auto;
  overflow-y: hidden;
}
.day-box ul > li {
  flex-basis: calc((50% - (.2rem * 2)) / 3);
  flex-shrink: 0;
  flex-grow: 0; max-width: 4rem;
}
.wynik-r {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: .5rem;
}
.desc-off{display: block}
.mobile-off{display: none !important}

body{margin: 0;font-size: .75rem}
.section-desc{display: block}
.section-inner{max-width: 980px;margin: 0 auto;width: 100%;padding: 1rem;box-sizing: border-box;}
.topnav {
  background-color: #fff;display: flex;gap:1rem;position: sticky;top: 0;z-index: 9999999999;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;padding: .25rem
}
.user-athlete-rank-2{grid-template-columns: 1fr}
.uar-22 {
  display: flex;
  grid-gap: .5rem;
  justify-content: end;
  align-self: center;
  background: #e6edfe;
  padding: .5rem 1rem;
  border-radius: .15rem;
}

.dflex{display: flex}
.dblock{display: block}
.txt-center{text-align: center}
.logo-header img {
  height: 3rem;
  float: left;
  margin-right: 1rem;
  margin-left: 1rem;
}
.topnav h1{
  font-size: 1rem;
  text-align: left;
  color: #000;align-self: center;text-transform: uppercase;line-height: 1em
}
.aktualizacja{font-size: .5rem;color: #fff}
.komunikat{
  background: url(../img/komunikat.svg);
  background-repeat: no-repeat;
  padding-left: 2rem;
  display: block;
  background-size: 1.5rem;min-height: 2rem;
}
.szukaj-home{
  background:#D8DDE6;padding:.5rem 0;  margin-bottom: .5rem;
}
.szukaj-home h3{color: #fff;font-size: .8rem;margin: .75rem 0 .5rem }
#women{background:#fff url(./img/women.svg);background-repeat: no-repeat;   background-position: .25rem center;   padding-left: 2rem;}
#men{background:#fff url(./img/men.svg);background-repeat: no-repeat;   background-position: .25rem center;   padding-left: 2rem;}
select{
  width: 100%;
  padding: .75rem;
  background: #fff;
  border: solid 1px #fff;
  border-radius: .15rem;
  font-family: "Sofia Sans Condensed";
  text-transform: uppercase;
  font-weight: 600;   
  color: #505050;
  font-size: .75rem;
  -webkit-appearance: none;
}
input{
  width: 100%;
  padding: .75rem;
  background: #fff;
  border: solid 1px #fff;
  border-radius: .15rem;box-sizing: border-box;color: #000;font-family: "Sofia Sans Condensed";text-transform: uppercase;font-weight: 600;   color: #505050;font-size: .75rem;
}
.checkbox-div{
  width: 100%;
  font-size: .8rem;
  padding: .5rem 0;font-family: "Sofia Sans Condensed";text-transform: uppercase;font-weight: 600;   color: #505050;font-size: .75rem;
}
/* The container */
.container {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  cursor: pointer;color: #fff;
  font-size: .8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.txt-right{text-align: right}
.btn-flex{
  display: flex;
  gap: .5rem;
}

.btn-white {
  width: 100%;
  border: solid 1px #fff;
  background: #fff;font-weight: bold;
  padding: .75rem 0;
  border-radius: .15rem;
  font-size: .75rem;text-transform: uppercase;text-align: center;
  color: #181c42;
  display: block;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: .9rem;
}
.btn-white:active{font-weight: bold}

.btn-blue {
  width: 100%;
  border: solid 1px #E6EDFE;
  background: #E6EDFE;font-weight: bold;
  padding: .75rem 0;
  border-radius: .15rem;
  font-size: .75rem;text-transform: uppercase;text-align: center;
  color: #181c42;
  display: block;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: .9rem;
}
.btn-blue:active{font-weight: bold}

.btn-gold {
  width: 100%;
  border: solid 1px #DFCFB1;
  background: #DFCFB1;
  color: #171C42;
  padding: 1.25rem;font-weight: bold;
  border-radius: .15rem;
  font-size: .75rem;text-transform: uppercase;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: .9rem;
}
.btn-gold:active{font-weight: bold}

.btn-red {
  width: 100%;
  border: solid 1px #821F34;
  background: #821F34;
  color: #fff;
  padding: 1.25rem;font-weight: bold;
  border-radius: .15rem;
  font-size: .75rem;text-transform: uppercase;font-family: "Sofia Sans Condensed";box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: .9rem;
}
.btn-red:active{font-weight: bold}
.active{background:#43A319 !important;  color: #fff !important;}
.active a{color: #fff !important}
.footer{background: #fff;text-align: center;font-size: .6rem;padding-bottom: 6rem !important;}
.footer p{color: black;font-size: .68rem}
.logo-footer img{
  margin: 0 auto;
  display: block;height: 1.5rem;
}
.gold-txt-link{color: #DFCFB1;text-decoration: underline;font-family: "Sofia Sans Condensed";}
.gold-txt{color: #DFCFB1;font-family: "Sofia Sans Condensed";}

.self-center{align-self: center}
/* Grid style */

.grid-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
.grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: .25rem}
.grid-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-8{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: .5rem}
.grid-8 a{width: auto}
.grid-6 a{padding: .75rem 0;width: auto}
.grid-42{
  display: grid;
  grid-template-columns: 4fr 2fr;gap:.5rem
}
.grid-32{
  display: grid;
  grid-template-columns: 3fr 2fr;gap:.5rem
}
.grid-21 {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.gap-1{grid-gap: .5rem}
.gap-2{grid-gap: 2rem}
.gap-5{grid-gap: 5rem}

/* END Grid style */
/* Padding style */
.p-1{padding: 1rem}
.p-2{padding: 2rem}
.p-3{padding: 3rem}

.pb-0{padding-bottom: 0}
/* END Padding style */

/* Margin style */
.m-0{margin: 0 !important}
.m-1{margin: 1rem !important}
.m-2{margin: 2rem !important}
.m-3{margin: 3rem !important}

.mt-1{margin-top: .25rem !important}
.mt-2{margin-top: 2rem !important}
.mt-3{margin-top: 3rem !important}

.mb-1{margin-bottom: .25rem !important}
.mb-2{margin-bottom: .5rem !important}
.mb-3{margin-bottom: 1rem !important}
/* END Padding style */

.footer-menu-mobile{display: none}

.menu-desc a  {
  background: #fff;text-transform: uppercase;
  display: flex;
  padding: 0 1rem;
  border-radius: .15rem;
  margin-bottom: .25rem;
  font-size: 1.2rem;
  color: #181c42;
  gap:1rem
}
.menu-desc img{height: 2rem;align-self: center;}

details{box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;background: #fff; border-radius: .15rem;}

.arrow-down{background: #fff url(./img/arrow-down.svg);background-repeat: no-repeat;   background-size: 1rem;   background-position: 95% 1.25rem;}
.arrow-down-white{background: #BEA66E url(./img/arrow-down-white.svg);background-repeat: no-repeat;   background-size: 1rem;   background-position: 95% 1.25rem;color: #fff}
summary{
  font-size: 1rem;
  padding:1rem;
 border-radius: .15rem;
  font-weight: bold;text-transform: uppercase;
}

summary::marker {
    content: "";
}

details summary::-webkit-details-marker {
    content: "" !important;display: none;
}
details{margin-bottom: .5rem}

.day-box ul{list-style: none;   padding: 0;   margin: 0;   display: flex;   gap: .2rem; }
.day-details{background: #fff;border-radius: .2rem;padding: .7rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: 1em;width: 100%;}
.day-details:hover  {
  background:#43A319;color: #fff !important;
  border-radius:.2rem;
  padding:.7rem;
}
.day-details:hover h6 {color: #fff !important}
.day-details:hover h5 {color: #fff !important}

.day-details h6{   margin: 0;   font-weight: 800;   color: #000;   font-size: .8rem;   line-height: 1em; text-transform: uppercase}
.day-details h5{   margin: 0;   font-weight: normal;   color: #000;   font-size: 1rem;   line-height: 1em; text-transform: uppercase}
.day-box .active{
  background:#43A319;color: #fff !important;
  border-radius:.2rem;
  padding:.7rem;
}
.day-box .active h6 {color: #fff !important}
.day-box .active h5 {color: #fff !important}

.day-box{display: grid;grid-template-columns: auto auto;grid-gap: 1rem}
.docs-list{gap: .5rem !important;   justify-content: end;}
.docs-list li{align-self: center}
.class-list{
  display: flex;
  height: auto;
  overflow-x: auto;
  grid-gap:.26rem;
}
.class-box ul{list-style: none;   padding: 0;   margin: 0; }
.class-details{background: #fff;border-radius: .2rem;padding: .7rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;line-height: 1em;width: 100%;margin-bottom: .5rem;box-sizing: border-box;}

.class-box {padding: 0 .5rem 0 .5rem !important;justify-content: space-between}
.class-box a{text-transform: uppercase;
  line-height: 1em;font-weight: bold;
  font-size: .65rem;color: #000}

.time-list{background: url(./img/time.svg);background-repeat: no-repeat;background-size: 1.5rem;  background-position:.5rem center;padding-left: 2.5rem;font-size: 1rem}
.time-list-item{display: grid; grid-template-columns: 1fr 8fr;grid-gap: 1rem;font-size: 1rem;border-radius: 0;
  padding:.5rem .75rem;  color: #000; border-bottom:solid 1px #f9f9f9 !important;font-weight: 600;}
.time-list-data{font-weight: 800}
#info-section{   display: grid;   grid-template-columns: 2fr 2fr 1fr auto;   padding: 0rem .5rem;   font-size: .6rem; }

.event-list-item {
  display: grid;
  grid-template-columns:1fr 1fr 4fr 3fr;
  grid-gap:.5rem;
  font-size: .7rem;
  background:#fff;  padding:.5rem 1rem;  color: #000;  text-transform: uppercase;  border-bottom:solid 1px #f9f9f9;  font-weight: normal;line-height: 1em;
}

.event-list-item-1 {
  display: grid;
  grid-template-columns: .25fr 1fr 8fr 2fr 2fr;
  grid-gap:.5rem;
  font-size: .7rem;
  background:#fff;
  padding:.5rem 1rem;
  color: #000;
  text-transform: uppercase;
  border-bottom:solid 1px #f9f9f9;
  font-weight: normal;
  line-height: 1em;
}
.name-event p{color: #000;margin: 0;font-size: .6rem}
.name-event a{color: #000;font-weight: 800;font-size: .8rem}
.place h6{margin: 0;font-size: .75rem;font-weight: 800}
.event-list-item:last-child{border-radius:0 0 .25rem .25rem}
.pos{font-weight: 800}
.wind-info{background: url(./img/wind.svg);background-repeat: no-repeat;background-size: 1rem;padding-left: 1.5rem}
.konkurencja-item{position: relative}
.konkurencja-name{   background: #5271ba;   border-radius: .15rem;   color: #fff;padding:.75rem .5rem;position: relative }
.konkurencja-item p{font-size: .6rem;margin: 0}
.konkurencja-item h3{
  margin:0;
}
.red-info{
    background: #fff;
    color: red;
    display: table;
    border-radius: 0 .15rem;
    padding: .25rem .25rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .5rem;
    position: absolute;
    top: 0;
    right: 0;
  }
.green-info{   background: #43A319;   color: #fff;   display: table;   border-radius: 0 .15rem;
    padding: .25rem .25rem;   text-transform: uppercase;   font-weight: 700;   font-size: .5rem;   position: absolute;   top: 0;   right: 0; }

.docs-item {   position: relative;   display: flex;   justify-content: center;   align-self: center; }

.l-item{ line-height: .7rem;color: #000;border: solid 1px;  position: absolute;   top: -.25rem;   right: .1rem;   background: #fff;   font-weight: 800;   width: .7rem;   height: .7rem;   z-index: 999999;   text-align: center;   border-radius: 5rem;   font-size: .5rem; }
.docs-item img{   align-self: center;   margin: 0 auto; }
#konkurencja-section .grid-4{grid-gap:.25rem}


.user-head-rank{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
/*  grid-template-columns:.25fr .5fr .5fr 3fr 1.5fr 1.5fr 1.5fr .5fr; */
  grid-template-columns: .25fr .7fr .3fr 4fr 1fr 1fr .4fr .4fr;  
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-rank{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
/*  grid-template-columns:.25fr .5fr .5fr 3fr 1.5fr 1.5fr 1.5fr .5fr; */
  grid-template-columns: .25fr .7fr .3fr 4fr 1fr 1fr .4fr .4fr;

  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}


.user-head-1{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: .25fr .5fr .5fr 3fr 1.5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-1{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr 3fr 1.5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}

.user-head-2s{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 3.5fr .5fr 1fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-2s{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 3.5fr .5fr 1fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff url(./img/arrow-down.svg);box-shadow:none;background-repeat: no-repeat;
  background-position:1rem 80%;
}

.user-athlete-2s .points{text-align: right}

.user-head-2s{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 4fr .75fr 1fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-2s{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr 3fr 1.5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff url(./img/arrow-down.svg);box-shadow:none;background-repeat: no-repeat;
  background-position:.5rem 2.5rem;
}

.user-athlete-2s .athlete{   display: grid;   grid-template-columns: 1.5rem auto;   grid-gap: .5rem; }
.flaga {
  height: .75rem;
  margin-right: .25rem;
  border: solid 1px #ddd;
  padding: .1rem;
  border-radius: .15rem;
}

.user-athlete-1s .athlete-team{line-height: .75rem}

.user-head-1s{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: .25fr .5fr .25fr 3.5fr 1fr .75fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-1s{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .25fr 3fr 1fr .75fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff url(./img/arrow-down.svg);box-shadow:none;background-repeat: no-repeat;
  background-position:.5rem 2.5rem;
}

.user-athlete-1s .athlete{   display: grid;   grid-template-columns: 1.5rem auto;   grid-gap: .5rem; }
.flaga {
  height: .75rem;
  margin-right: .25rem;
  border: solid 1px #ddd;
  padding: .15rem;
  border-radius: .15rem;
}

.user-athlete-1s .athlete-team{line-height: .75rem}
.wynik-d .grid-3{grid-gap: 0}
.d-wynik h6{margin: 0px;font-weight: 800;font-size: .75rem;}
.d-wynik p{   color: #000;   margin: 0;   font-size: .6rem;   font-weight: bold; }
.d-wynik{
  border:solid 1px #ddd;
  border-radius:.25rem;
}
.wynik-d{padding: 0 .5rem .5rem .5rem}

.user-head-2{
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr .5fr 3fr 1.5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;
}

.user-athlete-2{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.25fr .5fr .5fr .5fr 3fr 1.5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}

.user-head-medal{  
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: .5fr 3fr .5fr .5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;background: #E6EDFE;border-radius: .15rem;
}

.user-medal{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.5fr 3fr .5fr .5fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}

.user-head-medal-2{  
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 800;
  display: grid;
  grid-template-columns: .5fr 3fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .5rem;background: #E6EDFE;border-radius: .15rem;
}

.user-medal-2{
  text-transform: uppercase;
  font-weight: bold;
  display: grid;
  grid-template-columns:.5fr 3fr .5fr .5fr .5fr;
  grid-gap:.25rem;padding: .75rem .5rem;border-radius: .15rem;background: #fff;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem
}


.seria span{display: block;font-size: .6rem;font-weight: normal}

.athlete h6{
  margin:0 0 .1rem;
  font-size: .75rem;
  color: #000;font-weight: 800;line-height: 1em;text-transform: none
}

.athlete-team{  margin:0;
  color: #000;
  font-size: .65rem;
}
.points {
    text-align: right;
    font-size: .8rem;
  }
.wynik{font-weight: 800;line-height: 1em;font-size: .8rem}
.wynik-plus{font-size: .6rem}
.wynik span{font-weight: normal;font-size: .6rem}
.wynik p{
  margin:0;
  color: #000;
  font-weight: bold;
  font-size: .65rem;
}
.rank h6{margin: 0;font-weight: 800;text-align: center;font-size: .75rem}
.rank img {   border: solid 1px #ddd;   border-radius: 5rem;   margin: 0 auto;   display: block; }
.info{font-size: .75rem;}

.txt-r{text-align: right}
.txt-l{text-align: left}
.txt-c{text-align: center}
.txt-n{ padding-left: 2rem;}


#marquee-container {
  position: fixed !important;
  background:#C5222D;
  padding:10px 40px 10px 10px;
  overflow:hidden;
  white-space:nowrap;
  width: 100%;
  max-width: 100%;
  bottom: 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 9999999;
}

    #marquee-text {
      display: inline-block;
      animation: marquee 15s linear infinite;
    }

    @keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }

#close-btn {   position: absolute;   transform: translateY(-50%);   border: none;   font-size: 1rem;   cursor: pointer;   z-index: 9999999999;   bottom: -1.1rem !important;   background: #fff;   line-height: 1em;   font-weight: 800;   height: 2.2rem;   width: 2.2rem;   left: auto;   right: 3rem; }
    
.head-white {   background: #fafcff;   margin: 0;   color: #000;   padding: 1rem;   border-bottom: solid 1px #f3f3f3;   border-top: solid 1px #f3f3f3; }
.wind-info{background: url(./img/wind.svg);background-repeat: no-repeat;background-size: 1rem;padding-left: 1.5rem}
.day-box ul{list-style: none;   padding: 0;   margin: 0;   display: flex;   gap: .2rem; }
.day-details{background: #fff;border-radius: .2rem;padding: .7rem;box-shadow: rgba(25, 48, 82, 0.1) 0rem 0.1rem 0.15rem;}
.day-details:hover  {
  background:#43A319;color: #fff !important;
  border-radius:.2rem;
  padding:.7rem;
}
.day-details:hover h6 {color: #fff !important}
.day-details:hover h5 {color: #fff !important}

.day-details h6{   margin: 0;   font-weight: 800;   color: #000;   font-size: .6rem;   line-height: 1em; }
.day-details h5{   margin: 0;   font-weight: normal;   color: #000;   font-size: .6rem; white-space: nowrap;  line-height: 1em; }
.day-box .active{
  background:#43A319;color: #fff !important;
  border-radius:.2rem;
  padding:.7rem;
}
.day-box .active h6 {color: #fff !important}
.day-box .active h5 {color: #fff !important}

.day-box{display: grid;grid-template-columns: auto auto;grid-gap: 1rem}
.docs-list{gap: .5rem !important;   justify-content: end;}
.docs-list li{align-self: center;position: relative}
input {
    width: 100%;
    box-sizing: border-box;min-height: 2.5rem;height: 2.5rem
  }
  select{min-height: 2.5rem;height: 2.5rem}
  .btn-flex {
  display: flex;
  gap: .5rem;
  align-items: center;
}

.topnav h1{
  font-size: .78rem;
  text-align: left;
align-self: center
}
.logo-header img {
  height: 2rem;
  float: left;
  margin-right: 1rem;
  margin-left: 1rem;
}
.section-inner {
  max-width: 1280px;
  margin:0 auto;
  width: 100%;
  padding:.0 .5rem;
  box-sizing: border-box;
}
.logo-header{align-self: center}
.logo-footer img{
  margin: 1rem auto;
  display: block;height: 1.5rem;
}

}