html,
body {
  height: 100%;
  position: relative;
  scroll-behavior: smooth;
  font-family: "Poppins", sans-serif;
  font-size: 10pt;
  color: #000;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #FFF;
  scrollbar-color: #FCD032 #FFF;
  scrollbar-width: thin;
  position: relative;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background: #FCD032;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #e9b600;
}

::-webkit-scrollbar-track {
  background: #FFF;
  border-radius: 0px;
  box-shadow: inset 12px 12px 12px #EEE;
}

@media only screen and (hover: none) and (pointer: coarse) {

  ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

}

.thin-scrollbar {
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  --scrollbar-background: #FFF;
}

.thin-scrollbar:hover {
  scrollbar-color: #FCD032 transparent;
}

#progress {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #FFFFFFDD;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s;
}

#progressimg {
  opacity: 1;
  -webkit-animation: spin .75s linear infinite;
  -moz-animation: spin .75s linear infinite;
  animation: spin .75s linear infinite;
}

.bgp {
  background: #FFFFFFAA !important;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

button {
  box-shadow: none !important
}

.pin {
  background: #000000AA;
  top: -15% !important;
}

.bs-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.container-xxl {
  max-width: 1420px !important;
}

.outline {
  outline: 1px solid blue;
}

.is-invalid {
  outline: 2px solid #dc3545;
}

.fs-0 {
  font-size: 0 !important;
}

.h-10 {
  height: 10% !important;
}

.h-15 {
  height: 15% !important;
}

.h-25 {
  height: 25% !important;
}

.h-30 {
  height: 30% !important;
}

.h-40 {
  height: 40% !important;
}

.h-45 {
  height: 45% !important;
}

.h-60 {
  height: 60% !important;
}

.h-70 {
  height: 70% !important;
}

.h-85 {
  height: 85% !important;
}

.h-90 {
  height: 90% !important;
}

.w-30 {
  width: 30% !important;
}

.w-70 {
  width: 70% !important;
}

.start-40 {
  left: 40% !important;
}

.rotate {
  transform: rotate(90deg);
}

.invert {
  filter: invert(1);
}

.rounded {
  border-radius: 8px !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem #ffc72040;
}

#admintresc .form-control:focus,
#admintresc .form-select:focus {
  border-color: #86b7fe;
  box-shadow: none;
}

.trans-05 {
  transition: all .5s;
}

.trans-1 {
  transition: all 1s;
}

.flip {
  transform: rotate(180deg);
}

.justify {
  text-align: justify;
}

.lh-13 {
  line-height: 1.3 !important;
}

.hand {
  cursor: pointer;
}

#naglowek {
  background: #00000050;
}

#top-menu a {
  color: #FFFFFF;
  transform: scale(1);
  transition: all 1s;
}

#top-menu a:hover {
  color: #ffdd00;
}

#top-menu .dropdown-toggle::after {
  margin-left: 2px;
}

#top-menu .oferta {
  border-color: transparent;
}

#top-menu .oferta.show,
#top-menu .oferta:hover,
#top-menu .oferta:focus,
#top-menu .dropdown-item:hover {
  background-color: #ffca2c;
  border-color: #ffc720;
  color: #333 !important;
}

#top-menu .dropdown-menu {
  margin-top: -2px !important;
  border-radius: 1px 8px 8px 8px;
  border: 0 !important;
}

#top-menu .oferta.show {
  border-radius: 6px 6px 0px 0px;
}

#topmenu {
  z-index: 51 !important;
}

@media screen and (min-width: 992px) and (max-width: 1050px) {
  #topmenu .fs-5 {
    font-size: 1.15em !important;
  }
}

#hamburger-bg {
  background: #00000000;
  transition: all .4s;
}

#hamburger-menu {
  background: #FFFFFFDD;
  transition: all .5s;
  width: 60% !important;
  z-index: 52 !important;
}

#hamburger-menu a {
  transition: all .7s;
  color: #333333;
}

#hamburger-menu a:hover {
  color: #ddaa00;
}

#hamburger-btn-mob,
#hamburger-btn {
  transition: all 1s;
  z-index: 50;
  position: relative;
}

#aktualnosci button[data-controls='prev'] {
  left: 4px !important;
}

#aktualnosci button[data-controls='next'] {
  right: 4px !important;

}

#jakdziala,
#aktualnosci {
  background: #D9D9D9;
}

.bwideo {
  z-index: 1000;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid #000;
  box-shadow: 0px 0px 8px #FFF;
}

.bwideo img {
  width: 100px;
}

.h-33 {
  height: 33% !important;
}

#korzysci .bg {
  background: rgba(0, 0, 0, 70%);
}

#korzysci .tr {
  transition: all .7s;
}

#korzysci .r0 {
  transform: rotateY(0deg);
}

#korzysci .r1 {
  transform: rotateY(90deg);
}

.shimmer {
  color: #FFF;
  display: inline-block;
  mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
  animation: shimmer 3s infinite;
  max-width: 100px;
}

@keyframes shimmer {
  100% {
    mask-position: left
  }
}