html {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

html,
body {
  font-family: 'Montserrat', sans-serif;
  scroll-behavior: smooth;
}

button,
.btn,
button:focus,
.btn:focus,
a:focus {
  outline: none;
  box-shadow: none;
}

#naglowek {
  background: url(/public/img/naglowek_tlo.jpg);
  background-color: #FFF;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  overflow: hidden;
  background-position-y: 100vh;
  transition: all 1.5s;
}

#naglowek .fs1 {
  font-size: 60px;
  opacity: 1;
}

#naglowek .fs2 {
  font-size: 35px;
  opacity: 1;
}

#naglowek .border-start {
  border-left-width: 6px !important;
}

#naglowek button {
  box-shadow: none;
}

#naglowek button:hover {
  opacity: .6;
  transition: all 1s;
}

#strzalka {
  position: absolute;
  left: calc(50% - 12px);
  bottom: 3%;
  animation: astrzalka .6s steps(10) infinite;
}

@keyframes astrzalka {

  0%,
  100% {
    bottom: 3%;
  }

  50% {
    bottom: 5%;
  }
}

.transition1s {
  transition: all 1s;
}

.transition2s {
  transition: all 2s;
}

.transition04s {
  transition: all .4s;
}

.lh-12 {
  line-height: 1.2 !important;
}

.fs0,
.hfs0 {
  font-size: 0 !important;
  opacity: 0;
}

.hide,
.hamhide {
  opacity: 0;
}

.hide {
  line-height: .9;
  overflow-y: hidden;
}

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

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

#tlohamburger {
  left: 0;
  top: 0;
  z-index: 100;
}

#hamburger {
  max-width: 0px;
  min-width: 0px;
  overflow: hidden;
  transition: all .5s;
}

#wyjatkowa {
  background-repeat: no-repeat;
  background-position: -5% 0;
  background-size: auto 50%;
  overflow: hidden;
  height: 100% !important;
}

@media (max-width: 767px) {
  #wyjatkowa {
    height: 120% !important;
  }
}

#znalezione {
  width: 40%;
  bottom: -6%;
  right: -2%;
}

.text-primary {
  color: #22335F !important;
}

#wyjatkowa .tytul {
  line-height: 1.2 !important;
}

#wyjatkowa .tytul::before {
  content: '▬';
  position: absolute;
  margin-left: -44px;
}

#przyjedz {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  #przyjedz {
    background-attachment: initial;
  }
}

#przyjedz .tytul::before {
  content: '▬';
  position: absolute;
  margin-left: -44px;
}

#cieszsie {
  background-repeat: no-repeat;
  background-position: 120% -10%;
  background-size: auto 60%;
  overflow: hidden;
}

#cieszsie .tytul::before {
  content: '▬';
  position: absolute;
  margin-left: -44px;
}

#bwkoszyku {
  width: 50%;
  bottom: -10%;
  left: 10%;
}

#pobyt {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  line-height: 1.3;
}

#pobyt .tytul0 {
  font-size: 28px;
}

#pobyt .tytul0::before {
  content: '▬';
  position: absolute;
  margin-left: -44px;
}

#pobyt .tytul1 {
  font-size: 56px;
}

#pobyt .border-start {
  border-left-width: 6px !important;
}

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

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

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

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

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

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

#kontakt {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 50%;
  overflow: hidden;
}

#kontakt .mail::before {
  content: '▬';
  position: absolute;
  margin-left: -44px;
}

#ab01 {
  height: 0px !important;
  overflow: hidden;
  opacity: 0 !important;
}

#ab02 {
  height: 120px;
  padding-top: 120px;
  overflow: hidden;
}

#ab03 {
  height: 80px;
  padding-top: 80px !important;
  overflow: hidden;
}

.sani1 {
  margin-top: 0 !important;
  opacity: 1;
  transform: scale(1, 1);
}

.ani1 {
  opacity: 0;
  padding-top: 40px !important;
}

.ani1r {
  opacity: 0;
  margin-top: 100px;
}

.sani2 {
  opacity: 1;
  padding-top: unset;
}

.ani2 {
  color: #000 !important;
  opacity: 0;
  margin-left: -50% !important;
  margin-top: 100px;
  transform: rotate(-50deg);
}

.ani3 {
  opacity: 0;
  filter: brightness(0);
}

.ani4 {
  margin-top: 100px !important;
  opacity: 0;
}

.ani5 {
  color: #000;
  opacity: 0;
  line-height: 2 !important;
}

#iframe {
  filter: gray;
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}