@charset "UTF-8";
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
html {
  scroll-behavior: smooth;
}

/*Colors*/
/*Custom */
@font-face {
  font-family: "Poppins-Thin";
  src: url("../fonts/Poppins/Poppins-Thin.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins-ThinItalic";
  src: url("../fonts/Poppins/Poppins-ThinItalic.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins/Poppins-Light.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins/Poppins-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins/Poppins-Bold.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "TheSeasons-Lt";
  src: url("../fonts/theseasons/TheSeasons-Lt.otf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
body {
  background: #F3F1ED;
  font-weight: normal;
  color: #1E1E1E;
  font-family: "Poppins-Light", sans-serif;
  font-size: 16px;
}

header {
  position: absolute;
  height: 84px;
  width: 100%;
  top: 0;
  left: 0;
}

.header-inner {
  max-width: 1440px;
  padding: 15px 40px;
  margin: 0 auto;
}

#header.active {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

#logo {
  width: 186px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 14px;
  margin-left: -616px;
}
#logo img {
  width: 100%;
}

.menu-toggle-wrapper {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 15px;
  right: 10px;
  z-index: 116;
  display: none;
  border: 1px solid #ffffff;
  border-radius: 1000px;
}

.menu-toggle-wrapper.active {
  border: 1px solid #AAA493;
}

.menu-toggle {
  display: block;
  position: relative;
  width: 50px;
  height: 26px;
  margin: 19px 0 0 6px;
  cursor: pointer;
}
.menu-toggle .bar {
  position: absolute;
  width: 32px;
  height: 1px;
  background: #ffffff;
  transition: all 300ms ease;
  border-radius: 100px;
}
.menu-toggle .bar:nth-child(1) {
  left: 5px;
  top: 0px;
}
.menu-toggle .bar:nth-child(2) {
  left: 5px;
  top: 8px;
}
.menu-toggle .bar:nth-child(2):after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 32px;
  height: 1px;
  background: #ffffff;
  transition: all 300ms ease;
}
.menu-toggle .bar:nth-child(3) {
  height: 1px;
  right: 13px;
  top: 16px;
}
.menu-toggle span {
  margin-left: 50px;
  position: absolute;
  top: 0px;
  display: block;
  line-height: 100%;
  font-size: 18px;
}

.menu-toggle:hover .bar:nth-child(3) {
  background: #AAA493;
  width: 32px;
}

.menu-toggle.active {
  position: absolute;
}
.menu-toggle.active .bar {
  background: #AAA493;
}
.menu-toggle.active .bar:nth-child(1), .menu-toggle.active .bar:nth-child(3) {
  width: 0;
}
.menu-toggle.active .bar:nth-child(2) {
  transform: rotate(-45deg);
}
.menu-toggle.active .bar:nth-child(2):after {
  transform: rotate(-90deg);
  background: #AAA493;
}

#main-menu-links {
  position: absolute;
  left: 50%;
  margin-left: -102px;
  top: 32px;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#main-menu li {
  display: inline-block;
  margin: 0 15px;
}
#main-menu li a {
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}
#main-menu li a:hover {
  color: #666;
}

#sm-nav {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: 608px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}
#sm-nav a {
  width: 30px;
  height: 30px;
}
#sm-nav a svg {
  width: 100%;
  height: auto;
}

#sm-nav-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}
#sm-nav-footer a {
  width: 30px;
  height: 30px;
}
#sm-nav-footer a svg {
  width: 100%;
  height: auto;
}

#start {
  background-image: url(../img/rap_header_desktop.webp);
  height: 642px;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#main-inner {
  text-align: center;
}
#main-inner h1 {
  color: #ffffff;
  font-size: 56px;
  font-family: "TheSeasons-Lt";
  font-weight: 400;
}

#main-buttons {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
}

.btn {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 13px 30px;
  border-radius: 1000px;
  letter-spacing: 2px;
  font-family: "Poppins-Bold";
  font-size: 12px;
  transition: all 0.2s ease;
}

.btn.btn-white-outline {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.btn.btn-white-outline:hover {
  background: #ffffff;
  color: #1E1E1E;
}

.btn.btn-primary {
  color: #ffffff;
  border: 1px solid #1E1E1E;
  background: #1E1E1E;
}

.btn.btn-primary:hover {
  background: #ffffff;
  color: #1E1E1E;
  border: 1px solid #ffffff;
}

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

.btn.btn-primary-outline:hover {
  background: #ffffff;
  color: #1E1E1E;
  border: 1px solid #ffffff;
}

.section-inner {
  max-width: 1200px;
  margin: 0 auto;
}

section {
  margin-bottom: 90px;
}

#o-nas .section-inner {
  display: flex;
  gap: 70px;
}

#wynajem .section-inner {
  display: flex;
  gap: 70px;
}
#wynajem .section-inner #rent-col-1 {
  order: 0;
}
#wynajem .section-inner #rent-col-2 {
  order: 1;
}

h2 {
  font-size: 64px;
  font-weight: normal;
  margin: 30px 0;
  font-family: "TheSeasons-Lt";
  font-weight: 400;
}

.sub-headline {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  text-align: center;
}

#about-us-col-1 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#about-us-col-1 h2 {
  margin-top: 0;
  width: 100%;
}

#rent-col-2 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#rent-col-2 h2 {
  margin-top: 0;
  width: 100%;
  font-size: 48px;
  line-height: 52px;
}

.glide__bullets {
  text-align: center;
  width: 100%;
}

.glide__bullet {
  background: #ffffff;
  border: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 1000px;
  padding: 0;
}

.glide__bullet:hover {
  cursor: pointer;
  opacity: 0.8;
}

.glide__bullet.glide__bullet--active {
  background: #1E1E1E;
}

#about-us-slider {
  max-width: 600px;
}
#about-us-slider .glide__bullets {
  bottom: 36px;
  position: absolute;
  left: 0;
}

#rent-slider {
  max-width: 600px;
}
#rent-slider .glide__bullets {
  bottom: 36px;
  position: absolute;
  left: 0;
}

#grafik .section-inner h2 {
  text-align: center;
}

#schedule-info {
  text-align: center;
}
#schedule-info p {
  font-family: "Poppins-Regular";
  margin-bottom: 30px;
}

#schedule-widget {
  width: 100%;
  margin-bottom: 30px;
}

#cennik .section-inner h2 {
  text-align: center;
}

#pricing-nav {
  margin: 50px 0;
}
#pricing-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#pricing-nav ul li {
  margin: 0 20px 20px 0;
  display: inline-block;
}
#pricing-nav ul li:last-child {
  margin-right: 0;
}

.pricing-pos {
  border-radius: 10px;
  text-align: center;
  background: #ffffff;
  padding: 50px 0;
}

.pricing-pos-title {
  margin: 0px 20px 0px 20px;
  font-size: 36px;
  font-family: "TheSeasons-Lt";
  font-weight: 400;
}

.pricing-pos-price {
  font-family: "Poppins-Light", sans-serif;
  font-size: 46px;
}
.pricing-pos-price span {
  font-size: 30px;
}

.pricing-pos-sub-title {
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #AAA493;
  font-size: 12px;
  margin-bottom: 30px;
  padding: 0 30px;
}

.pricing-pos-benefits {
  margin: 0 auto 30px auto;
  padding: 0;
  display: block;
  max-width: 270px;
}
.pricing-pos-benefits li {
  text-align: left;
  padding: 0 10px 0 60px;
  height: 44px;
  line-height: 44px;
  display: block;
  border: 1px solid #AAA493;
  border-radius: 1000px;
  font-size: 12px;
  margin: 0 0 10px 0;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.94998 18.6064L4.34998 13.0064L5.42498 11.9314L9.94998 16.4564L19.55 6.85645L20.625 7.93145L9.94998 18.6064Z" fill="%2343C45F"/></svg>');
  background-repeat: no-repeat;
  background-position: 20px center;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Aligns items vertically */
  /* Optional: Align items horizontally */
  align-items: flex-start; /* Or any other value as needed */
}

.classes-pos-img {
  margin-bottom: 20px;
  text-align: center;
}
.classes-pos-img img {
  border-radius: 1000px;
  overflow: hidden;
}

#classes-slider {
  margin-top: 50px;
}
#classes-slider .glide__bullets {
  margin-top: 40px;
}
#classes-slider .glide-arrow {
  margin-top: -40px;
}

.classes-pos {
  border-radius: 10px;
  text-align: center;
  background: #ffffff;
  padding: 30px 0;
}

.classes-pos-title {
  margin: 0px 20px 10px 20px;
  font-size: 36px;
  font-family: "TheSeasons-Lt";
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.classes-pos-title.new::after {
  content: "Nowość";
  background-color: #AAA493;
  color: #ffffff;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 1000px;
  font-size: 12px;
  font-family: "Poppins-Bold";
}

.classes-pos-desc {
  margin-bottom: 20px;
  padding: 0 30px;
}

.classes-modal-content {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.classes-modal-content .classes-pos-img {
  margin-bottom: 0px;
}
.classes-modal-content .classes-pos-title {
  margin: 15px 0 10px 0;
  text-align: left;
  width: 100%;
}

.classes-modal-desc {
  margin-bottom: 30px;
}

.classes-pos-time {
  display: flex;
  color: #1E1E1E;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  gap: 15px;
  margin-bottom: 20px;
}

.classes-details-label {
  color: #AAA493;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  display: block;
}

.classes-pos-difficulty {
  display: flex;
  align-items: center;
  color: #1E1E1E;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  gap: 15px;
}

.difficulty-level-inactive path {
  fill: #AAA493 !important;
  color: #AAA493 !important;
}

#classes-modal {
  display: none;
}

#classes-modal.active {
  display: flex;
}

#class-modal-params {
  margin-bottom: 30px;
}

.class-modal-params-pos {
  display: flex;
}

.classes-modal-details {
  display: flex;
  align-items: center;
}

.class-modal-params-label {
  text-transform: uppercase;
  font-family: "Poppins-Bold";
  flex-shrink: 0;
  width: 90px;
}

.class-modal-params-pos {
  margin-bottom: 15px;
}

.difficulty-levels-wrapper {
  display: flex;
  gap: 10px;
}

.team-pos-img {
  margin-bottom: 20px;
  text-align: center;
}
.team-pos-img img {
  border-radius: 1000px;
  overflow: hidden;
}

#team-slider {
  margin-top: 50px;
}
#team-slider .glide__bullets {
  margin-top: 40px;
}
#team-slider .glide-arrow {
  margin-top: -40px;
}

.team-pos {
  border-radius: 10px;
  text-align: center;
  background: #ffffff;
  padding: 30px 0;
}

.team-pos-title {
  margin: 0px 20px 20px 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.team-pos-category {
  color: #AAA493;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0px 20px 20px 20px;
  font-size: 12px;
}

.team-pos-title.new::after {
  content: "Nowość";
  background-color: #AAA493;
  color: #ffffff;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 1000px;
  font-size: 12px;
  font-family: "Poppins-Bold";
}

.team-pos-desc {
  margin-bottom: 20px;
  padding: 0 30px;
}

.team-modal-content {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.team-modal-content .team-pos-img {
  margin-bottom: 0px;
}
.team-modal-content .team-pos-title {
  margin: 0px 0 20px 0;
  text-align: left;
  width: 100%;
  font-size: 36px;
  display: inline-block;
  font-family: "TheSeasons-Lt";
  flex-shrink: 0;
  line-height: 130%;
}

.team-modal-desc {
  margin-bottom: 30px;
}

.team-pos-time {
  display: flex;
  color: #1E1E1E;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  gap: 15px;
  margin-bottom: 20px;
}

.team-details-label {
  color: #AAA493;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  display: block;
}

.team-pos-difficulty {
  display: flex;
  align-items: center;
  color: #1E1E1E;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  gap: 15px;
}

#team-modal {
  display: none;
}

#team-modal.active {
  display: flex;
}

.team-modal-params-pos {
  display: flex;
}

.team-modal-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 130px;
  justify-content: center;
}

.team-modal-params-label {
  text-transform: uppercase;
  font-family: "Poppins-Light";
  flex-shrink: 0;
  width: 70px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #AAA493;
}

.team-modal-params-pos {
  margin-bottom: 15px;
}

.team-modal-params-content {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Poppins-Light";
}

.glide-arrow {
  border: 0;
  background: transparent;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.glide-arrow-prev {
  left: -50px;
}

.glide-arrow-next {
  right: -50px;
}

#pricing-slider .glide__bullets {
  margin-top: 0px;
}
#pricing-slider .glide__bullet {
  background-color: #AAA493;
}
#pricing-slider .glide__bullet--active {
  background-color: #1E1E1E;
}

#footer-menu {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
#footer-menu li {
  height: 12px;
  display: inline-block;
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #AAA493;
  line-height: 10px;
}
#footer-menu li a {
  text-decoration: none;
  color: #AAA493;
  font-size: 12px;
}
#footer-menu li:last-child {
  margin-right: 0;
  padding-right: 0;
  border: 0;
}

footer {
  background: #ffffff;
  height: 100px;
}
footer .section-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
}

#copyright-disclaimer {
  text-align: center;
  padding: 20px;
  font-size: 12px;
  color: #AAA493;
}

#how-to-get-wrapper {
  display: flex;
  gap: 50px;
}
#how-to-get-wrapper h2 {
  margin-top: 0;
  line-height: 100%;
}

#htg-col-1 {
  text-align: center;
}

#htg-col-map {
  min-width: 524px;
}

#htg-address {
  font-size: 18px;
  line-height: 27px;
  font-family: "Poppins-Regular";
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

#htg-txt-1 {
  font-size: 12px;
  line-height: 18px;
  font-family: "Poppins-Regular";
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #AAA493;
  margin-bottom: 30px;
  margin-top: 0;
}

#htg-info {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0;
}

#opening-hours-wrapper {
  border-radius: 10px;
  background: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 310px;
  min-width: 150px;
}

#opening-hours-title {
  font-size: 26px;
  line-height: 28px;
  margin-bottom: 50px;
}

#opening-hours {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
}

#kontakt .section-inner {
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}

#kontakt .section-inner h2 {
  text-align: center;
}

#contact-options {
  display: flex;
  gap: 10px;
}
#contact-options a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #1E1E1E;
  border: 1px solid #1E1E1E;
  border-radius: 10000px;
  text-decoration: none;
  padding-left: 60px;
  width: 100%;
}

#cotnact-email {
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 14.7178C1.7125 14.7178 1.40625 14.5865 1.14375 14.324C0.88125 14.0615 0.75 13.7553 0.75 13.4053V2.03027C0.75 1.68027 0.88125 1.37402 1.14375 1.11152C1.40625 0.849023 1.7125 0.717773 2.0625 0.717773H16.9375C17.2875 0.717773 17.5938 0.849023 17.8562 1.11152C18.1187 1.37402 18.25 1.68027 18.25 2.03027V13.4053C18.25 13.7553 18.1187 14.0615 17.8562 14.324C17.5938 14.5865 17.2875 14.7178 16.9375 14.7178H2.0625ZM9.5 8.11152L2.0625 3.2334V13.4053H16.9375V3.2334L9.5 8.11152ZM9.5 6.79902L16.85 2.03027H2.17188L9.5 6.79902ZM2.0625 3.2334V2.03027V13.4053V3.2334Z" fill="%2314110F"/></svg>');
  background-position: 25px 50%;
}

#cotnact-phone {
  background-repeat: no-repeat;
  background-position: 25px 50%;
  background-image: url('data:image/svg+xml,<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6875 20.3428C5.3375 20.3428 5.03125 20.2115 4.76875 19.949C4.50625 19.6865 4.375 19.3803 4.375 19.0303V2.40527C4.375 2.05527 4.50625 1.74902 4.76875 1.48652C5.03125 1.22402 5.3375 1.09277 5.6875 1.09277H15.3125C15.6625 1.09277 15.9688 1.22402 16.2312 1.48652C16.4937 1.74902 16.625 2.05527 16.625 2.40527V19.0303C16.625 19.3803 16.4937 19.6865 16.2312 19.949C15.9688 20.2115 15.6625 20.3428 15.3125 20.3428H5.6875ZM5.6875 17.0615V19.0303H15.3125V17.0615H5.6875ZM10.5038 18.7021C10.6909 18.7021 10.8464 18.6389 10.9703 18.5124C11.0943 18.3859 11.1562 18.2291 11.1562 18.0421C11.1562 17.855 11.093 17.6995 10.9665 17.5756C10.84 17.4516 10.6832 17.3896 10.4962 17.3896C10.3091 17.3896 10.1536 17.4529 10.0297 17.5794C9.90573 17.7059 9.84375 17.8627 9.84375 18.0497C9.84375 18.2368 9.907 18.3923 10.0335 18.5162C10.16 18.6402 10.3168 18.7021 10.5038 18.7021ZM5.6875 15.749H15.3125V4.37402H5.6875V15.749ZM5.6875 3.06152H15.3125V2.40527H5.6875V3.06152Z" fill="%2314110F"/></svg>');
}

#contact-us {
  margin: 50px auto;
  text-align: center;
  font-family: "Poppins-Bold";
}

#loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: none;
}

#form-wrapper {
  position: relative;
  min-height: 100px;
}

.hidden {
  display: none;
}

#thp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: top;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  display: none;
}

#thp.active, #loader.active {
  display: flex;
}

.form-control {
  background: #ffffff;
  border: 1px solid #AAA493;
  border-radius: 20px;
  width: calc(100% - 40px);
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

select.form-control {
  width: 100%;
}
select.form-control option:first-child {
  color: #AAA493;
}

textarea.form-control {
  height: 100px;
  padding: 20px;
}

.form-row {
  margin-bottom: 15px;
}

.submit-wrapper {
  margin-top: 15px;
  text-align: center;
}

.checkbox-label a {
  color: #1E1E1E;
}

.checkbox-label {
  font-size: 12px;
  position: relative;
}

.checkbox-row {
  position: relative;
}
.checkbox-row input {
  position: absolute;
  top: 3px;
  left: 0;
}

.checkbox-label {
  margin-left: 26px;
  display: inline-block;
}

/*cookie------------*/
#rap-cookie {
  position: fixed;
  width: 100%;
  min-height: 30px;
  display: block;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  font-size: 14px;
}

#rap-cookie-container {
  max-width: 980px;
  padding: 4px 0;
  background: transparent;
  margin: 0 auto;
  display: block;
  color: #ffffff;
}

#rap-cookie-content {
  float: left;
  width: calc(100% - 205px);
  padding: 20px 20px 20px 20px;
}

#rap-cookie-content a {
  color: #ffffff;
  text-decoration: none;
}

#rap-cookie-content a:hover {
  text-decoration: underline;
}

#rap-accept-cookie {
  display: inline-block;
  width: 150px;
  margin-top: 20px;
  margin-right: 15px;
}

.modal-overlay {
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-overlay-fixed {
  position: fixed;
}

.modal-overlay.inactive {
  display: none;
}

.modal-wrapper {
  max-width: 700px;
  width: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 30px;
  position: relative;
  box-shadow: 20px 18px 65px -18px rgba(0, 0, 0, 0.68);
}

.modal-close {
  font-weight: 300;
  font-size: 32px;
  color: #1E1E1E;
  transform: rotate(45deg);
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0;
  border-radius: 1000px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.modal-close:hover {
  color: #AAA493;
}

.img-responsive {
  width: 100%;
  max-width: 100%;
}

.container-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

#nasza-misja .section-inner {
  position: relative;
  min-height: 530px;
}

#our-mission-wrapper h2 {
  position: absolute;
  left: -100px;
  transform: rotate(-90deg);
  margin-left: -184px;
  top: 14px;
}

.our-mission-img {
  position: absolute;
}

#our-mission-img-1 {
  top: 0;
  left: 0;
}

#our-mission-img-2 {
  top: 130px;
  left: 225px;
}

#our-mission-lead {
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: 100px;
  font-size: 30px;
  line-height: 36px;
  font-family: "Poppins-ThinItalic";
  width: 480px;
  font-weight: normal;
}

#our-mission-lead-wrapper {
  position: relative;
}

#our-mission-lead-wrapper::before {
  content: " ";
  height: 200px;
  position: absolute;
  display: block;
  width: 1px;
  background: #1E1E1E;
  top: -22px;
  left: -50px;
}

#our-mission-bg {
  position: absolute;
  top: -15px;
  left: 50%;
  z-index: -1;
  margin-left: -225px;
}

#opinions-slider .glide__bullet {
  background-color: #AAA493;
}
#opinions-slider .glide__bullet--active {
  background-color: #1E1E1E;
}
#opinions-slider .glide__bullets {
  margin-top: 40px;
}
#opinions-slider .glide-arrow {
  margin-top: -40px;
}

.opinion-pos {
  border-radius: 10px;
  text-align: center;
  background: #ffffff;
  padding: 100px 0 20px 0;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='41' viewBox='0 0 50 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4658 4.84473C20.1709 6.16309 18.3154 7.31055 16.8994 8.28711C15.4834 9.21484 14.043 10.46 12.5781 12.0225C11.2109 13.4873 10.1611 15.0254 9.42871 16.6367C8.69629 18.248 8.18359 20.3232 7.89062 22.8623H11.4062C14.4336 22.8623 16.8018 23.6191 18.5107 25.1328C20.2686 26.5977 21.1475 28.7705 21.1475 31.6514C21.1475 33.7021 20.3662 35.6309 18.8037 37.4375C17.29 39.1953 15.1904 40.0742 12.5049 40.0742C8.30566 40.0742 5.30273 38.707 3.49609 35.9727C1.68945 33.1895 0.786133 29.5518 0.786133 25.0596C0.786133 21.8857 1.46973 19.0049 2.83691 16.417C4.2041 13.7803 5.86426 11.4365 7.81738 9.38574C9.81934 7.28613 11.9434 5.50391 14.1895 4.03906C16.4355 2.57422 18.3154 1.37793 19.8291 0.450195L22.4658 4.84473ZM49.5654 4.84473C47.2705 6.16309 45.415 7.31055 43.999 8.28711C42.583 9.21484 41.1426 10.46 39.6777 12.0225C38.2617 13.5361 37.1875 15.0986 36.4551 16.71C35.7715 18.2725 35.2832 20.3232 34.9902 22.8623H38.5059C41.5332 22.8623 43.9014 23.6191 45.6104 25.1328C47.3682 26.5977 48.2471 28.7705 48.2471 31.6514C48.2471 33.7021 47.4658 35.6309 45.9033 37.4375C44.3896 39.1953 42.29 40.0742 39.6045 40.0742C35.4053 40.0742 32.4023 38.707 30.5957 35.9727C28.7891 33.1895 27.8857 29.5518 27.8857 25.0596C27.8857 21.8857 28.5693 19.0049 29.9365 16.417C31.3037 13.7803 32.9639 11.4365 34.917 9.38574C36.9189 7.28613 39.043 5.50391 41.2891 4.03906C43.5352 2.57422 45.415 1.37793 46.9287 0.450195L49.5654 4.84473Z' fill='%23D7D4CB'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center top 30px;
}

.opinion-text {
  font-size: 30px;
  line-height: 36px;
  font-family: "Poppins-ThinItalic";
  padding: 0 60px;
  font-weight: normal;
}

.opinion-person {
  font-family: "Poppins-Thin";
  color: #AAA493;
  margin-top: 15px;
  text-transform: uppercase;
}

.smslider-pos {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  text-decoration: none;
  display: block;
}

.smslider-pos-date {
  margin-bottom: 20px;
  width: 100%;
  color: #AAA493;
  font-size: 12px;
  font-family: "Poppins-Light";
}

.smslide-content {
  display: flex;
  gap: 20px;
  color: #1E1E1E;
}

.smslider-pos-desc {
  display: flex;
  align-items: center;
}

#smslider-slider .glide-arrows {
  display: none;
}

@media (max-width: 1540px) {
  #sm-nav {
    right: 25px;
    left: auto;
    margin-left: auto;
  }
  #main-menu-links {
    position: absolute;
    left: auto;
    margin-left: auto;
    right: 185px;
  }
}
@media (max-width: 1320px) {
  .section-inner {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    max-width: none;
  }
  .glide-slider-wrapper {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
  .glide-slider-wrapper .glide-arrow-prev {
    left: -35px;
  }
  .glide-slider-wrapper .glide-arrow-next {
    right: -35px;
  }
}
@media (max-width: 1280px) {
  #logo {
    left: 25px;
    margin-left: 0;
  }
  #our-mission-lead {
    width: auto;
    padding-right: 40px;
  }
}
@media (max-width: 1140px) {
  #how-to-get-wrapper {
    display: block;
  }
  #htg-col-1 {
    margin-bottom: 50px;
  }
  #htg-col-map {
    margin-bottom: 50px;
    height: 260px;
  }
  #htg-col-map iframe {
    height: 260px !important;
  }
  #opening-hours-wrapper {
    height: 160px;
  }
  #opening-hours-title {
    margin-bottom: 20px;
  }
  #main-menu li {
    margin: 0 8px;
  }
}
@media (max-width: 1090px) {
  #nasza-misja .section-inner {
    height: 1000px;
  }
  #our-mission-lead {
    width: 400px;
    left: 50%;
    margin-left: -90px;
    top: 130px;
  }
  #our-mission-lead h2 {
    top: 0px;
    left: -100px;
  }
  #our-mission-lead-wrapper::before {
    height: 120px;
  }
  #our-mission-img-1 {
    top: 450px;
    left: 50%;
    margin-left: -220px;
  }
  #our-mission-img-2 {
    top: 591px;
    left: 50%;
    margin-left: 10px;
  }
}
#logo-mobile {
  display: none;
}

@media (min-width: 991px) and (max-height: 890px) {
  .modal-wrapper {
    position: fixed;
    top: 80px;
    height: calc(100% - 160px);
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 990px) {
  #menu-toggle-wrapper, #menu-toggle {
    display: block;
  }
  #logo {
    top: 20px;
    left: 10px;
    width: 155px;
  }
  #sm-nav {
    left: 50%;
    margin-left: -65px;
    right: auto;
    top: 580px;
  }
  #sm-nav.active {
    display: flex;
    z-index: 100;
  }
  #sm-nav.active svg path {
    fill: #AAA493;
  }
  #logo-mobile.active {
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -65px;
    z-index: 100;
  }
  #menu-layer {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0px;
    left: 0;
    overflow: hidden;
    z-index: 19;
    opacity: 0;
    transition: opacity 0.2s ease-in;
  }
  #menu-layer.active {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  #menu-white {
    background: #ffffff;
    opacity: 0.95;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 100%;
    transition: all 0.2s ease-in;
  }
  #menu-layer.scroll-on #menu-white {
    left: 0;
  }
  #menu-layer.active #menu-white {
    width: 100%;
  }
  #main-menu-links {
    width: 100%;
    left: 0;
    margin-left: -150px;
    left: 50%;
    top: 200px;
    right: auto;
    margin-right: auto;
    width: 300px;
  }
  #main-menu li {
    margin: 0px 0;
    width: 100%;
    float: none;
    text-align: center;
  }
  #main-menu li a {
    color: #1E1E1E;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    display: block;
    text-align: center;
    border-bottom: 1px solid #AAA493;
  }
  #main-menu li a:hover {
    color: #AAA493;
    opacity: 0.7;
  }
  #main-inner h1 {
    padding-top: 180px;
    font-size: 32px;
  }
  h2 {
    font-size: 36px;
  }
  #start {
    height: 640px;
    margin-bottom: 50px;
  }
  #o-nas .section-inner {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #wynajem .section-inner {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #wynajem .section-inner #rent-col-1 {
    order: 1;
  }
  #wynajem .section-inner #rent-col-2 {
    order: 0;
  }
  #about-us-col-1 {
    margin-bottom: 50px;
    padding: 0 20px;
  }
  #rent-col-2 {
    margin-bottom: 50px;
    padding: 0 20px;
  }
  #about-us-slider {
    margin-left: auto;
    margin-right: auto;
  }
  #rent-slider {
    margin-left: auto;
    margin-right: auto;
  }
  footer {
    height: 250px;
  }
  footer .section-inner {
    align-items: start;
    padding-top: 30px;
  }
  #footer-menu {
    display: block;
    margin-top: 100px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
  }
  #footer-menu li {
    padding: 0;
    display: block;
    border: 0;
    margin-bottom: 15px;
    margin-right: 0px;
  }
  #our-mission-lead {
    width: 400px;
    left: 50%;
    margin-left: -44px;
    top: 130px;
    font-size: 20px;
    line-height: 26px;
  }
  #our-mission-lead h2 {
    top: -66px;
    left: 14px;
  }
  #our-mission-lead {
    max-width: 200px;
    padding-right: 20px;
  }
  #our-mission-lead-wrapper::before {
    height: 120px;
    left: -35px;
  }
  #our-mission-bg {
    top: -42px;
    width: 400px;
    margin-left: -133px;
  }
  #nasza-misja .section-inner {
    overflow: hidden;
    height: 850px;
    width: calc(100% - 40px);
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .our-mission-img {
    width: 180px;
  }
  #our-mission-img-1 {
    top: 401px;
    margin-left: -187px;
  }
  #our-mission-img-2 {
    top: 529px;
    margin-left: 8px;
  }
}
@media (max-width: 990px) {
  #smslider-slider .glide-arrows {
    display: block;
  }
  #smslider-slider .glide-arrow {
    top: -30px;
  }
  #smslider-slider .glide-arrow-prev {
    left: 0;
  }
  #smslider-slider .glide-arrow-next {
    right: 0;
  }
  #social-media .section-inner {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #about-us-slider img {
    width: 100%;
    max-width: 100%;
  }
  #rent-slider img {
    width: 100%;
    max-width: 100%;
  }
  #rap-cookie-content {
    width: calc(100% - 40px);
  }
  #rap-cookie-container {
    padding-bottoM: 24px;
  }
  #rap-accept-cookie {
    margin: 0 auto;
    display: block;
  }
  section {
    margin-bottom: 70px;
  }
  #main-inner h1 {
    margin-left: 20px;
    margin-right: 20px;
  }
  #htg-col-map {
    min-width: 100%;
  }
  #contact-options {
    flex-direction: column;
  }
  #contact-options a {
    width: calc(100% - 60px);
  }
  #pricing-nav .btn.btn-primary-outline {
    height: 35px;
    line-height: 35px;
    font-size: 10px;
    padding: 0 10px;
  }
  #start {
    background-image: url(../img/rap_header_mobile.webp);
  }
  .opinion-text {
    font-size: 20px;
    line-height: 26px;
  }
  .opinion-person {
    font-size: 12px;
  }
  .classes-modal-content {
    flex-direction: column;
  }
  .classes-modal-content .classes-pos-img {
    text-align: center;
  }
  .modal-wrapper {
    position: fixed;
    top: 10px;
    left: 10px;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .classes-modal-content {
    margin-bottom: 0;
  }
  #custom-modal .modal-wrapper {
    top: 80px;
    height: auto;
  }
  .team-modal-content {
    flex-direction: column;
  }
  .team-modal-content .team-pos-img {
    text-align: left;
  }
  .team-modal-content {
    margin-bottom: 0;
  }
  .team-modal-details {
    height: auto;
    margin-bottom: 30px;
  }
  .team-modal-params-pos {
    margin-bottom: 0;
  }
}
@media (max-width: 620px) {
  .classes-modal-content {
    display: block;
  }
}
@media (max-width: 520px) {
  #main-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  #ekipa .section-inner {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #team-slider .glide-arrow {
    top: 0px;
  }
  #team-slider .glide-arrow-prev {
    left: 0;
  }
  #team-slider .glide-arrow-next {
    right: 0;
  }
  #team-slider .glide__bullets {
    margin-top: 10px;
  }
}
@media (max-width: 420px) {
  #contact-options a {
    font-size: 14px;
  }
  #nasza-misja .section-inner {
    padding: 400px 0 0 0;
    height: auto;
    width: 100%;
    margin-bottom: 0;
    min-height: auto;
  }
  #our-mission-wrapper {
    display: block;
    width: 100%;
  }
  #our-mission-img-1 {
    display: block;
    left: 0px;
    margin-left: 10px;
    width: calc(50% - 15px);
    position: static;
    float: left;
  }
  #our-mission-img-2 {
    position: static;
    display: block;
    right: 0px;
    margin-left: 10px;
    float: left;
    width: calc(50% - 15px);
    left: auto;
    margin-top: 32vw;
  }
}/*# sourceMappingURL=style2.css.map */