@charset "UTF-8";
/* -----------------------------------------------------------------------------
   Author: A.I.FIA www.fia.pl  Wszelkie prawa zastrzeżone
----------------------------------------------------------------------------- */

@import url("../fonts/remixicon.css");
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Exo:ital,wght@0,100..900;1,100..900&display=swap');


:root {
  /**
  @font family
  */
  --bs-font-1: 'Exo', sans-serif;
  --bs-font-2: 'Exo', sans-serif;

  /* Rozmiary */
  --bs-size-body: 1.050rem;
  --bs-size-male: 0.9rem;
  --bs-h1-size: 1.5em;
  --bs-h2-size: 1.3em;
  --bs-h3-size: 1.2em;
  --bs-h4-size: 1.1em;
  --bs-przycisk-size: 1em;

  /* Kolory */
  --bs-red: #dc3545;
  --bs-h1: #000;
  --bs-h2: #000;
  --bs-h3: #000;
  --bs-h4: #002961;
  --bs-white: #fff;
  --bs-black: #000;
  --bs-primary: #3e3027;
  --bs-doprimary: #fff;
  --bs-secondary: #e54e4b;
  --bs-dosecondary: #fff;
  --bs-body: #6f6f87;
  --bs-link: #13225b;

  --bs-gray-100: #f3f3f3;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  --bs-firmowe1: #f7f5f2;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
}

/* ==========================================================================
   GLOBALNE
========================================================================== */

.node__content .container {
  padding: 0;
}

/* ==========================================================================
   KOLORY / TŁA
========================================================================== */

.bs-red,
.bs-red a,
.block-layout-builder .bs-red a,
.bs-red * {
  color: var(--bs-red);
}

.bs-white,
.bs-white a,
.block-layout-builder .bs-white a,
.bs-white * {
  color: var(--bs-white);
}

.bs-black,
.bs-black a,
.block-layout-builder .bs-black a,
.bs-black * {
  color: var(--bs-black) !important;
}

.bs-primary,
.bs-primary a,
.block-layout-builder .bs-primary a,
.bs-primary * {
  color: var(--bs-primary);
}

.bs-secondary,
.bs-secondary a,
.block-layout-builder .bs-secondary a,
.bs-secondary * {
  color: var(--bs-secondary);
}

.bs-doprimary {
  background-color: var(--bs-doprimary);
}

.bs-dosecondary {
  background-color: var(--bs-dosecondary);
}

.bs-gray-100 {
  background-color: var(--bs-gray-100);
}

.bs-gray-200 {
  background-color: var(--bs-gray-200);
}

.bs-gray-300 {
  background-color: var(--bs-gray-300);
}

.bs-gray-400 {
  background-color: var(--bs-gray-400);
}

.bs-gray-500 {
  background-color: var(--bs-gray-500);
}

.bs-gray-600 {
  background-color: var(--bs-gray-600);
}

.bs-gray-700 {
  background-color: var(--bs-gray-700);
}

.bs-gray-800 {
  background-color: var(--bs-gray-800);
}

.bs-gray-900 {
  background-color: var(--bs-gray-900);
}

.bs-firmowe1 {
  background-color: var(--bs-firmowe1) !important;
}

.bs-red-bg {
  background-color: var(--bs-red) !important;
}

.bs-white-bg {
  background-color: var(--bs-white) !important;
}

.bs-black-bg {
  background-color: var(--bs-black) !important;
}

.bs-primary-bg {
  background-color: var(--bs-primary) !important;
}

.bs-secondary-bg {
  background-color: var(--bs-secondary) !important;
}

.bs-doprimary-bg {
  background-color: var(--bs-doprimary);
}

.bs-dosecondary-bg {
  background-color: var(--bs-dosecondary);
}

.bs-gray-100-bg {
  background-color: var(--bs-gray-100) !important;
}

.bs-gray-200-bg {
  background-color: var(--bs-gray-200) !important;
}

.bs-gray-300-bg {
  background-color: var(--bs-gray-300) !important;
}

.bs-gray-400-bg {
  background-color: var(--bs-gray-400) !important;
}

.bs-gray-500-bg {
  background-color: var(--bs-gray-500) !important;
}

.bs-gray-600-bg {
  background-color: var(--bs-gray-600) !important;
}

.bs-gray-700-bg {
  background-color: var(--bs-gray-700) !important;
}

.bs-gray-800-bg {
  background-color: var(--bs-gray-800) !important;
}

.bs-gray-900-bg {
  background-color: var(--bs-gray-900) !important;
}

.bs-firmowe1-bg {
  background-color: var(--bs-firmowe1) !important;
}

.btn-primary {
  background: var(--bs-primary);
  border: 0;
}

.btn-primary:hover {
  background: var(--bs-secondary);
  border: 0;
}

.text-white a,
.text-white h1,
.text-white h2,
.text-white h3 {
  color: var(--bs-white);
}

.text-black a,
.text-black h1,
.text-black h2,
.text-black h3 {
  color: var(--bs-black);
}
p a,
p{
  color: var(--bs-body);
}

.site-logo img {
  height: 48px;
}

/*
.justify p{
    text-align: justify;
}
*/

.wyr-ikona i{
    text-align: center;
}


/* ==========================================================================
   PODSTAWOWE
========================================================================== */

::selection,
::-moz-selection {
  text-shadow: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--bs-font-2);
  font-size: var(--bs-size-body);
  color: var(--bs-body);
  line-height: 32px;
  overflow-x: hidden;
  width: 100%;
  min-height: 100%;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
}

h2 a,
h3 a,
h4 a {
  color: var(--bs-primary);
}

h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: var(--bs-secondary);
}

a {
  color: var(--bs-primary);
  transition: all 300ms ease-in-out;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: var(--bs-secondary);
}

/* Nagłówki - rozmiary */



/*

h1,
.h1 {
  font-size: calc(var(--bs-h1-size) * 0.1em);
}

@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: var(--bs-h2-size);
  }
}

h2,
.h2 {
  font-size: calc(var(--bs-h2-size) - 0.1em);
}

@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: var(--bs-h2-size);
  }
}

h3,
.h3 {
  font-size: calc(var(--bs-h3-size) - 0.1em);
}

@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: var(--bs-h3-size);
  }
}

h4,
.h4 {
  font-size: calc(var(--bs-h4-size) - 0.1em);
}

@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: var(--bs-h4-size);
  }
}
*/





h1,
h2,
h3,
h4 {
  font-family: var(--bs-font-1);
  transition: all 0.3s ease-out 0s;
}

h1 {
  color: var(--bs-h1);
}

h2 {
  color: var(--bs-h2);
}

h3 {
  color: var(--bs-h3);
}

h4 {
  color: var(--bs-h4);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

/* ==========================================================================
   NAGŁÓWKI - WIELKOŚCI DODATKOWE
========================================================================== */



h2.fbmaly {
  font-size: calc(var(--bs-h2-size) - 0.009em);
}

h2.fmaly {
  font-size: calc(var(--bs-h2-size) - 0.01em);
}


h2.fduzy {
  font-size: calc(var(--bs-h2-size) + 0.9em);
}
.fbduzy h2,
h2.fbduzy {
  font-size: calc(var(--bs-h2-size) + 1.2em);
}

h2.fwielki {
  font-size: calc(var(--bs-h2-size) + 2em);
}

/* ==========================================================================
   MODAL (Layout Builder)
========================================================================== */

.ui-layout-builder-modal .layout-builder-update-block {
  background: #fff !important;
}

.ui-layout-builder-modal .field--type-list-string {
  background: linear-gradient(90deg, rgba(249, 249, 249, 1) 0%, rgba(241, 241, 241, 1) 100%);
  border: 1px solid #fff;
  float: left;
  width: 20%;
  padding: 0 2%;
  border-radius: 10px;
}

.ui-layout-builder-modal .field--widget-options-select {
  font-size: 0.8em !important;
}

/* ==========================================================================
   ADMIN - DODATKOWE
========================================================================== */

.node-page-layout-builder-form.node-layout-builder-form.layout-builder-form .form-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#block-fia-menukontauzytkownika {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(233, 236, 239, 1) 61%);
  overflow: hidden;
  border-radius: 10px;
  padding: 5px;
}

.region-content .contextual-region.block-core.block-local-tasks-block h2 {
  padding-top: 30px;
}

.region-content .contextual-region.block-core.block-local-tasks-block h2,
.region-breadcrumb .menu--account h5 {
  display: flex;
  flex-direction: row;
  color: #979797;
  text-transform: uppercase;
  font-size: 0.8em;
}

.region-content .contextual-region.block-core.block-local-tasks-block h2:before,
.region-content .contextual-region.block-core.block-local-tasks-block h2:after,
.region-breadcrumb .menu--account h5:before,
.region-breadcrumb .menu--account h5:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #dee2e6;
  margin: auto;
}

.region-breadcrumb .menu--account h5:before {
  margin-right: 10px;
}

.region-breadcrumb .menu--account h5:after {
  margin-left: 10px;
}

.region-breadcrumb .menu--account ul.navbar-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 4px;
}

.region-breadcrumb .menu--account ul .nav-item {
  border-radius: 5px;
  margin-right: 4px;
  background: #f9f9f9;
}

.region-breadcrumb .menu--account ul .nav-item a {
  font-size: 1em;
  font-weight: 600;
  padding: 20px 30px;
}

.region-breadcrumb .menu--account ul .nav-item:hover {
  opacity: 0.6;
}

.region-breadcrumb .menu--account ul .nav-item:first-child {
  background: #284468;
  color: #fff;
}

.region-breadcrumb .menu--account ul .nav-item:nth-child(2) {
  background: #e2e2e2;
}

.region-breadcrumb .menu--account ul .nav-item:last-child {
  background: #ff0000;
  color: #fff;
}

/* ==========================================================================
   KLASY SPECJALNE
========================================================================== */


.pakiet ul{
    list-style: none;
    padding: 0px;
}
.pakiet{
    background: var(--bs-gray-200);
    padding: 20px;
}


.divider { border-color: rgba(255,255,255,.35) !important; }
.price { font-size: clamp(1.2rem, 2.3vw, 2.6rem);

}

.price small{ font-size: .6em ;
}
.price2 { font-size: clamp(1.1rem, 1.2vw, 1.3rem);
 line-height: 1.2em;
}

.cena-male{
    font-size: .8em;
    line-height: 1.1em;
}

.cena-ikona i{
    font-size: 2.2em;
}

.realizacje{

    margin: 15px;
    padding: 10px;
}

/*
.tabsy .col-md-1 img,
.tabsy .col-1 img{
    max-width: 40px;
}
*/

.wycena{
    background: var(--bs-primary);
    color: #fff;
    display: table;
    padding: 20px 20px 0px 20px;
}

.kwadrat{
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -10px;
}

.kwadrat h2{

    width: 80px;
    height: 80px;
    background: var(--bs-gray-200);


    display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.cenastart h3,
.cena span{
    font-weight: 300;
    font-size: .8em;
}

/*
.cenastart{
    background: var(--bs-gray-200);
    border-radius: 5px;
    padding: 20px 20px;
    display: block;
}

*/



.cenastart {
  overflow: hidden;
 background: var(--bs-gray-200);
    border-radius: 5px;
    padding: 30px;

 display: block;
/*

  clip-path: polygon(
    0% 0%,
    90% 0%,
    100% 50%,
    90% 100%,
    0% 100%,
    0% 50%
  );
*/
}


.cenastart:hover {
  opacity: 0.6;
  transition: all 300ms ease;
}



.cenastart h3{
  position: relative;
  display: inline-block;
  font-size: 1.5em;
  margin-bottom: 10px;
  padding-bottom: 15px;
}



.cenastart h3::after{
  content: "";
  position: absolute;

  left: -0.08em;
  right: -0.08em;

  bottom: -0.18em;          /* bliżej tekstu */
  height: 0.32em;           /* grubsza kreska */

  transform: rotate(-2.5deg);
  transform-origin: left center;

  background:
    /* faktura / suchy pędzel */
    repeating-linear-gradient(
      90deg,
      rgba(239,46,63,.98) 0 18px,
      rgba(239,46,63,.72) 18px 26px,
      rgba(239,46,63,.95) 26px 44px,
      rgba(239,46,63,.65) 44px 52px
    ),
    /* miękkie krawędzie */
    linear-gradient(
      to bottom,
      rgba(239,46,63,0),
      rgba(239,46,63,.95) 30%,
      rgba(239,46,63,.95) 70%,
      rgba(239,46,63,0)
    );

  border-radius: 999px;
  filter: blur(0.2px);
  pointer-events: none;
}

/* smuga farby */
.cenastart h3::before{
  content: "";
  position: absolute;

  left: 0.02em;
  right: -0.18em;

  bottom: -0.28em;          /* trochę niżej */
  height: 0.16em;           /* smuga */

  transform: rotate(-2.5deg);
  transform-origin: left center;

  background: linear-gradient(
    90deg,
    rgba(239,46,63,0),
    rgba(239,46,63,.55) 14%,
    rgba(239,46,63,.28) 55%,
    rgba(239,46,63,0)
  );

  border-radius: 999px;
  filter: blur(0.4px);
  pointer-events: none;
}

/* koniec cena */



.tabsy .nav-tabs .nav-link {
  font-weight: 600;
  font-size: 1.3em;
  text-transform: none;
  color: #000;
}

.tabsy h4{
  font-weight: 600;
  font-size: 1.1em;

}
@media (max-width: 767.98px) {
    .tabsy img{
  max-width: 70px;

}
.tabsy .nav-tabs .nav-link {
  font-weight: 600;
  font-size: 1em;
  text-transform: none;
  color: #000;
}
}

.tabsy .tab-radio{
  position: absolute;
  opacity: 0;
}

.tabsy .nav-tabs.offer-tabs{
  border-bottom: 1px solid var(--bs-gray-400);
}

.tabsy .offer-tabs .nav-link{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:600;
  background: var(--bs-gray-100);
  border:1px solid var(--bs-gray-400);
  color:#374151;
  cursor:pointer;
  user-select:none;
  border-radius:0;
}

#tab1:checked ~ .tabs-ui label[for="tab1"],
#tab2:checked ~ .tabs-ui label[for="tab2"]{
  background:#fff;
  border-bottom-color:#fff;
  color:#111827;
}

.tabsy .tab-panels{
  background:#fff;
  border:1px solid var(--bs-gray-400);
  border-top:0;
  padding:1rem 1rem;
}

.tabsy .panel{
  display:none;
}

.tabsy #tab1:checked ~ .tabs-ui #panel1,
.tabsy #tab2:checked ~ .tabs-ui #panel2,
.tabsy #tab3:checked ~ .tabs-ui #panel3{
  display:block;
}

.tabsy .panel h2{

  margin-bottom:1.75rem;
}

.tabsy .panel p{
  color:var(--bs-body);
}



/*
.path-frontpage{
    background: var(--bs-gray-100);
}

*/

.ofertalewa{
    border: solid 2px var(--bs-primary);
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.ofertaprawa{
    border: solid 2px var(--bs-gray-300);
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
}


.tlofia{
   background-image: url("/sites/default/files/tlo210.png");
   background-repeat: no-repeat;
   background-position: top left;
   background-color: var(--bs-gray-100);
   background-size: auto;
}


.bshaddow2 ul{
  column-count: 2;      /* 2 kolumny */

  padding-left: 0;      /* opcjonalnie: usuń domyślny padding */
  margin: 0;            /* opcjonalnie */
  list-style: none;
}

/* żeby <li> nie było "cięte" między kolumnami */
.bshaddow2 li{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  list-style: none;
   border-bottom: 0px solid var(--bs-gray-200);
  border-radius: 5px;
/*
  font-size: .8em;
  text-transform: uppercase;
*/
  padding: 5px 10px 0px 0px;
  margin-bottom: 5px;
}



.bshaddow2 h2{
  padding-top: 10px;

}
.bshaddow1 h3{
  font-size: 1.2em;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.bshaddow1{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.08);
  transition: all 0.4s ease;
  border: 1px solid var(--bs-gray-200);
  background: var(--bs-white);
}
.bshaddow1:hover{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.2);
  transition: all 0.4s ease;
  border: 1px solid var(--bs-gray-300);
  background: var(--bs-white);
}


/*
.bshaddow2{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.08);
  transition: all 0.4s ease;
  border: 1px solid var(--bs-gray-200);
  background: var(--bs-gray-100);
}
.bshaddow2:hover{
  border-radius: 2px;
  box-shadow: 0px 5px 13px 0px rgba(13, 14, 67, 0.2);
  transition: all 0.4s ease;
  border: 1px solid var(--bs-gray-300);
  background: var(--bs-gray-100);
}
*/


.oferta ul {
  list-style: none;
  padding: 0;
}

.oferta ul li {
  line-height: 20px;
  margin-bottom: 1px;
}

.oferta a {
  color: var(--bs-body);
  font-weight: 600;
  padding: 10px 15px 10px 25px; /* większy lewy padding pod trójkąt */
  background: var(--bs-gray-400);
  display: block;
  font-size: 95%;
  position: relative;
  border-radius: 3px;
}

.oferta a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
}

.oferta li:first-child a,
.oferta a:hover {
  background: var(--bs-primary);
  color: var(--bs-doprimary);
  font-weight: 600;
  padding: 10px 15px 10px 25px;
  display: block;
  font-size: 95%;
}

.eu-cookie-compliance-banner {
  padding-top: 10px;
}

.agree-button {
  background: #000;
  padding: 4px 15px;
  border-radius: 5px;
  color: #fff;
}

.agree-button:hover {
  opacity: 0.9;
  background: #fff;
  color: #000;
}

.region-nav-branding {
  padding: 0;
  margin: 0;
}

.kreska-grey {
  border-left: 1px solid var(--bs-grey);
}

.kreska-primary {
  border-left: 1px solid var(--bs-primary);
}

.kreska-secondary {
  border-left: 1px solid var(--bs-secondary);
}

.layout-builder-block {
  background: none;
  padding: 0;
}

.nefekt4 {
  border: 1px solid #eee5e5;
  border-radius: 20px;
}

.text-white .nefekt6 {
  background: none;
}

/* ==========================================================================
   BANNER
========================================================================== */

.bannerg {
  position: relative;
  overflow: hidden;
  color: var(--bs-white);

}

.bannerg-media {
  width: 100%;

}

.bannerg-media img,
.bannerg-media picture,
.bannerg-media source {
  display: block;
}

.bannerg-media img {
  width: 100% !important;
  max-width: none !important;
  object-fit: cover;
  height: 100%;
  max-height: 700px;
}

.bannerg-content {
  z-index: 2;
}

.bannerg-content .w-md-25 {
  width: 25%;
}

.bannerg-content .w-md-50 {
  width: 50%;
}

.bannerg-content .w-md-75 {
  width: 75%;
}

.bannerg .efpod1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 41, 97, 0.6);
  z-index: 1;
}

.bannerg .efpod2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(var(--bs-dark-rgb), 0) 0%,
    rgba(var(--bs-dark-rgb), 0.4) 45%,
    rgba(var(--bs-dark-rgb), 0.85) 65%,
    rgba(var(--bs-dark-rgb), 0.9) 85%,
    rgba(var(--bs-white-rgb), 1) 100%
  );
}

@media (max-width: 767.98px) {
  .bannerg-content .w-md-25,
  .bannerg-content .w-md-50,
  .bannerg-content .w-md-75 {
    width: 100%;

  }
}





@media (max-width: 767.98px) {
.wyrdolewm{
    text-align: left;
}
.wyrdoprawm{
    text-align: right;
}
}

@media (min-width: 768px) {

.wyrdolew{
    text-align: left;
}
.wyrdopraw{
    text-align: right;
}
}





/* ==========================================================================
   PADDING (skala)
========================================================================== */

@media (max-width: 575.98px) {

/* Mobile (domyślnie) */
.p-f-mob-1 { padding: 10px; }
.p-f-mob-2 { padding: 17px; }
.p-f-mob-3 { padding: 22px; }
.p-f-mob-4 { padding: 36px; }
.p-f-mob-5 { padding: 57px; }

.py-f-mob-1 { padding-top: 10px; padding-bottom: 10px; }
.py-f-mob-2 { padding-top: 17px; padding-bottom: 17px; }
.py-f-mob-3 { padding-top: 22px; padding-bottom: 22px; }
.py-f-mob-4 { padding-top: 36px; padding-bottom: 36px; }
.py-f-mob-5 { padding-top: 57px; padding-bottom: 57px; }

.px-f-mob-1 { padding-left: 10px; padding-right: 10px; }
.px-f-mob-2 { padding-left: 17px; padding-right: 17px; }
.px-f-mob-3 { padding-left: 22px; padding-right: 22px; }
.px-f-mob-4 { padding-left: 36px; padding-right: 36px; }
.px-f-mob-5 { padding-left: 57px; padding-right: 57px; }

.pt-f-mob-1 { padding-top: 10px; }
.pt-f-mob-2 { padding-top: 17px; }
.pt-f-mob-3 { padding-top: 22px; }
.pt-f-mob-4 { padding-top: 36px; }
.pt-f-mob-5 { padding-top: 57px; }

.pb-f-mob-1 { padding-bottom: 10px; }
.pb-f-mob-2 { padding-bottom: 17px; }
.pb-f-mob-3 { padding-bottom: 22px; }
.pb-f-mob-4 { padding-bottom: 36px; }
.pb-f-mob-5 { padding-bottom: 57px; }


}

@media (min-width: 576px) and (max-width: 767.98px) {
  .p-f-mob-1 { padding: 22px; }
  .p-f-mob-2 { padding: 26px; }
  .p-f-mob-3 { padding: 31px; }
  .p-f-mob-4 { padding: 55px; }
  .p-f-mob-5 { padding: 63px; }

  .py-f-mob-1 { padding-top: 22px; padding-bottom: 22px; }
  .py-f-mob-2 { padding-top: 26px; padding-bottom: 26px; }
  .py-f-mob-3 { padding-top: 31px; padding-bottom: 31px; }
  .py-f-mob-4 { padding-top: 55px; padding-bottom: 55px; }
  .py-f-mob-5 { padding-top: 63px; padding-bottom: 63px; }

  .px-f-mob-1 { padding-left: 22px; padding-right: 22px; }
  .px-f-mob-2 { padding-left: 26px; padding-right: 26px; }
  .px-f-mob-3 { padding-left: 31px; padding-right: 31px; }
  .px-f-mob-4 { padding-left: 55px; padding-right: 55px; }
  .px-f-mob-5 { padding-left: 63px; padding-right: 63px; }

  .pt-f-mob-1 { padding-top: 22px; }
  .pt-f-mob-2 { padding-top: 26px; }
  .pt-f-mob-3 { padding-top: 31px; }
  .pt-f-mob-4 { padding-top: 55px; }
  .pt-f-mob-5 { padding-top: 63px; }

  .pb-f-mob-1 { padding-bottom: 22px; }
  .pb-f-mob-2 { padding-bottom: 26px; }
  .pb-f-mob-3 { padding-bottom: 31px; }
  .pb-f-mob-4 { padding-bottom: 55px; }
  .pb-f-mob-5 { padding-bottom: 63px; }
}

@media (min-width: 768px) {
  .p-f-1 { padding: 10px; }
  .p-f-2 { padding: 12px; }
  .p-f-3 { padding: 27px; }
  .p-f-4 { padding: 34px; }
  .p-f-5 { padding: 41px; }

  .py-f-1 { padding-top: 10px; padding-bottom: 10px; }
  .py-f-2 { padding-top: 12px; padding-bottom: 12px; }
  .py-f-3 { padding-top: 27px; padding-bottom: 27px; }
  .py-f-4 { padding-top: 34px; padding-bottom: 34px; }
  .py-f-5 { padding-top: 41px; padding-bottom: 41px; }

  .px-f-1 { padding-left: 10px; padding-right: 10px; }
  .px-f-2 { padding-left: 12px; padding-right: 12px; }
  .px-f-3 { padding-left: 27px; padding-right: 27px; }
  .px-f-4 { padding-left: 34px; padding-right: 34px; }
  .px-f-5 { padding-left: 41px; padding-right: 41px; }

  .pt-f-1 { padding-top: 10px; }
  .pt-f-2 { padding-top: 12px; }
  .pt-f-3 { padding-top: 27px; }
  .pt-f-4 { padding-top: 34px; }
  .pt-f-5 { padding-top: 41px; }

  .pb-f-1 { padding-bottom: 10px; }
  .pb-f-2 { padding-bottom: 12px; }
  .pb-f-3 { padding-bottom: 27px; }
  .pb-f-4 { padding-bottom: 34px; }
  .pb-f-5 { padding-bottom: 41px; }
}

@media (min-width: 992px) {
  .p-f-1 { padding: 15px; }
  .p-f-2 { padding: 18px; }
  .p-f-3 { padding: 34px; }
  .p-f-4 { padding: 41px; }
  .p-f-5 { padding: 48px; }

  .py-f-1 { padding-top: 15px; padding-bottom: 15px; }
  .py-f-2 { padding-top: 18px; padding-bottom: 18px; }
  .py-f-3 { padding-top: 34px; padding-bottom: 34px; }
  .py-f-4 { padding-top: 41px; padding-bottom: 41px; }
  .py-f-5 { padding-top: 48px; padding-bottom: 48px; }

  .px-f-1 { padding-left: 15px; padding-right: 15px; }
  .px-f-2 { padding-left: 18px; padding-right: 18px; }
  .px-f-3 { padding-left: 34px; padding-right: 34px; }
  .px-f-4 { padding-left: 41px; padding-right: 41px; }
  .px-f-5 { padding-left: 48px; padding-right: 48px; }

  .pt-f-1 { padding-top: 15px; }
  .pt-f-2 { padding-top: 18px; }
  .pt-f-3 { padding-top: 34px; }
  .pt-f-4 { padding-top: 41px; }
  .pt-f-5 { padding-top: 48px; }

  .pb-f-1 { padding-bottom: 15px; }
  .pb-f-2 { padding-bottom: 18px; }
  .pb-f-3 { padding-bottom: 34px; }
  .pb-f-4 { padding-bottom: 41px; }
  .pb-f-5 { padding-bottom: 48px; }
}

@media (min-width: 1200px) {
  .p-f-1 { padding: 18px; }
  .p-f-2 { padding: 19px; }
  .p-f-3 { padding: 32px; }
  .p-f-4 { padding: 48px; }
  .p-f-5 { padding: 54px; }

  .py-f-1 { padding-top: 18px; padding-bottom: 18px; }
  .py-f-2 { padding-top: 19px; padding-bottom: 19px; }
  .py-f-3 { padding-top: 32px; padding-bottom: 32px; }
  .py-f-4 { padding-top: 48px; padding-bottom: 48px; }
  .py-f-5 { padding-top: 54px; padding-bottom: 54px; }

  .px-f-1 { padding-left: 18px; padding-right: 18px; }
  .px-f-2 { padding-left: 19px; padding-right: 19px; }
  .px-f-3 { padding-left: 32px; padding-right: 32px; }
  .px-f-4 { padding-left: 48px; padding-right: 48px; }
  .px-f-5 { padding-left: 54px; padding-right: 54px; }

  .pt-f-1 { padding-top: 18px; }
  .pt-f-2 { padding-top: 19px; }
  .pt-f-3 { padding-top: 32px; }
  .pt-f-4 { padding-top: 48px; }
  .pt-f-5 { padding-top: 54px; }

  .pb-f-1 { padding-bottom: 18px; }
  .pb-f-2 { padding-bottom: 19px; }
  .pb-f-3 { padding-bottom: 32px; }
  .pb-f-4 { padding-bottom: 48px; }
  .pb-f-5 { padding-bottom: 54px; }
}

@media (min-width: 1400px) {
  .p-f-1 { padding: 18px; }
  .p-f-2 { padding: 20px; }
  .p-f-3 { padding: 40px; }
  .p-f-4 { padding: 54px; }
  .p-f-5 { padding: 61px; }

  .py-f-1 { padding-top: 18px; padding-bottom: 18px; }
  .py-f-2 { padding-top: 20px; padding-bottom: 20px; }
  .py-f-3 { padding-top: 40px; padding-bottom: 40px; }
  .py-f-4 { padding-top: 54px; padding-bottom: 54px; }
  .py-f-5 { padding-top: 61px; padding-bottom: 61px; }

  .px-f-1 { padding-left: 18px; padding-right: 18px; }
  .px-f-2 { padding-left: 20px; padding-right: 20px; }
  .px-f-3 { padding-left: 40px; padding-right: 40px; }
  .px-f-4 { padding-left: 54px; padding-right: 54px; }
  .px-f-5 { padding-left: 61px; padding-right: 61px; }

  .pt-f-1 { padding-top: 20px; }
  .pt-f-2 { padding-top: 25px; }
  .pt-f-3 { padding-top: 40px; }
  .pt-f-4 { padding-top: 54px; }
  .pt-f-5 { padding-top: 61px; }

  .pb-f-1 { padding-bottom: 18px; }
  .pb-f-2 { padding-bottom: 20px; }
  .pb-f-3 { padding-bottom: 40px; }
  .pb-f-4 { padding-bottom: 54px; }
  .pb-f-5 { padding-bottom: 61px; }
}

/* ==========================================================================
   MARGIN (skala)
========================================================================== */

/* Mobile (domyślnie) */


@media (max-width: 575.98px) {

.m-f-mob-1 { margin: 6.8px; }
.m-f-mob-2 { margin: 10.2px; }
.m-f-mob-3 { margin: 13.6px; }
.m-f-mob-4 { margin: 17px; }
.m-f-mob-5 { margin: 20.4px; }

.my-f-mob-1 { margin-top: 6.8px; margin-bottom: 6.8px; }
.my-f-mob-2 { margin-top: 10.2px; margin-bottom: 10.2px; }
.my-f-mob-3 { margin-top: 13.6px; margin-bottom: 13.6px; }
.my-f-mob-4 { margin-top: 17px; margin-bottom: 17px; }
.my-f-mob-5 { margin-top: 20.4px; margin-bottom: 20.4px; }

.mx-f-mob-1 { margin-left: 6.8px; margin-right: 6.8px; }
.mx-f-mob-2 { margin-left: 10.2px; margin-right: 10.2px; }
.mx-f-mob-3 { margin-left: 13.6px; margin-right: 13.6px; }
.mx-f-mob-4 { margin-left: 17px; margin-right: 17px; }
.mx-f-mob-5 { margin-left: 20.4px; margin-right: 20.4px; }

.mt-f-mob-1 { margin-top: 6.8px; }
.mt-f-mob-2 { margin-top: 10.2px; }
.mt-f-mob-3 { margin-top: 13.6px; }
.mt-f-mob-4 { margin-top: 17px; }
.mt-f-mob-5 { margin-top: 20.4px; }

.mb-f-mob-1 { margin-bottom: 6.8px; }
.mb-f-mob-2 { margin-bottom: 10.2px; }
.mb-f-mob-3 { margin-bottom: 13.6px; }
.mb-f-mob-4 { margin-bottom: 17px; }
.mb-f-mob-5 { margin-bottom: 20.4px; }
}

@media (min-width: 576px) and (max-width: 767.98px) {

  .m-f-mob-1 { margin: 13.6px; }
  .m-f-mob-2 { margin: 17px; }
  .m-f-mob-3 { margin: 20.4px; }
  .m-f-mob-4 { margin: 27.2px; }
  .m-f-mob-5 { margin: 34px; }

  .my-f-mob-1 { margin-top: 13.6px; margin-bottom: 13.6px; }
  .my-f-mob-2 { margin-top: 17px; margin-bottom: 17px; }
  .my-f-mob-3 { margin-top: 20.4px; margin-bottom: 20.4px; }
  .my-f-mob-4 { margin-top: 27.2px; margin-bottom: 27.2px; }
  .my-f-mob-5 { margin-top: 34px; margin-bottom: 34px; }

  .mx-f-mob-1 { margin-left: 13.6px; margin-right: 13.6px; }
  .mx-f-mob-2 { margin-left: 17px; margin-right: 17px; }
  .mx-f-mob-3 { margin-left: 20.4px; margin-right: 20.4px; }
  .mx-f-mob-4 { margin-left: 27.2px; margin-right: 27.2px; }
  .mx-f-mob-5 { margin-left: 34px; margin-right: 34px; }

  .mt-f-mob-1 { margin-top: 13.6px; }
  .mt-f-mob-2 { margin-top: 17px; }
  .mt-f-mob-3 { margin-top: 20.4px; }
  .mt-f-mob-4 { margin-top: 27.2px; }
  .mt-f-mob-5 { margin-top: 34px; }

  .mb-f-mob-1 { margin-bottom: 13.6px; }
  .mb-f-mob-2 { margin-bottom: 17px; }
  .mb-f-mob-3 { margin-bottom: 20.4px; }
  .mb-f-mob-4 { margin-bottom: 27.2px; }
  .mb-f-mob-5 { margin-bottom: 34px; }
}



@media (min-width: 768px) {
  .m-f-1 { padding: 10px; }
  .m-f-2 { margin: 20px; }
  .m-f-3 { margin: 27px; }
  .m-f-4 { margin: 34px; }
  .m-f-5 { margin: 41px; }

  .my-f-1 { margin-top: 17px; margin-bottom: 17px; }
  .my-f-2 { margin-top: 20px; margin-bottom: 20px; }
  .my-f-3 { margin-top: 27px; margin-bottom: 27px; }
  .my-f-4 { margin-top: 34px; margin-bottom: 34px; }
  .my-f-5 { margin-top: 41px; margin-bottom: 41px; }

  .mx-f-1 { margin-left: 17px; margin-right: 17px; }
  .mx-f-2 { margin-left: 20px; margin-right: 20px; }
  .mx-f-3 { margin-left: 27px; margin-right: 27px; }
  .mx-f-4 { margin-left: 34px; margin-right: 34px; }
  .mx-f-5 { margin-left: 41px; margin-right: 41px; }

  .mt-f-1 { margin-top: 17px; }
  .mt-f-2 { margin-top: 20px; }
  .mt-f-3 { margin-top: 27px; }
  .mt-f-4 { margin-top: 34px; }
  .mt-f-5 { margin-top: 41px; }

  .mb-f-1 { margin-bottom: 17px; }
  .mb-f-2 { margin-bottom: 20px; }
  .mb-f-3 { margin-bottom: 27px; }
  .mb-f-4 { margin-bottom: 34px; }
  .mb-f-5 { margin-bottom: 41px; }
}


@media (min-width: 992px) {
  .m-f-1 { margin: 20px; }
  .m-f-2 { margin: 27px; }
  .m-f-3 { margin: 34px; }
  .m-f-4 { margin: 41px; }
  .m-f-5 { margin: 48px; }

  .my-f-1 { margin-top: 20px; margin-bottom: 20px; }
  .my-f-2 { margin-top: 27px; margin-bottom: 27px; }
  .my-f-3 { margin-top: 34px; margin-bottom: 34px; }
  .my-f-4 { margin-top: 41px; margin-bottom: 41px; }
  .my-f-5 { margin-top: 48px; margin-bottom: 48px; }

  .mx-f-1 { margin-left: 20px; margin-right: 20px; }
  .mx-f-2 { margin-left: 27px; margin-right: 27px; }
  .mx-f-3 { margin-left: 34px; margin-right: 34px; }
  .mx-f-4 { margin-left: 41px; margin-right: 41px; }
  .mx-f-5 { margin-left: 48px; margin-right: 48px; }

  .mt-f-1 { margin-top: 20px; }
  .mt-f-2 { margin-top: 27px; }
  .mt-f-3 { margin-top: 34px; }
  .mt-f-4 { margin-top: 41px; }
  .mt-f-5 { margin-top: 48px; }

  .mb-f-1 { margin-bottom: 20px; }
  .mb-f-2 { margin-bottom: 27px; }
  .mb-f-3 { margin-bottom: 34px; }
  .mb-f-4 { margin-bottom: 41px; }
  .mb-f-5 { margin-bottom: 48px; }
}

@media (min-width: 1200px) {
  .m-f-1 { margin: 18px; }
  .m-f-2 { margin: 19px; }
  .m-f-3 { margin: 32px; }
  .m-f-4 { margin: 48px; }
  .m-f-5 { margin: 54px; }

  .my-f-1 { margin-top: 27px; margin-bottom: 27px; }
  .my-f-2 { margin-top: 31px; margin-bottom: 31px; }
  .my-f-3 { margin-top: 32px; margin-bottom: 32px; }
  .my-f-4 { margin-top: 48px; margin-bottom: 48px; }
  .my-f-5 { margin-top: 54px; margin-bottom: 54px; }

  .mx-f-1 { margin-left: 27px; margin-right: 27px; }
  .mx-f-2 { margin-left: 31px; margin-right: 31px; }
  .mx-f-3 { margin-left: 32px; margin-right: 32px; }
  .mx-f-4 { margin-left: 48px; margin-right: 48px; }
  .mx-f-5 { margin-left: 54px; margin-right: 54px; }

  .mt-f-1 { margin-top: 27px; }
  .mt-f-2 { margin-top: 31px; }
  .mt-f-3 { margin-top: 32px; }
  .mt-f-4 { margin-top: 48px; }
  .mt-f-5 { margin-top: 54px; }

  .mb-f-1 { margin-bottom: 27px; }
  .mb-f-2 { margin-bottom: 31px; }
  .mb-f-3 { margin-bottom: 32px; }
  .mb-f-4 { margin-bottom: 48px; }
  .mb-f-5 { margin-bottom: 54px; }
}

@media (min-width: 1400px) {
  .m-f-1 { margin: 18px; }
  .m-f-2 { margin: 20px; }
  .m-f-3 { margin: 40px; }
  .m-f-4 { margin: 54px; }
  .m-f-5 { margin: 61px; }

  .my-f-1 { margin-top: 30px; margin-bottom: 30px; }
  .my-f-2 { margin-top: 32px; margin-bottom: 32px; }
  .my-f-3 { margin-top: 40px; margin-bottom: 40px; }
  .my-f-4 { margin-top: 54px; margin-bottom: 54px; }
  .my-f-5 { margin-top: 61px; margin-bottom: 61px; }

  .mx-f-1 { margin-left: 30px; margin-right: 30px; }
  .mx-f-2 { margin-left: 32px; margin-right: 32px; }
  .mx-f-3 { margin-left: 40px; margin-right: 40px; }
  .mx-f-4 { margin-left: 54px; margin-right: 54px; }
  .mx-f-5 { margin-left: 61px; margin-right: 61px; }

  .mt-f-1 { margin-top: 30px; }
  .mt-f-2 { margin-top: 32px; }
  .mt-f-3 { margin-top: 40px; }
  .mt-f-4 { margin-top: 54px; }
  .mt-f-5 { margin-top: 61px; }

  .mb-f-1 { margin-bottom: 30px; }
  .mb-f-2 { margin-bottom: 32px; }
  .mb-f-3 { margin-bottom: 40px; }
  .mb-f-4 { margin-bottom: 54px; }
  .mb-f-5 { margin-bottom: 61px; }
}



/* ==========================================================================
   TYTUŁY / BLOKI
========================================================================== */


header{
  border-bottom: 1px solid var(--bs-gray-200);
}
.tytuly {
  border-bottom: 1px solid var(--bs-gray-200);

  color: var(--bs-h1);
  font-size: var(--bs-h1-size);
  padding: 30px 0px;
}
@media (max-width: 763.98px) {
  .tytuly {
  padding: 20px 20px;
   }
  .tytuly h1 {
  font-size: calc(var(--bs-h1-size) * 0.75);
  }
}


/* ==========================================================================
   BLOK STANDARDOWY
========================================================================== */

.blok-standardowy h2 {
  padding-top: 12px;
  font-size: var(--bs-size-blokstandard);
  color: var(--bs-primary);
  display: inline-block;
  line-height: 1em;
  margin-bottom: 20px;
}

.blok-standardowy p li {
  overflow: hidden;
  list-style-type: square;
}

.block-inline-blockstandardowy .text-right {
  text-align: right;
}

.block-inline-blockstandardowy .text-center {
  text-align: center;
}

.block-inline-blockstandardowy .field--name-field-nadtytul {
  color: var(--bs-primary);
  font-weight: 700;
  line-height: 32px;
  font-size: 12px;
  padding: 0 15px;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 8px;
  background: var(--bs-white);
  overflow: hidden;
  border: 1px solid rgba(222, 226, 230, 0.5);
}

.text-center .przycisk{

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

  display: inline;
  text-align: center;

}

.blok-przycisk.srodek,
.zdjecie_link.srodek {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.blok-przycisk.prawa,
.zdjecie_link.prawa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.zdjecie_link.lewa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* ==========================================================================
   BLOG
========================================================================== */


.blogs {
  background: var(--bs-gray-100);
  overflow: hidden;
  margin: 20px 0px;
}
.blog {
  overflow: hidden;
  margin: 20px 0px;
  background: var(--bs-gray-100);
}
.blogs h3,
.blogs h2,
.blog h2{
  font-size: 1.3em;
  font-weight: bold;
}



/* ==========================================================================
   ZDJĘCIE Z LINKIEM
========================================================================== */

.zdjecie_link {
  overflow: hidden;
  display: block;
  padding-bottom: 0;
  margin-bottom: 0;
}

.zdjecie_link h2 {
  margin-bottom: 20px;
}

.zdjecie_link .field--name-field-opis p {
  font-size: 0.8em;
}

.zdjecie_link a:hover {
  opacity: 0.8;
  transition: all 300ms ease;
}

.zdjecie_link img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   GALERIA (PhotoSwipe)
========================================================================== */

.photoswipe-gallery .field__item {
  float: left;
}

.photoswipe-gallery .field__item a img {
  border-radius: 4px;
  margin: 20px;
}

.photoswipe-gallery .field__item img:hover {
  opacity: 0.8;
}

/* ==========================================================================
   KONTAKT
========================================================================== */

.blok-kontakt {
  overflow: hidden;
}

.field--name-field-dodatkowe {
  font-size: var(--bs-size-male);
  display: table;
  padding-bottom: 5px;
}

.blok-kontakt strong {
  font-size: 1.2em;
  display: block;
}

.blok-kontakt a {
  color: var(--bs-link);
}

.bkonwyr.blok-kontakt-zdj-prawa img,
.blok-kontakt-zdj-lewa img {
  padding: 2px 15px;
}

.bkonwyr {
  display: block;
}

.bkonwyr.blok-kontakt-zdj-lewa {
  float: left;
}

.bkonwyr.blok-kontakt-zdj-prawa {
  float: right;
}

/* ==========================================================================
   UKŁADY / POZYCJONOWANIE
========================================================================== */

.do-lewa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}

.do-srodek {
  display: flex;
  justify-content: center;
}

.do-srodek i {
  text-align: center;
  padding-bottom: 5px;
}

.do-prawa i {
  text-align: right;
}

.do-srodek > div {
  text-align: center;
}

.do-prawa {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

/* ==========================================================================
   IKONY
========================================================================== */



.blok-ikona a {
  color: var(--bs-body);
}

.blok-ikona img {
  width: 40px;

}
.blok-ikona .ikona_mala img {
  width: 50px;

}
.blok-ikona .ikona_srednia img {
  width: 60px;

}
.blok-ikona .ikona_duza img {
  width: 70px;

}
.blok-ikona .ikona_bardzo_duza img {
  width: 80px;

}

.blok-ikona .text-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

.blok-ikona .text-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.blok-ikona .field--name-field-opis {
  padding: 0;
}

.blok-ikona i {
  display: block;
}

.ikona_mala i { font-size: 1.5rem; line-height: 1.6rem; }
.ikona_srednia i { font-size: 1.8rem; line-height: 1.9rem; }
.ikona_duza i { font-size: 2.5rem; line-height: 3.2rem; }
.ikona_bduza i { font-size: 3.5rem; line-height: 4.2rem; }

.teksikodol {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.teksikolewa {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.teksikoprawa {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

.text-center .teksikoprawa {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.teksikolewa i,
.teksikolewa img {
  padding-right: 12px;
}
.teksikoprawa i,
.teksikoprawa img {
  padding-left: 12px;
}



/* ==========================================================================
   SLAJD (Carousel)
========================================================================== */



/*
.view-slajd .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.view-slajd .carousel-indicators .active {
  background-color: var(--bs-primary);
}

.view-slajd .carousel img {
  width: 100%;
  height: auto;
}

.view-slajd .carousel {
  position: relative;
}

.view-slajd .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.view-slajd .carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.view-slajd .carousel-caption h1 {
  font-size: calc(3.245rem + 0.9vw);
  text-shadow: 4px 4px 9px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1200px) {
  .view-slajd .carousel-caption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    color: #fff;
    text-align: left;
    -webkit-animation: wjazd 1s ease;
  }

  .view-slajd .carousel-caption h1 {
    font-size: calc(2.245rem + 0.9vw);
  }

  .view-slajd .slajd_opis {
    width: 90%;
    padding-left: 40px;
    display: block;
  }

  a.slj.btn-lg {
    font-size: 0.8rem;
  }

  .slajd_przycisk {
    padding-top: 250px;
    display: block;
    padding-left: 35px;
  }
}

@media (min-width: 1201px) {
  .responsive-btn.responsive-btn {
    padding: 1.5rem 1rem;
    font-size: 1.25rem;
  }

  .slajd_przycisk {
    margin-top: 70px;
    display: block;
  }

  .view-slajd .carousel-caption {
    position: absolute;
    top: 22%;
    left: 10%;
    z-index: 1;
    padding-top: 30px;
    padding-left: 20px;
    color: #fff;
    text-align: left;
    -webkit-animation: wjazd 1s ease;
  }
}
*/


/* ==========================================================================
   ZAŁĄCZNIKI
========================================================================== */

.blok-zalaczniki {
  overflow: hidden;
}

.blok-zalaczniki h2 {
  font-size: var(--bs-size-blokzalaczniki);
}

.blok-zalaczniki a {
  margin-bottom: 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 2px 10px;
  margin: 2px 0;
  font-weight: 500;
  font-size: 1em;
  background: var(--bs-primary);
  color: var(--bs-doprimary);
}

.blok-zalaczniki .field--name-field-zalacznik .field__item {
  margin-bottom: 5px;
  display: block;
}

.blok-zalaczniki a:hover {
  transition: all 700ms ease;
  background: var(--bs-secondary);
}

/* ==========================================================================
   PRZYCISKI
========================================================================== */

.blok-przycisk {
  overflow: hidden;
  display: block;
}

.przycisk_styl_1,
.przycisk_styl_2,
.przycisk_styl_3,
.przycisk_styl_4 {
  text-decoration: none;
  display: table;

  border-radius: 5px;
  line-height: 30px;
  transition: all 300ms linear 0ms;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  white-space: nowrap;
  vertical-align: middle;
}

.przycisk_styl_1 {
  background: var(--bs-primary);
  color: var(--bs-doprimary);
  border: 0;
}

.przycisk_styl_2 {
  font-weight: 700;
  background: var(--bs-secondary);
  color: var(--bs-dosecondary);
  border: 0;
}

.przycisk_styl_3 {
  font-weight: 700;
  background: var(--bs-white);
  color: var(--bs-black);
}

.przycisk_styl_4 {
  font-weight: 700;
  background: var(--bs-black);
  color: var(--bs-white);
}

.przycisk_styl_1:hover {
  color: var(--bs-dosecondary);
  background: var(--bs-secondary);
}

.przycisk_styl_2:hover {
  color: var(--bs-doprimary);
  background: var(--bs-primary);
}

.przycisk.btn-sm {
  font-size: calc(var(--bs-przycisk-size) - 0.2em);
  padding: 3px 15px;
}

.przycisk.btn-md {
  font-size: var(--bs-przycisk-size);
  padding: 5px 15px;
}

.przycisk.btn-lg {
  font-size: calc(var(--bs-przycisk-size) + 0.4em);
  padding: 10px 15px;
}

.przycisk.btn-xl {
  font-size: calc(var(--bs-przycisk-size) + 1em);
  padding: 15px 20px;
}

@media all and (max-width: 1200px) {
  .przycisk_styl_1,
  .przycisk_styl_2 {
    width: 100%;
  }
}

/* ==========================================================================
   GALERIA (blok)
========================================================================== */

.blok-galeria {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.wyrownanie_galeria .photoswipe-gallery .field--name-field-galeria {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}

.galerie .photoswipe-gallery .photoswipe img,
.wyrownanie_galeria .photoswipe-gallery .photoswipe img {
  padding: 1px;
  margin: 3px;
  border-bottom: 3px solid var(--bs-secondary);
}

.galerie .photoswipe-gallery .photoswipe img:hover,
.wyrownanie_galeria .photoswipe-gallery .photoswipe img:hover {
  border-bottom: 3px solid #e51d25;
  opacity: 0.9;
}

/* ==========================================================================
   DODATKOWE / TYMCZASOWE
========================================================================== */

.container .admin-panel1 {
  background: #ededed;
  overflow: hidden;
}

ul.bs_nav-tabs svg {
  height: 20px;
}

.region-content,
.region {
  padding: 0;
  margin: 0;
}

/* ==========================================================================
   HEADER
========================================================================== */

.przelamanie {
  content: "";
  display: block;
  clear: both;
  padding-top: 0;
}

@media all and (max-width: 767px) {
  .fia_przyciski {
    display: none;
  }
}

.fia_przyciski {
  display: flex;
}

.przycisk-kontakt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 5px;
  border: 1px solid #dad5d2;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.przycisk-tel {
  margin-right: 5px;
  padding: 6px 18px;
}

.przycisk-tel i,
.przycisk-kontakt i {
  font-size: 1.4em;
  color: #2c4391;
}

.przycisk-kontakt i:hover {
  color: #817065;
}

@media all and (min-width: 1025px) {
  .przyciskiw span {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
  }

  .przelamanie {
    padding-top: 6px;
  }

  .toolbar-fixed .przelamanie {
    padding-top: 0;
  }

  .doprawej {
    float: right;
  }
}

/* ==========================================================================
   SORTOWANIE / PAGER
========================================================================== */

.pager {
  margin-bottom: 20px;
}

.pager .pager__item {
  background: var(--bs-grey);
  border-radius: 5px;
}

.pager__item.is-active {
  font-weight: bold;
  background: var(--bs-primary);
  color: var(--bs-doprimary);
  border-radius: 5px;
}

.pager__item--first {
  padding-left: 10px;
}

.pager__item--last {
  padding-right: 10px;
}

/* ==========================================================================
   FOOTER
========================================================================== */

.site-footer {
  padding: 0;
  margin: 0;
}

footer {
  font-size: 0.9em;
  background: var(--bs-primary);
  color: var(--bs-doprimary);
}

@media (max-width: 1025px) {
  .region.region-footer .view-bloki h3 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
  }
}

@media (min-width: 1025px) {
  .region.region-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.region.region-footer .views-element-container {
  text-align: left;
}

.region.region-footer ul {
  padding: 0;
  margin: 0;
}

.region.region-footer li {
  list-style: none;
  font-size: 0.9em;
  opacity: 0.8;
}

.block-views-blockbloki-block-3 {
  grid-column: span 3;
  font-size: 0.8em;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 15px;
  margin-top: 25px;
}

.region.region-footer .view-bloki h4 {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 600;
  color: var(--bs-doprimary);
}

.region.region-footer .view-bloki a {
  color: var(--bs-doprimary);
}

/* ==========================================================================
   LOGOWANIE
========================================================================== */

.logowanie {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.logowaniedane {
  background: #f2f2f2;
  box-shadow: 8px 8px 24px -24px rgba(0, 0, 0, 1);
  border: 1px solid #fff;
  padding: 30px;
  margin-top: 20px;
  border-radius: 10px;
}

/* ==========================================================================
   ADMINISTRACJA
========================================================================== */

.menu-edit-form .form-item-label,
.menu-edit-form .js-form-item-description,
.menu-edit-form .form-type-language-select,
.user-logged-in .block-help-block {
  display: none;
}

#menu-overview {
  max-width: 1170px;
  margin: 0 auto;
}

.path-admin #edit-actions {
  text-align: center;
}

.admin_but {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999;
}

input {
  border: 1px solid #f9f9f9;
}

.admin_but a {
  display: table;
  background: #ff0000;
  color: #fff;
  font-size: 0.7em;
  font-weight: 700;
  padding: 2px 9px 1px 9px;
  border-radius: 0 10px 0 10px;
  text-align: center;
}

.admin_but a:hover {
  background: #000;
}

.admin_but i {
  color: var(--bs-white);
  font-size: 1.2em;
}

#edit-actions,
.entity-content-form-footer,
.form-type-vertical-tabs,
#edit-field-baner-tytul-wrapper {
  padding: 0 25px;
}

.opis_admin {
  font-size: 0.9em;
  background: #fc0;
  border-radius: 10px;
  padding: 10px 15px;
  line-height: 28px;
}

.adminpp h2,
#block-fiapl-zxczxc h2 {
  display: flex;
  flex-direction: row;
  color: #979797;
  text-transform: uppercase;
  font-size: 0.8em;
}

.adminpp h2:before,
.adminpp h2:after,
#block-fiapl-zxczxc h2:before,
#block-fiapl-zxczxc h2:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #dee2e6;
  margin: auto;
}

.adminpp h2:before,
#block-fiapl-zxczxc h2:before {
  margin-right: 10px;
}

.adminpp h2:after,
#block-fiapl-zxczxc h2:after {
  margin-left: 10px;
}

/* ==========================================================================
   FORMULARZE (ADMIN)
========================================================================== */

.pd {
  font-size: 1.2em;
  color: var(--bs-white);
  padding: 20px 50px 20px 20px;
  font-weight: 700;
  border-radius: 5px;
  margin: 0 2px;
  display: block;
}

.pd span {
  display: block;
  font-size: 0.7em;
  color: var(--bs-white);
  font-weight: 400;
}

.pd i {
  font-size: 1.9em;
}

.pd:hover {
  color: var(--bs-white);
  opacity: 0.7;
}

.pd a {
  color: var(--bs-white);
}

.przycisk_admin1a { background: #e51d25; }
.przycisk_admin2a { background: #12498d; }
.przycisk_admin1 { background: #284468; }
.przycisk_admin2 { background: #9ebee8; }
.przycisk_admin3 { background: #5b92e1; }
.przycisk_admin4 { background: #495467; }
.przycisk_admin5 { background: #4972b4; }
.przycisk_admin6 { background: #d2d2d2; }

.zalog .section .region-content h2,
.zalog .section .region-sidebar-second h2 {
  border-bottom: 0;
  padding-bottom: 0;
}

@media all and (min-width: 1025px) {
  .user-logged-in form.node-article-form,
  .user-logged-in form.node-page-form,
  .user-logged-in form.node-page-edit-form {
    width: 80%;
    margin: 0 auto;
  }
}

.user-logged-in .details-wrapper,
.user-logged-in form .js-form-type-textarea {
  border: 0 solid #ccced1 !important;
}

.user-logged-in form.node-bloki-edit-form,
.user-logged-in form.node-article-form .form-item,
.user-logged-in form.node-article-edit-form .form-item,
.user-logged-in form.node-page-form .form-item,
.user-logged-in form.node-page-edit-form .form-item {
  padding: 5px 10px;
  margin: 0;
  background: #f8f8f8;
  border: 0 solid #ccced1;
  border-radius: 3px;
  margin-bottom: 10px;
}

.user-logged-in .block-page-title-block h1 {
  font-size: 1.2em;
}

.user-logged-in .tabs-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.nav-tabs {
  width: 100%;
  display: flex;
  justify-content: center;
}

.nav-tabs .nav-item a {
  color: #000;
}

.nav-tabs .nav-link {
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #000;
}

.layout-builder-widget-divider {
  height: 1px;
  padding: 0;
  margin: 0;
}

.alert {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  padding: 12px;
  margin-bottom: 10px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 230, 156, 1) 100%);
  border: 0;
  font-style: italic;
}

/* ==========================================================================
   MENU / NAVBAR
========================================================================== */

/* Desktop: dropdown na hover */
@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu { display: none; margin-top: 0; }
  .navbar .nav-item:hover .dropdown-menu { display: table; background: #fff; }
}

/* Navbar */
.navbar {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  min-height: 80px;
  transition: all 300ms ease-in-out;
  background-color: var(--bs-white);
}

@media (min-width: 992px) {
  .navbar { min-height: 100px; }
}

/* Dropdown */
.dropdown-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.dropdown-menu .dropdown-item {
  width: 100%;
  padding: 10px;
  border-radius: 0;
  background-color: var(--bs-primary);
  color: var(--bs-doprimary);
}

.dropdown-menu .dropdown-item:is(.is-active, :hover) {
  background-color: var(--bs-secondary);
  color: var(--bs-dosecondary);
}

/* Opcjonalne warianty navbar (zostawione, bo często ustawiane dynamicznie/na podstronach) */
.navbar.navbar-bordered {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
  .navbar.navbar-sticky,
  .navbar.navbar-fixed {
    border-color: rgba(0, 0, 0, 0.1);
  }
}

/* Pozycjonowanie elementów menu */
.navbar .navbar-nav > li {
  position: relative;
  margin-right: 30px;
}

.navbar .navbar-nav > li:last-child { margin-right: 0; }

/* Linki w menu */
.navbar .navbar-nav > li > a {
  display: block;
  padding: 0;
  position: relative;
  text-transform: uppercase;

  font-family: var(--bs-font-1);
  font-size: 0.9em;
  font-weight: 700;
  line-height: 100px;
  color: var(--bs-primary);
}

/* Podkreślenie animowane */
.navbar .navbar-nav > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--bs-secondary);

  transform: scale3d(0, 1, 1);
  transform-origin: 100% 50%;
  transition: transform 1s cubic-bezier(0.2, 1, 0.3, 1);
}

.navbar .navbar-nav > li.active > a::before,
.navbar .navbar-nav > li:hover > a::before {
  transform: scale3d(1, 1, 1);
  transform-origin: 0 50%;
}

@media (max-width: 991.98px) {
  .navbar.navbar-light .navbar-nav > li > a::before { content: none; }
}

/* Brand */
.navbar .navbar-brand {
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* Fixed navbar */
.navbar.navbar-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  animation: fadeInDown 1s ease-in-out;
  box-shadow: 0 2px 4px rgba(3, 27, 78, 0.1);
}

/* Mobile navbar */
@media (max-width: 991px) {
  .navbar-sticky,
  .navbar.navbar-fixed {
    background: #fff;
    box-shadow: none;
  }

  .navbar .navbar-brand .logo-light { display: none; }
  .navbar .navbar-brand .logo-dark { display: block; }

  .navbar .navbar-toggler {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 30px;

    border: 0;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }

  .navbar .navbar-toggler .navbar-toggler-icon {
    width: 100%;
    height: 2px;
    position: relative;
    background-color: #1b1a1a;
    transition: 0.3s ease-in-out;
  }

  .navbar .navbar-toggler .navbar-toggler-icon::before,
  .navbar .navbar-toggler .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1a1a;
    transition: 0.3s ease-in-out;
  }

  .navbar .navbar-toggler .navbar-toggler-icon::before { top: -10px; }
  .navbar .navbar-toggler .navbar-toggler-icon::after  { top: 10px; }

  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-color: transparent;
  }

  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before,
  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
    top: 0;
  }

  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before { transform: rotate(45deg); }
  .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after  { transform: rotate(-45deg); }

  .navbar .navbar-collapse {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 9999;

    padding: 30px;
    background-color: #fff;

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: 0.3s linear;
  }

  .navbar .navbar-collapse.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .navbar.navbar-bordered .navbar-collapse { top: calc(100% + 1px); }

  .navbar .navbar-nav > li { margin-right: 0; }

  .navbar .navbar-nav > li > a,
  .navbar .navbar-nav > li a.is-active {
    display: block;
    padding: 12px 0;

    line-height: 36px;
    color: #1b1a1a;
    border-bottom: 1px solid #d1d1d1;
  }

  .navbar .menu-item::before { display: none; }

  .navbar .has-dropdown > .dropdown-menu { transition: 0.3s ease-in-out; }

  .navbar .dropdown-menu li { line-height: 26px; }

  .navbar .dropdown-menu li a {
    display: block;
    padding-left: 20px;
    font-size: 15px;
    color: #fff;
  }

  .navbar .show > .dropdown-menu { display: block; }
  .navbar .dropdown-submenu.show .dropdown-menu { display: block; }
  .navbar .dropdown-submenu .dropdown-menu { padding-left: 20px; }
}

@media (max-width: 1195.98px) {
  .navbar .navbar-nav > li > a {
 font-size: calc(var(--bs-size-body) * 0.85);
  }
}

.dropdown-toggle::after {
        border: none !important;
        content: "\ea4e";
        font-family: 'remixicon' !important;
        color  : var(--bs-secondary);
}

/* ==========================================================================
   COPYRIGHT
========================================================================== */

#block-fia-copyright p {
  padding: 10px;
  color: var(--bs-primary);
  border-radius: 5px;
  font-size: 0.8rem;
  text-align: center;
}

#block-fia-copyright a {
  color: var(--bs-primary);
}

#block-fia-copyright a:hover {
  color: var(--bs-secondary);
}

/* ==========================================================================
   MEDIA LIBRARY (Drupal)
========================================================================== */

.js-media-library-item {
  overflow: hidden;
}

.media-library-item__remove {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  transition: 0.2s border-color;
  color: transparent;
  background-size: 1.1rem;
  text-shadow: none;
  font-size: 0;
  border-radius: 0.25em;
  background-repeat: no-repeat;
  background-position: center;
}

.media-library-item__remove:hover {
  color: #fff;
}

.js-media-library-widget {
  background: #f9f9f9;
  overflow: hidden;
  padding: 10px;
  border-radius: 5px;
}

.description,
.js-filter-wrapper.js-form-wrapper.form-wrapper {
  display: none;
}

.js-media-library-views-form {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 10px;
  padding: 10px;
  flex-wrap: wrap;
}

.js-media-library-views-form .js-media-library-item {
  background: #f8f8f8;
  padding: 5px;
  border-radius: 5px;
  width: 100%;
  display: block;
}

.js-media-library-views-form .js-media-library-item-preview {
  font-size: 0.9em;
}

.media-library-item__remove.button {
  display: block !important;
  padding-bottom: 30px !important;
  overflow: hidden !important;
  margin-bottom: 10px;
}

.inline-block-create-button {
  font-size: 1rem !important;
  font-weight: 700;
}

.inline-block-create-button:before {
  background: none !important;
}

/* ==========================================================================
   RESET / UKRYCIA (Layout Builder)
========================================================================== */

.field-group-tab {
  width: 100%;
  display: block;
  overflow: hidden;
}

details.form-wrapper.card {
  margin: 5px !important;
}

.node-page-layout-builder-form .form-type-vertical-tabs {
  display: none !important;
  overflow: hidden;
}

.form-item-settings-admin-label {
  display: none !important;
}

.node-page-layout-builder-form .form-actions {
  display: flex;
}

.layout-builder-remove-block,
#drupal-off-canvas .item-list div,
.bs_background--size.bs_col *,
.bs_background--attachment.bs_col *,
.bs_background--repeat.bs_col *,
.bs_background--position.bs_col span,
.form-item-layout-settings-ui-tab-content-settings-label label,
.blb_breakpoint_cols.fieldgroup span,
.blb_gutter_type.fieldgroup span,
.bs-field-padding span,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-bottom label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-left label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-top label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-padding-right label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-right label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-left label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-bottom label,
.js-form-item-layout-settings-ui-tab-content-appearance-spacing-margin-top label,
.blb_container_type.fieldgroup span,
.field-background-color.bs_input-circles span,
.bs-field-border-color-bottom.bs_input-circles span,
.bs-field-border-color-bottom.bs_input-circles strong,
.bs-field-border-color.bs_input-circles span,
.bs-field-border-style.bs_input-circles span,
.form-item-layout-settings-ui-tab-content-appearance-border-border-width label,
.form-item-layout-settings-ui-tab-content-appearance-spacing-margin label,
.form-item-layout-settings-ui-tab-content-appearance-spacing-padding label,
.field-text-alignment.bs_input-boxes span,
.field-text-color.bs_input-circles span,
#background_image-media-library-wrapper-layout_settings-ui-tab_content-appearance-background span,
#background_video-media-library-wrapper-layout_settings-ui-tab_content-appearance-background span,

.bs-group-title {
  color: #fff !important;
}

.bs-group-title svg {
  fill: #fff;
  stroke: #fff;
}

/* pseudo-element */
.bs-group-title::after {
  color: #fff;

}