@charset "UTF-8";
/*
	Theme Name: Bauman Child
	Theme URI: http://clapat.ro/themes/munio-wordpress/
	Description: Responsive Wordpress Theme
	Template: bauman
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: bauman-child
*/
/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
:root {
  --color-red: #f00031;
  --color-limon: #fff9b3;
  --color-creame: #bcbbb7;
}

.red {
  color: #f00031 !important;
}

.bg-red {
  background-color: #f00031 !important;
}

.limon {
  color: #fff9b3 !important;
}

.bg-limon {
  background-color: #fff9b3 !important;
}

.creame {
  color: #bcbbb7 !important;
}

.bg_creame {
  background-color: #bcbbb7 !important;
}

* {
  font-family: "Poppins";
}

html {
  font-size: 15px; /* domyślna baza */
}

BODY {
  background-color: #141414;
}

.btn-aibb, .page-id-7627 form.wpcf7-form #contact-formular .button-send input,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input,
.page-id-29 form.wpcf7-form #contact-formular .button-send input, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a {
  background-color: gray !important;
  color: #ffffff !important;
  border-color: unset !important;
  border: none !important;
  font-size: 20px !important;
  line-height: 1em !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 10px 60px !important;
}
.btn-aibb.btn-clasic--red, .page-id-7627 form.wpcf7-form #contact-formular .button-send input,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input,
.page-id-29 form.wpcf7-form #contact-formular .button-send input, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.btn-clasic--red {
  background-color: #f00031 !important;
  color: #ffffff !important;
  padding: 10px 60px 10px 30px !important;
}
.btn-aibb.btn-fine--dark, .page-id-7627 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark,
.page-id-29 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.btn-fine--dark, body.page-id-2 #preorder-formular .btn-aibb.wpcf7-submit, body.page-id-2 #preorder-formular .page-id-7627 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit, .page-id-7627 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit,
body.page-id-2 #preorder-formular .page-id-7657 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7657 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit,
body.page-id-2 #preorder-formular .page-id-7653 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7653 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit,
body.page-id-2 #preorder-formular .page-id-29 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-29 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit, body.page-id-2 #preorder-formular BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.wpcf7-submit, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right body.page-id-2 #preorder-formular a.wpcf7-submit,
body.page-id-7534 #preorder-formular .btn-aibb.wpcf7-submit,
body.page-id-7534 #preorder-formular .page-id-7627 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7627 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit,
body.page-id-7534 #preorder-formular .page-id-7657 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7657 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit,
body.page-id-7534 #preorder-formular .page-id-7653 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7653 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit,
body.page-id-7534 #preorder-formular .page-id-29 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-29 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit,
body.page-id-7534 #preorder-formular BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.wpcf7-submit,
BODY.single-bauman_portfolio #hero .hero-bottom .hb-right body.page-id-7534 #preorder-formular a.wpcf7-submit,
body.page-id-3181 #preorder-formular .btn-aibb.wpcf7-submit,
body.page-id-3181 #preorder-formular .page-id-7627 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7627 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit,
body.page-id-3181 #preorder-formular .page-id-7657 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7657 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit,
body.page-id-3181 #preorder-formular .page-id-7653 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-7653 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit,
body.page-id-3181 #preorder-formular .page-id-29 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit,
.page-id-29 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit,
body.page-id-3181 #preorder-formular BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.wpcf7-submit,
BODY.single-bauman_portfolio #hero .hero-bottom .hb-right body.page-id-3181 #preorder-formular a.wpcf7-submit {
  background-color: transparent !important;
  border: 1px solid #000 !important;
  color: #000 !important;
  padding: 20px 40px !important;
  z-index: 100;
}
.btn-aibb.btn-fine--dark:hover, .page-id-7627 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark:hover,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark:hover,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark:hover,
.page-id-29 form.wpcf7-form #contact-formular .button-send input.btn-fine--dark:hover, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.btn-fine--dark:hover, body.page-id-2 #preorder-formular .btn-aibb.wpcf7-submit:hover, body.page-id-2 #preorder-formular .page-id-7627 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover, .page-id-7627 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit:hover,
body.page-id-2 #preorder-formular .page-id-7657 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7657 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit:hover,
body.page-id-2 #preorder-formular .page-id-7653 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7653 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit:hover,
body.page-id-2 #preorder-formular .page-id-29 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-29 form.wpcf7-form #contact-formular .button-send body.page-id-2 #preorder-formular input.wpcf7-submit:hover, body.page-id-2 #preorder-formular BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.wpcf7-submit:hover, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right body.page-id-2 #preorder-formular a.wpcf7-submit:hover,
body.page-id-7534 #preorder-formular .btn-aibb.wpcf7-submit:hover,
body.page-id-7534 #preorder-formular .page-id-7627 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7627 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit:hover,
body.page-id-7534 #preorder-formular .page-id-7657 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7657 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit:hover,
body.page-id-7534 #preorder-formular .page-id-7653 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7653 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit:hover,
body.page-id-7534 #preorder-formular .page-id-29 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-29 form.wpcf7-form #contact-formular .button-send body.page-id-7534 #preorder-formular input.wpcf7-submit:hover,
body.page-id-7534 #preorder-formular BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.wpcf7-submit:hover,
BODY.single-bauman_portfolio #hero .hero-bottom .hb-right body.page-id-7534 #preorder-formular a.wpcf7-submit:hover,
body.page-id-3181 #preorder-formular .btn-aibb.wpcf7-submit:hover,
body.page-id-3181 #preorder-formular .page-id-7627 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7627 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit:hover,
body.page-id-3181 #preorder-formular .page-id-7657 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7657 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit:hover,
body.page-id-3181 #preorder-formular .page-id-7653 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-7653 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit:hover,
body.page-id-3181 #preorder-formular .page-id-29 form.wpcf7-form #contact-formular .button-send input.wpcf7-submit:hover,
.page-id-29 form.wpcf7-form #contact-formular .button-send body.page-id-3181 #preorder-formular input.wpcf7-submit:hover,
body.page-id-3181 #preorder-formular BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.wpcf7-submit:hover,
BODY.single-bauman_portfolio #hero .hero-bottom .hb-right body.page-id-3181 #preorder-formular a.wpcf7-submit:hover {
  background-color: rgba(0, 0, 0, 0.1294117647);
}
.btn-aibb.btn-clasic--disabled, .page-id-7627 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled,
.page-id-29 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.btn-clasic--disabled {
  background-color: gray !important;
  color: #c9c9c9 !important;
  padding: 10px 60px 10px 30px !important;
  cursor: not-allowed;
}
.btn-aibb.btn-clasic--disabled:hover, .page-id-7627 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled:hover,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled:hover,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled:hover,
.page-id-29 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled:hover, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.btn-clasic--disabled:hover {
  background-color: gray !important;
}
.btn-aibb.btn-clasic--disabled del, .page-id-7627 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled del,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled del,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled del,
.page-id-29 form.wpcf7-form #contact-formular .button-send input.btn-clasic--disabled del, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a.btn-clasic--disabled del {
  color: #c9c9c9 !important;
}

#logo img {
  -webkit-transition: all 2s;
  transition: all 2s;
}
#logo img:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
@media (max-width: 769px) {
  #logo {
    margin-top: 0px;
  }
}

#menu-menu-pl .lang-item a,
#menu-menu-en .lang-item a {
  color: #535353;
}

/***
 * [ai]WEB0.UI™
 */
.aiweb0iu {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -0.06em;
  color: #fff;
}
.aiweb0iu sub {
  letter-spacing: 0;
  font-size: 0.3em;
  padding: 0 0.5em;
  margin-right: 0.2em;
}
.aiweb0iu sup {
  font-size: 50%;
  top: -0.9em;
  font-weight: 400;
}
.aiweb0iu small {
  font-size: 0.25em;
  letter-spacing: 0.3em;
  display: block;
  line-height: 0;
  padding-left: 20px;
}
.aiweb0iu b {
  font-family: "Share Tech Mono", Poppins, sans-serif;
  font-weight: 600;
}
.aiweb0iu sub {
  color: #000;
  background: #fff;
}
.aiweb0iu--white {
  color: #000;
}
.aiweb0iu--white sub {
  color: #fff;
  background: #000;
}
.aiweb0iu--limon {
  color: #fff9b3;
}
.aiweb0iu--limon sub {
  color: #000;
  background: #fff9b3;
}
.aiweb0iu--limon sup {
  color: #fff9b3;
}

.aiweb0uitxt {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -0.06em;
  color: #fff;
}
.aiweb0uitxt sub {
  letter-spacing: 0;
  font-size: 0.3em;
  padding: 0 0.5em;
  margin-right: 0.2em;
}
.aiweb0uitxt sup {
  font-size: 50%;
  top: -0.9em;
  font-weight: 400;
}
.aiweb0uitxt small {
  font-size: 0.25em;
  letter-spacing: 0.3em;
  display: block;
  line-height: 0;
  padding-left: 20px;
}
.aiweb0uitxt b {
  font-family: "Share Tech Mono", Poppins, sans-serif;
  font-weight: 600;
}
.aiweb0uitxt sub {
  padding: 0 0 0 3px;
  line-height: 1em;
  font-size: 0.6em;
}
.aiweb0uitxt sub, .aiweb0uitxt sup {
  color: #fff;
}
.aiweb0uitxt--white {
  color: #000;
}
.aiweb0uitxt--white sub, .aiweb0uitxt--white sup {
  color: #000;
}
.aiweb0uitxt--limon {
  color: #fff9b3;
}
.aiweb0uitxt--limon sub, .aiweb0uitxt--limon sup {
  color: #fff9b3;
}

/***
 * Gwiazdy dla sekcji AI na Intro
 */
.starfield {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}
.starfield > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.starfield > * {
  background-size: 200px, 200px;
  background-image: radial-gradient(2px 2px at 40px 60px, #CCC, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 20px 50px, #ddd, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 30px 100px, #eee, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 40px 60px, #fff, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 110px 90px, #ccc, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 190px 150px, #ddd, rgba(0, 0, 0, 0));
  background-repeat: repeat;
}
.starfield > * {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: starfieldRotate;
          animation-name: starfieldRotate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.starfield > *:nth-child(1) {
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.starfield > *:nth-child(2) {
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.starfield > *:nth-child(3) {
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
}
.starfield > *:nth-child(4) {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}

@-webkit-keyframes starfieldRotate {
  from {
    transformation: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes starfieldRotate {
  from {
    transformation: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/***
* Zachowanie kursora 
*/
#magic-cursor.resize1 #ball {
  -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out;
  transition: width 300ms ease-in-out, height 300ms ease-in-out;
  width: 120px !important;
  height: 120px !important;
}
#magic-cursor.resize1 #ball #welcome-text {
  text-align: center;
  font-size: 70% !important;
}
#magic-cursor.resize2 #ball {
  -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out;
  transition: width 300ms ease-in-out, height 300ms ease-in-out;
  width: 280px;
  height: 280px;
}
#magic-cursor.resicolorizeRed #ball {
  background-color: #f00031 !important;
  border: none;
  opacity: 0.8 !important;
}
#magic-cursor.resicolorizeRed #ball #welcome-text {
  color: #FFF !important;
}
#magic-cursor.resicolorizeLimon #ball {
  background-color: #fff9b3 !important;
  border: none;
  opacity: 0.8 !important;
}
#magic-cursor.resicolorizeLimon #ball #welcome-text {
  color: #000 !important;
}
#magic-cursor.resicolorizeGray #ball {
  background-color: rgba(255, 255, 255, 0.231372549) !important;
  border: none;
  opacity: 0.8 !important;
}
#magic-cursor.resicolorizeDark #ball {
  background-color: rgba(0, 0, 0, 0.231372549) !important;
  border: none;
  opacity: 0.8 !important;
}
#magic-cursor.disabled #ball {
  background-color: transparent !important;
  border: none !important;
  opacity: 0 !important;
}

BODY.home #EnterLogo img {
  max-height: 430px;
}
BODY.home FOOTER {
  position: absolute;
}
BODY.home FOOTER .copyright {
  top: 70px;
  color: #4b4b4b;
}

body.page-id-2,
body.page-id-7534,
body.page-id-3181 {
  /* Telefony w orientacji pionowej */
  /* Telefony w orientacji poziomej */
}
body.page-id-2 main,
body.page-id-7534 main,
body.page-id-3181 main {
  /* Opcjonalnie: Jeśli wrapper GSAP (pin-spacer) dziedziczy jakieś dziwne style z Bricks */
  /* --- Naprawa znikającego przycisku zamykania --- */
  /* Ukrywamy pasek postępu gdy chat jest otwarty, bo jest zbędny */
}
body.page-id-2 main #hero-section #about-typed h3,
body.page-id-7534 main #hero-section #about-typed h3,
body.page-id-3181 main #hero-section #about-typed h3 {
  color: #FFF;
  font-weight: 400;
  line-height: 1.2;
  font-size: 3rem;
  font-family: "Grape Nuts", cursive, Poppins, sans-serif;
}
body.page-id-2 main .sekcja-basic h5,
body.page-id-7534 main .sekcja-basic h5,
body.page-id-3181 main .sekcja-basic h5 {
  color: #8F8F8F;
  font-weight: 400;
}
body.page-id-2 main .sekcja-basic h5 i,
body.page-id-7534 main .sekcja-basic h5 i,
body.page-id-3181 main .sekcja-basic h5 i {
  margin-right: 10px;
}
body.page-id-2 main #typer::after,
body.page-id-7534 main #typer::after,
body.page-id-3181 main #typer::after {
  content: "";
  z-index: 5;
  opacity: 0.9;
  position: absolute;
  bottom: 0px;
  right: 50%;
  width: 70px;
  height: 90px;
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
  background-image: url("/wp-content/themes/bauman-child/images/ico_scroll.gif");
  background-size: 70%;
  background-repeat: no-repeat; /* Zapobieganie powtarzaniu obrazu */
}
body.page-id-2 main #about-rozwizanie p,
body.page-id-7534 main #about-rozwizanie p,
body.page-id-3181 main #about-rozwizanie p {
  font-weight: normal;
}
body.page-id-2 main #about-rozwizanie p b,
body.page-id-7534 main #about-rozwizanie p b,
body.page-id-3181 main #about-rozwizanie p b {
  font-weight: 600;
  color: #fff9b3 !important;
}
body.page-id-2 main #about-polazastosowan li,
body.page-id-7534 main #about-polazastosowan li,
body.page-id-3181 main #about-polazastosowan li {
  margin-bottom: 5px;
}
@media (max-width: 769px) {
  body.page-id-2 main #about-polazastosowan,
  body.page-id-7534 main #about-polazastosowan,
  body.page-id-3181 main #about-polazastosowan {
    direction: rtl;
    margin-right: 25px;
  }
}
body.page-id-2 main #clients-table ul.clients-table li.link,
body.page-id-7534 main #clients-table ul.clients-table li.link,
body.page-id-3181 main #clients-table ul.clients-table li.link {
  border: 1px solid #222222 !important;
}
body.page-id-2 main #clients-table ul.clients-table li.link:hover,
body.page-id-7534 main #clients-table ul.clients-table li.link:hover,
body.page-id-3181 main #clients-table ul.clients-table li.link:hover {
  border: 1px solid #404040 !important;
}
body.page-id-2 main #clients-table ul.clients-table li.link:nth-child(n+3) img,
body.page-id-7534 main #clients-table ul.clients-table li.link:nth-child(n+3) img,
body.page-id-3181 main #clients-table ul.clients-table li.link:nth-child(n+3) img {
  -webkit-filter: blur(15px);
          filter: blur(15px);
}
body.page-id-2 main #messages,
body.page-id-7534 main #messages,
body.page-id-3181 main #messages {
  position: absolute;
  z-index: 10;
  left: unset;
  right: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 550px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 400px;
  color: #FFF;
  background-color: transparent;
  padding: 20px 30px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  line-height: 1.4;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}
body.page-id-2 main #messages:empty,
body.page-id-7534 main #messages:empty,
body.page-id-3181 main #messages:empty {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
body.page-id-2 main #messages.waiting,
body.page-id-7534 main #messages.waiting,
body.page-id-3181 main #messages.waiting {
  background-image: url("/samples/assets/img/loader.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 400px;
  opacity: 0.5;
}
body.page-id-2 main #chatbox,
body.page-id-7534 main #chatbox,
body.page-id-3181 main #chatbox {
  position: relative;
  bottom: 0px;
  z-index: 10;
  width: 800px;
  margin: 50px auto 10px;
  overflow: visible;
  padding: 10px 0 30px;
  border-radius: 30px;
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox,
  body.page-id-7534 main #chatbox,
  body.page-id-3181 main #chatbox {
    max-width: 80%;
    margin: 0 10px;
  }
}
@media (max-width: 480px) {
  body.page-id-2 main #chatbox,
  body.page-id-7534 main #chatbox,
  body.page-id-3181 main #chatbox {
    max-width: 90vw;
    margin: 0px auto;
    padding: 0px;
  }
}
body.page-id-2 main #chatbox #threadid,
body.page-id-7534 main #chatbox #threadid,
body.page-id-3181 main #chatbox #threadid {
  display: block;
  width: 70%;
  margin: 0 auto 0 70px;
  margin-bottom: 10px;
  color: rgba(95, 88, 95, 0);
  text-align: left;
  font-size: 10px;
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox #threadid,
  body.page-id-7534 main #chatbox #threadid,
  body.page-id-3181 main #chatbox #threadid {
    display: none;
  }
}
body.page-id-2 main #chatbox #input-container,
body.page-id-7534 main #chatbox #input-container,
body.page-id-3181 main #chatbox #input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox #input-container,
  body.page-id-7534 main #chatbox #input-container,
  body.page-id-3181 main #chatbox #input-container {
    width: 80%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
body.page-id-2 main #chatbox #input-container #question,
body.page-id-7534 main #chatbox #input-container #question,
body.page-id-3181 main #chatbox #input-container #question {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  outline: none;
  background: rgba(255, 255, 255, 0.8156862745);
  color: #666666;
  border: none;
  border-radius: 20px 0 0 20px;
  padding: 20px;
  font-size: 20px;
  max-height: 71px;
  min-height: 71px;
  cursor: text;
}
body.page-id-2 main #chatbox #input-container #question:focus,
body.page-id-7534 main #chatbox #input-container #question:focus,
body.page-id-3181 main #chatbox #input-container #question:focus {
  color: #471443;
  background: #ffffff;
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox #input-container #question,
  body.page-id-7534 main #chatbox #input-container #question,
  body.page-id-3181 main #chatbox #input-container #question {
    background: #ffffff !important;
  }
}
body.page-id-2 main #chatbox #input-container #send,
body.page-id-7534 main #chatbox #input-container #send,
body.page-id-3181 main #chatbox #input-container #send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 150px;
  margin-left: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 20px 20px 0;
  border: none;
  background: none;
  position: relative;
  padding: 1px;
  text-decoration: none;
  -webkit-transition: all 0.18s ease-in-out;
  transition: all 0.18s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  max-height: 71px;
  cursor: pointer;
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox #input-container #send,
  body.page-id-7534 main #chatbox #input-container #send,
  body.page-id-3181 main #chatbox #input-container #send {
    margin-top: 10px;
  }
}
body.page-id-2 main #chatbox #input-container #send:after, body.page-id-2 main #chatbox #input-container #send:before,
body.page-id-7534 main #chatbox #input-container #send:after,
body.page-id-7534 main #chatbox #input-container #send:before,
body.page-id-3181 main #chatbox #input-container #send:after,
body.page-id-3181 main #chatbox #input-container #send:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 21.5px;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, #f00031 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
  -webkit-animation: rotate 4s infinite linear;
          animation: rotate 4s infinite linear;
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox #input-container #send:after, body.page-id-2 main #chatbox #input-container #send:before,
  body.page-id-7534 main #chatbox #input-container #send:after,
  body.page-id-7534 main #chatbox #input-container #send:before,
  body.page-id-3181 main #chatbox #input-container #send:after,
  body.page-id-3181 main #chatbox #input-container #send:before {
    background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, #f00031 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
  }
}
body.page-id-2 main #chatbox #input-container #send:before,
body.page-id-7534 main #chatbox #input-container #send:before,
body.page-id-3181 main #chatbox #input-container #send:before {
  -webkit-animation: rotate 4s infinite linear;
          animation: rotate 4s infinite linear;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
body.page-id-2 main #chatbox #input-container #send:active,
body.page-id-7534 main #chatbox #input-container #send:active,
body.page-id-3181 main #chatbox #input-container #send:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
body.page-id-2 main #chatbox #input-container #send:focus-visible,
body.page-id-7534 main #chatbox #input-container #send:focus-visible,
body.page-id-3181 main #chatbox #input-container #send:focus-visible {
  outline: none !important;
  background: rgba(0, 0, 0, 0.9);
  border: none;
}
body.page-id-2 main #chatbox #input-container #send .btnInner,
body.page-id-7534 main #chatbox #input-container #send .btnInner,
body.page-id-3181 main #chatbox #input-container #send .btnInner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-width: 250px;
  padding: 14px 28px;
  border-radius: 0 20px 20px 0;
  color: #FFF;
  font-weight: 500;
  font-size: 22px;
  line-height: 1em;
  z-index: 1;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  background: #f00031;
  backdrop-filter: blur(40px);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox #input-container #send .btnInner,
  body.page-id-7534 main #chatbox #input-container #send .btnInner,
  body.page-id-3181 main #chatbox #input-container #send .btnInner {
    color: #f00031;
    padding: 15px 28px;
  }
}
body.page-id-2 main #chatbox #input-container #send .btnInner span,
body.page-id-7534 main #chatbox #input-container #send .btnInner span,
body.page-id-3181 main #chatbox #input-container #send .btnInner span {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5843137255);
}
@media (max-width: 768px) {
  body.page-id-2 main #chatbox #input-container #send .btnInner span,
  body.page-id-7534 main #chatbox #input-container #send .btnInner span,
  body.page-id-3181 main #chatbox #input-container #send .btnInner span {
    display: none;
  }
}
body.page-id-2 main #chatbox #input-container #send:hover,
body.page-id-7534 main #chatbox #input-container #send:hover,
body.page-id-3181 main #chatbox #input-container #send:hover {
  cursor: pointer;
}
body.page-id-2 main #chatbox #input-container #send:hover .btnInner,
body.page-id-7534 main #chatbox #input-container #send:hover .btnInner,
body.page-id-3181 main #chatbox #input-container #send:hover .btnInner {
  background: #f00031;
}
body.page-id-2 main #chatbox #input-container #send[disabled],
body.page-id-7534 main #chatbox #input-container #send[disabled],
body.page-id-3181 main #chatbox #input-container #send[disabled] {
  cursor: not-allowed !important;
}
body.page-id-2 main #chatbox #input-container #send[disabled] .btnInner,
body.page-id-7534 main #chatbox #input-container #send[disabled] .btnInner,
body.page-id-3181 main #chatbox #input-container #send[disabled] .btnInner {
  color: inherit;
}
body.page-id-2 main #chatbox #helpdesk,
body.page-id-7534 main #chatbox #helpdesk,
body.page-id-3181 main #chatbox #helpdesk {
  border: 20px solid transparent;
  color: #f00031;
  cursor: pointer !important;
  z-index: 20;
}
body.page-id-2 main #chatbox .nocursor,
body.page-id-7534 main #chatbox .nocursor,
body.page-id-3181 main #chatbox .nocursor {
  cursor: default;
}
body.page-id-2 main #chatbox #howto,
body.page-id-7534 main #chatbox #howto,
body.page-id-3181 main #chatbox #howto {
  visibility: hidden;
  opacity: 0;
  text-align: center;
}
body.page-id-2 main #chatbox #howto.active,
body.page-id-7534 main #chatbox #howto.active,
body.page-id-3181 main #chatbox #howto.active {
  visibility: visible;
  opacity: 1;
}
body.page-id-2 main #chatbox #howto em,
body.page-id-7534 main #chatbox #howto em,
body.page-id-3181 main #chatbox #howto em {
  cursor: pointer !important;
  display: inline-block;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #9c9c9c;
  line-height: 1em;
  font-size: 10px;
  font-style: normal;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 2px 5px 3px 5px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
body.page-id-2 main #chatbox #howto em:hover,
body.page-id-7534 main #chatbox #howto em:hover,
body.page-id-3181 main #chatbox #howto em:hover {
  color: #f00031;
}
body.page-id-2 main #chatbox .tooltip,
body.page-id-7534 main #chatbox .tooltip,
body.page-id-3181 main #chatbox .tooltip {
  position: absolute;
  bottom: 100%; /* Ustawia tooltip nad polem tekstowym */
  left: 10%;
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
  background-color: #f00031;
  color: #ffffff;
  padding: 16px 30px;
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 10;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
body.page-id-2 main #chatbox .tooltip.hidden,
body.page-id-7534 main #chatbox .tooltip.hidden,
body.page-id-3181 main #chatbox .tooltip.hidden {
  display: none !important;
}
body.page-id-2 main #chatbox .tooltip.show,
body.page-id-7534 main #chatbox .tooltip.show,
body.page-id-3181 main #chatbox .tooltip.show {
  opacity: 1;
  visibility: visible;
  -webkit-animation: bounce 4s ease-in-out infinite;
          animation: bounce 4s ease-in-out infinite;
}
body.page-id-2 main #chatbox .tooltip::after,
body.page-id-7534 main #chatbox .tooltip::after,
body.page-id-3181 main #chatbox .tooltip::after {
  content: "";
  position: absolute;
  bottom: -23px; /* Ustawia strzałkę poniżej tooltipa */
  left: 25%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: #f00031 transparent transparent transparent; /* Kolor trójkącika */
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  12% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  24% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  37% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  49% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  57% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  75% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  100% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  12% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  24% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  37% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  49% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  57% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  75% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  100% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}
body.page-id-2 main #chatbox #tooltip,
body.page-id-7534 main #chatbox #tooltip,
body.page-id-3181 main #chatbox #tooltip {
  background-color: #f00031;
}
body.page-id-2 main #chatbox #tooltip::after,
body.page-id-7534 main #chatbox #tooltip::after,
body.page-id-3181 main #chatbox #tooltip::after {
  border-color: #f00031 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
body.page-id-2 main #sekcja-chat,
body.page-id-2 main .pin-spacer #sekcja-chat,
body.page-id-7534 main #sekcja-chat,
body.page-id-7534 main .pin-spacer #sekcja-chat,
body.page-id-3181 main #sekcja-chat,
body.page-id-3181 main .pin-spacer #sekcja-chat {
  /* Wyłączamy wszelkie przejścia, żeby nie kłóciły się z GSAP */
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; /* Pomaga na miganie */
  will-change: transform; /* Optymalizacja wydajności */
}
body.page-id-2 main .pin-spacer,
body.page-id-7534 main .pin-spacer,
body.page-id-3181 main .pin-spacer {
  -webkit-transition: none !important;
  transition: none !important;
}
body.page-id-2 main #sekcja-chat.chat-expanded,
body.page-id-7534 main #sekcja-chat.chat-expanded,
body.page-id-3181 main #sekcja-chat.chat-expanded {
  position: fixed !important; /* Nadpisujemy GSAP */
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99999 !important; /* Musi być najwyżej */
  background: #111; /* Upewnij się, że ma tło, żeby nie prześwitywało */
  /* Kluczowe: Resetujemy transformacje GSAP */
  -webkit-transform: none !important;
          transform: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body.page-id-2 main #sekcja-chat.is-fullscreen,
body.page-id-7534 main #sekcja-chat.is-fullscreen,
body.page-id-3181 main #sekcja-chat.is-fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99990 !important; /* Bardzo wysoko */
  background: #111; /* Kolor tła, żeby zakryć resztę strony */
  /* Resetujemy ustawienia GSAP-a, żeby element "uwolnił się" z miejsca */
  -webkit-transform: none !important;
          transform: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body.page-id-2 main #sekcja-chat.is-fullscreen #czatterCloser,
body.page-id-7534 main #sekcja-chat.is-fullscreen #czatterCloser,
body.page-id-3181 main #sekcja-chat.is-fullscreen #czatterCloser {
  display: block !important; /* Upewniamy się, że jest widoczny */
  position: absolute !important;
  top: 20px; /* Dostosuj pozycję */
  right: 20px; /* Dostosuj pozycję */
  z-index: 99999 !important; /* Musi być wyżej niż tło sekcji (99990) */
  cursor: pointer;
}
body.page-id-2 main #sekcja-chat.is-fullscreen .progress-bar,
body.page-id-7534 main #sekcja-chat.is-fullscreen .progress-bar,
body.page-id-3181 main #sekcja-chat.is-fullscreen .progress-bar {
  display: none !important;
}
body.page-id-2 main #page-nav .page-title b,
body.page-id-7534 main #page-nav .page-title b,
body.page-id-3181 main #page-nav .page-title b {
  text-decoration: underline;
}
body.page-id-2 main .mouse-scroll-down,
body.page-id-7534 main .mouse-scroll-down,
body.page-id-3181 main .mouse-scroll-down {
  outline: none;
}
body.page-id-2 .diff-title li,
body.page-id-7534 .diff-title li,
body.page-id-3181 .diff-title li {
  font-size: 1rem;
}
body.page-id-2 .diff-elements li,
body.page-id-7534 .diff-elements li,
body.page-id-3181 .diff-elements li {
  border-bottom: 1px dotted #2c2c2c;
  font-size: 1rem;
}
body.page-id-2 #preorder-formular,
body.page-id-7534 #preorder-formular,
body.page-id-3181 #preorder-formular {
  width: 300px;
  border-radius: 30px;
  padding: 0px;
}
body.page-id-2 #preorder-formular .name-box,
body.page-id-2 #preorder-formular .email-box,
body.page-id-7534 #preorder-formular .name-box,
body.page-id-7534 #preorder-formular .email-box,
body.page-id-3181 #preorder-formular .name-box,
body.page-id-3181 #preorder-formular .email-box {
  width: 100%;
  float: unset;
  margin: 0px;
}
body.page-id-2 #preorder-formular p,
body.page-id-7534 #preorder-formular p,
body.page-id-3181 #preorder-formular p {
  font-size: 10px;
  line-height: 1.2em;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 10px;
}
body.page-id-2 #sekcja-chat,
body.page-id-7534 #sekcja-chat,
body.page-id-3181 #sekcja-chat {
  -webkit-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
  /* Opcjonalnie: Jeśli wrapper GSAP (pin-spacer) dziedziczy jakieś dziwne style z Bricks */
  /* --- Naprawa znikającego przycisku zamykania --- */
  /* Ukrywamy pasek postępu gdy chat jest otwarty, bo jest zbędny */
}
body.page-id-2 #sekcja-chat #messages,
body.page-id-7534 #sekcja-chat #messages,
body.page-id-3181 #sekcja-chat #messages {
  position: absolute;
  z-index: 10;
  left: unset;
  right: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 550px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 400px;
  color: #FFF;
  background-color: transparent;
  padding: 20px 30px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  line-height: 1.4;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
}
body.page-id-2 #sekcja-chat #messages:empty,
body.page-id-7534 #sekcja-chat #messages:empty,
body.page-id-3181 #sekcja-chat #messages:empty {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
body.page-id-2 #sekcja-chat #messages.waiting,
body.page-id-7534 #sekcja-chat #messages.waiting,
body.page-id-3181 #sekcja-chat #messages.waiting {
  background-image: url("/samples/assets/img/loader.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 400px;
  opacity: 0.5;
}
body.page-id-2 #sekcja-chat #chatbox,
body.page-id-7534 #sekcja-chat #chatbox,
body.page-id-3181 #sekcja-chat #chatbox {
  position: relative;
  bottom: 0px;
  z-index: 10;
  width: 800px;
  margin: 50px auto 10px;
  overflow: visible;
  padding: 10px 0 30px;
  border-radius: 30px;
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox,
  body.page-id-7534 #sekcja-chat #chatbox,
  body.page-id-3181 #sekcja-chat #chatbox {
    max-width: 80%;
    margin: 0 10px;
  }
}
@media (max-width: 480px) {
  body.page-id-2 #sekcja-chat #chatbox,
  body.page-id-7534 #sekcja-chat #chatbox,
  body.page-id-3181 #sekcja-chat #chatbox {
    max-width: 90vw;
    margin: 0px auto;
    padding: 0px;
  }
}
body.page-id-2 #sekcja-chat #chatbox #threadid,
body.page-id-7534 #sekcja-chat #chatbox #threadid,
body.page-id-3181 #sekcja-chat #chatbox #threadid {
  display: block;
  width: 70%;
  margin: 0 auto 0 70px;
  margin-bottom: 10px;
  color: rgba(95, 88, 95, 0);
  text-align: left;
  font-size: 10px;
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox #threadid,
  body.page-id-7534 #sekcja-chat #chatbox #threadid,
  body.page-id-3181 #sekcja-chat #chatbox #threadid {
    display: none;
  }
}
body.page-id-2 #sekcja-chat #chatbox #input-container,
body.page-id-7534 #sekcja-chat #chatbox #input-container,
body.page-id-3181 #sekcja-chat #chatbox #input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox #input-container,
  body.page-id-7534 #sekcja-chat #chatbox #input-container,
  body.page-id-3181 #sekcja-chat #chatbox #input-container {
    width: 80%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
body.page-id-2 #sekcja-chat #chatbox #input-container #question,
body.page-id-7534 #sekcja-chat #chatbox #input-container #question,
body.page-id-3181 #sekcja-chat #chatbox #input-container #question {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  outline: none;
  background: rgba(255, 255, 255, 0.8156862745);
  color: #666666;
  border: none;
  border-radius: 20px 0 0 20px;
  padding: 20px;
  font-size: 20px;
  max-height: 71px;
  min-height: 71px;
  cursor: text;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #question:focus,
body.page-id-7534 #sekcja-chat #chatbox #input-container #question:focus,
body.page-id-3181 #sekcja-chat #chatbox #input-container #question:focus {
  color: #471443;
  background: #ffffff;
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox #input-container #question,
  body.page-id-7534 #sekcja-chat #chatbox #input-container #question,
  body.page-id-3181 #sekcja-chat #chatbox #input-container #question {
    background: #ffffff !important;
  }
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 150px;
  margin-left: 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 20px 20px 0;
  border: none;
  background: none;
  position: relative;
  padding: 1px;
  text-decoration: none;
  -webkit-transition: all 0.18s ease-in-out;
  transition: all 0.18s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  max-height: 71px;
  cursor: pointer;
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox #input-container #send,
  body.page-id-7534 #sekcja-chat #chatbox #input-container #send,
  body.page-id-3181 #sekcja-chat #chatbox #input-container #send {
    margin-top: 10px;
  }
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send:after, body.page-id-2 #sekcja-chat #chatbox #input-container #send:before,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send:after,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send:before,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send:after,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 21.5px;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, #f00031 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
  -webkit-animation: rotate 4s infinite linear;
          animation: rotate 4s infinite linear;
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox #input-container #send:after, body.page-id-2 #sekcja-chat #chatbox #input-container #send:before,
  body.page-id-7534 #sekcja-chat #chatbox #input-container #send:after,
  body.page-id-7534 #sekcja-chat #chatbox #input-container #send:before,
  body.page-id-3181 #sekcja-chat #chatbox #input-container #send:after,
  body.page-id-3181 #sekcja-chat #chatbox #input-container #send:before {
    background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, #f00031 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
  }
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send:before,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send:before,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send:before {
  -webkit-animation: rotate 4s infinite linear;
          animation: rotate 4s infinite linear;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send:active,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send:active,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send:focus-visible,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send:focus-visible,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send:focus-visible {
  outline: none !important;
  background: rgba(0, 0, 0, 0.9);
  border: none;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send .btnInner,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send .btnInner,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send .btnInner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-width: 250px;
  padding: 14px 28px;
  border-radius: 0 20px 20px 0;
  color: #FFF;
  font-weight: 500;
  font-size: 22px;
  line-height: 1em;
  z-index: 1;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  background: #f00031;
  backdrop-filter: blur(40px);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox #input-container #send .btnInner,
  body.page-id-7534 #sekcja-chat #chatbox #input-container #send .btnInner,
  body.page-id-3181 #sekcja-chat #chatbox #input-container #send .btnInner {
    color: #f00031;
    padding: 15px 28px;
  }
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send .btnInner span,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send .btnInner span,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send .btnInner span {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5843137255);
}
@media (max-width: 768px) {
  body.page-id-2 #sekcja-chat #chatbox #input-container #send .btnInner span,
  body.page-id-7534 #sekcja-chat #chatbox #input-container #send .btnInner span,
  body.page-id-3181 #sekcja-chat #chatbox #input-container #send .btnInner span {
    display: none;
  }
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send:hover,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send:hover,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send:hover {
  cursor: pointer;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send:hover .btnInner,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send:hover .btnInner,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send:hover .btnInner {
  background: #f00031;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send[disabled],
body.page-id-7534 #sekcja-chat #chatbox #input-container #send[disabled],
body.page-id-3181 #sekcja-chat #chatbox #input-container #send[disabled] {
  cursor: not-allowed !important;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send[disabled] .btnInner,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send[disabled] .btnInner,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send[disabled] .btnInner {
  color: inherit;
}
body.page-id-2 #sekcja-chat #chatbox #helpdesk,
body.page-id-7534 #sekcja-chat #chatbox #helpdesk,
body.page-id-3181 #sekcja-chat #chatbox #helpdesk {
  border: 20px solid transparent;
  color: #f00031;
  cursor: pointer !important;
  z-index: 20;
}
body.page-id-2 #sekcja-chat #chatbox .nocursor,
body.page-id-7534 #sekcja-chat #chatbox .nocursor,
body.page-id-3181 #sekcja-chat #chatbox .nocursor {
  cursor: default;
}
body.page-id-2 #sekcja-chat #chatbox #howto,
body.page-id-7534 #sekcja-chat #chatbox #howto,
body.page-id-3181 #sekcja-chat #chatbox #howto {
  visibility: hidden;
  opacity: 0;
  text-align: center;
}
body.page-id-2 #sekcja-chat #chatbox #howto.active,
body.page-id-7534 #sekcja-chat #chatbox #howto.active,
body.page-id-3181 #sekcja-chat #chatbox #howto.active {
  visibility: visible;
  opacity: 1;
}
body.page-id-2 #sekcja-chat #chatbox #howto em,
body.page-id-7534 #sekcja-chat #chatbox #howto em,
body.page-id-3181 #sekcja-chat #chatbox #howto em {
  cursor: pointer !important;
  display: inline-block;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #9c9c9c;
  line-height: 1em;
  font-size: 10px;
  font-style: normal;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding: 2px 5px 3px 5px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
body.page-id-2 #sekcja-chat #chatbox #howto em:hover,
body.page-id-7534 #sekcja-chat #chatbox #howto em:hover,
body.page-id-3181 #sekcja-chat #chatbox #howto em:hover {
  color: #f00031;
}
body.page-id-2 #sekcja-chat #chatbox .tooltip,
body.page-id-7534 #sekcja-chat #chatbox .tooltip,
body.page-id-3181 #sekcja-chat #chatbox .tooltip {
  position: absolute;
  bottom: 100%; /* Ustawia tooltip nad polem tekstowym */
  left: 10%;
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
  background-color: #f00031;
  color: #ffffff;
  padding: 16px 30px;
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 10;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
body.page-id-2 #sekcja-chat #chatbox .tooltip.hidden,
body.page-id-7534 #sekcja-chat #chatbox .tooltip.hidden,
body.page-id-3181 #sekcja-chat #chatbox .tooltip.hidden {
  display: none !important;
}
body.page-id-2 #sekcja-chat #chatbox .tooltip.show,
body.page-id-7534 #sekcja-chat #chatbox .tooltip.show,
body.page-id-3181 #sekcja-chat #chatbox .tooltip.show {
  opacity: 1;
  visibility: visible;
  -webkit-animation: bounce 4s ease-in-out infinite;
          animation: bounce 4s ease-in-out infinite;
}
body.page-id-2 #sekcja-chat #chatbox .tooltip::after,
body.page-id-7534 #sekcja-chat #chatbox .tooltip::after,
body.page-id-3181 #sekcja-chat #chatbox .tooltip::after {
  content: "";
  position: absolute;
  bottom: -23px; /* Ustawia strzałkę poniżej tooltipa */
  left: 25%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: #f00031 transparent transparent transparent; /* Kolor trójkącika */
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  12% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  24% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  37% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  49% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  57% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  75% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  100% {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
}
body.page-id-2 #sekcja-chat #chatbox #tooltip,
body.page-id-7534 #sekcja-chat #chatbox #tooltip,
body.page-id-3181 #sekcja-chat #chatbox #tooltip {
  background-color: #f00031;
}
body.page-id-2 #sekcja-chat #chatbox #tooltip::after,
body.page-id-7534 #sekcja-chat #chatbox #tooltip::after,
body.page-id-3181 #sekcja-chat #chatbox #tooltip::after {
  border-color: #f00031 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
body.page-id-2 #sekcja-chat #sekcja-chat,
body.page-id-2 #sekcja-chat .pin-spacer #sekcja-chat,
body.page-id-7534 #sekcja-chat #sekcja-chat,
body.page-id-7534 #sekcja-chat .pin-spacer #sekcja-chat,
body.page-id-3181 #sekcja-chat #sekcja-chat,
body.page-id-3181 #sekcja-chat .pin-spacer #sekcja-chat {
  /* Wyłączamy wszelkie przejścia, żeby nie kłóciły się z GSAP */
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; /* Pomaga na miganie */
  will-change: transform; /* Optymalizacja wydajności */
}
body.page-id-2 #sekcja-chat .pin-spacer,
body.page-id-7534 #sekcja-chat .pin-spacer,
body.page-id-3181 #sekcja-chat .pin-spacer {
  -webkit-transition: none !important;
  transition: none !important;
}
body.page-id-2 #sekcja-chat #sekcja-chat.chat-expanded,
body.page-id-7534 #sekcja-chat #sekcja-chat.chat-expanded,
body.page-id-3181 #sekcja-chat #sekcja-chat.chat-expanded {
  position: fixed !important; /* Nadpisujemy GSAP */
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99999 !important; /* Musi być najwyżej */
  background: #111; /* Upewnij się, że ma tło, żeby nie prześwitywało */
  /* Kluczowe: Resetujemy transformacje GSAP */
  -webkit-transform: none !important;
          transform: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body.page-id-2 #sekcja-chat #sekcja-chat.is-fullscreen,
body.page-id-7534 #sekcja-chat #sekcja-chat.is-fullscreen,
body.page-id-3181 #sekcja-chat #sekcja-chat.is-fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99990 !important; /* Bardzo wysoko */
  background: #111; /* Kolor tła, żeby zakryć resztę strony */
  /* Resetujemy ustawienia GSAP-a, żeby element "uwolnił się" z miejsca */
  -webkit-transform: none !important;
          transform: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body.page-id-2 #sekcja-chat #sekcja-chat.is-fullscreen #czatterCloser,
body.page-id-7534 #sekcja-chat #sekcja-chat.is-fullscreen #czatterCloser,
body.page-id-3181 #sekcja-chat #sekcja-chat.is-fullscreen #czatterCloser {
  display: block !important; /* Upewniamy się, że jest widoczny */
  position: absolute !important;
  top: 20px; /* Dostosuj pozycję */
  right: 20px; /* Dostosuj pozycję */
  z-index: 99999 !important; /* Musi być wyżej niż tło sekcji (99990) */
  cursor: pointer;
}
body.page-id-2 #sekcja-chat #sekcja-chat.is-fullscreen .progress-bar,
body.page-id-7534 #sekcja-chat #sekcja-chat.is-fullscreen .progress-bar,
body.page-id-3181 #sekcja-chat #sekcja-chat.is-fullscreen .progress-bar {
  display: none !important;
}
body.page-id-2 #sekcja-chat #chatbox,
body.page-id-7534 #sekcja-chat #chatbox,
body.page-id-3181 #sekcja-chat #chatbox {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send {
  min-width: 200px;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send .btnInner,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send .btnInner,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send .btnInner {
  background: #3e3e3e !important;
}
body.page-id-2 #sekcja-chat #chatbox #input-container #send.colorized .btnInner,
body.page-id-7534 #sekcja-chat #chatbox #input-container #send.colorized .btnInner,
body.page-id-3181 #sekcja-chat #chatbox #input-container #send.colorized .btnInner {
  background: #f00031 !important;
}
body.page-id-2 #sekcja-chat #messages,
body.page-id-7534 #sekcja-chat #messages,
body.page-id-3181 #sekcja-chat #messages {
  display: block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  left: unset;
  right: unset;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  font-size: 10px;
  line-height: 1.8em;
}
body.page-id-2 #sekcja-chat #messages.waiting,
body.page-id-7534 #sekcja-chat #messages.waiting,
body.page-id-3181 #sekcja-chat #messages.waiting {
  height: 200px;
}
body.page-id-2 #sekcja-chat #czatterCloser,
body.page-id-7534 #sekcja-chat #czatterCloser,
body.page-id-3181 #sekcja-chat #czatterCloser {
  display: none;
}
body.page-id-2 #sekcja-chat.active,
body.page-id-7534 #sekcja-chat.active,
body.page-id-3181 #sekcja-chat.active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.9450980392);
  background-size: auto 100%;
  background-position: right 30% bottom 0px;
  background-image: url(/wp-content/uploads/2024/10/elm-man-about2.webp) !important;
}
body.page-id-2 #sekcja-chat.active .et_pb_row .et_pb_column,
body.page-id-7534 #sekcja-chat.active .et_pb_row .et_pb_column,
body.page-id-3181 #sekcja-chat.active .et_pb_row .et_pb_column {
  width: 100%;
  max-width: 1080px;
  margin: 200px auto 0;
}
body.page-id-2 #sekcja-chat.active .et_pb_row .et_pb_column h5,
body.page-id-7534 #sekcja-chat.active .et_pb_row .et_pb_column h5,
body.page-id-3181 #sekcja-chat.active .et_pb_row .et_pb_column h5 {
  color: #8f8f8f !important;
  margin: 0;
  opacity: 0.1;
}
body.page-id-2 #sekcja-chat.active .et_pb_row .et_pb_column h1,
body.page-id-7534 #sekcja-chat.active .et_pb_row .et_pb_column h1,
body.page-id-3181 #sekcja-chat.active .et_pb_row .et_pb_column h1 {
  line-height: 1em;
  padding-bottom: 10px;
  font-weight: 500;
  text-transform: none;
  font-style: normal;
  margin: 0;
}
body.page-id-2 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie,
body.page-id-7534 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie,
body.page-id-3181 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie {
  opacity: 0.1;
  margin-top: 20px;
}
body.page-id-2 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie p,
body.page-id-7534 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie p,
body.page-id-3181 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie p {
  color: #FFF;
}
body.page-id-2 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie b,
body.page-id-7534 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie b,
body.page-id-3181 #sekcja-chat.active .et_pb_row .et_pb_column #about-rozwizanie b {
  color: #fff9b3 !important;
}
body.page-id-2 #sekcja-chat.active #chatbox #threadid #sessionValue,
body.page-id-7534 #sekcja-chat.active #chatbox #threadid #sessionValue,
body.page-id-3181 #sekcja-chat.active #chatbox #threadid #sessionValue {
  color: #222222;
}
body.page-id-2 #sekcja-chat.active #chatbox #input-container #tooltip,
body.page-id-7534 #sekcja-chat.active #chatbox #input-container #tooltip,
body.page-id-3181 #sekcja-chat.active #chatbox #input-container #tooltip {
  visibility: hidden !important;
}
body.page-id-2 #sekcja-chat.active #chatbox #input-container #send,
body.page-id-7534 #sekcja-chat.active #chatbox #input-container #send,
body.page-id-3181 #sekcja-chat.active #chatbox #input-container #send {
  max-width: 250px;
  overflow: hidden;
}
body.page-id-2 #sekcja-chat.active #chatbox #input-container #send .btnInner,
body.page-id-7534 #sekcja-chat.active #chatbox #input-container #send .btnInner,
body.page-id-3181 #sekcja-chat.active #chatbox #input-container #send .btnInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 71px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f00031 !important;
}
body.page-id-2 #sekcja-chat.active #czatterCloser,
body.page-id-7534 #sekcja-chat.active #czatterCloser,
body.page-id-3181 #sekcja-chat.active #czatterCloser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  width: 80px;
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 50px;
  color: #FFF;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
body.page-id-2 #sekcja-chat.active #czatterCloser:hover,
body.page-id-7534 #sekcja-chat.active #czatterCloser:hover,
body.page-id-3181 #sekcja-chat.active #czatterCloser:hover {
  color: #f00031;
  cursor: pointer;
  font-size: 70px;
}
body.page-id-2 #sekcja-chat.active.hideman,
body.page-id-7534 #sekcja-chat.active.hideman,
body.page-id-3181 #sekcja-chat.active.hideman {
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.9450980392);
  background-size: auto 100%;
  background-position: right 30% bottom 0px;
  background-image: url(/wp-content/uploads/2024/11/elm-man-about6-hide.webp) !important;
}
@media (max-width: 480px) {
  body.page-id-2 #main,
  body.page-id-7534 #main,
  body.page-id-3181 #main {
    background-position: center top;
    background-size: 150% auto;
  }
  body.page-id-2 #main #hero #hero-styles #hero-caption,
  body.page-id-7534 #main #hero #hero-styles #hero-caption,
  body.page-id-3181 #main #hero #hero-styles #hero-caption {
    padding-top: 400px;
    padding-bottom: 30px;
  }
  body.page-id-2 #main #hero #hero-styles #hero-caption .inner,
  body.page-id-7534 #main #hero #hero-styles #hero-caption .inner,
  body.page-id-3181 #main #hero #hero-styles #hero-caption .inner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.6117647059);
  }
  body.page-id-2 #main #hero #hero-styles #hero-caption .inner .hero-title,
  body.page-id-7534 #main #hero #hero-styles #hero-caption .inner .hero-title,
  body.page-id-3181 #main #hero #hero-styles #hero-caption .inner .hero-title {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  body.page-id-2 #main #main-content #main-page-content #typer::after,
  body.page-id-7534 #main #main-content #main-page-content #typer::after,
  body.page-id-3181 #main #main-content #main-page-content #typer::after {
    display: none !important;
  }
  body.page-id-2 #main #main-content #main-page-content #typer .et_pb_row_0,
  body.page-id-7534 #main #main-content #main-page-content #typer .et_pb_row_0,
  body.page-id-3181 #main #main-content #main-page-content #typer .et_pb_row_0 {
    width: 100%;
  }
  body.page-id-2 #main #main-content #main-page-content #typer .et_pb_row_0 #about-typed,
  body.page-id-7534 #main #main-content #main-page-content #typer .et_pb_row_0 #about-typed,
  body.page-id-3181 #main #main-content #main-page-content #typer .et_pb_row_0 #about-typed {
    text-align: center;
    min-height: 100px !important;
  }
  body.page-id-2 #main #main-content #main-page-content #typer .et_pb_row_0 #about-typed b,
  body.page-id-7534 #main #main-content #main-page-content #typer .et_pb_row_0 #about-typed b,
  body.page-id-3181 #main #main-content #main-page-content #typer .et_pb_row_0 #about-typed b {
    display: none;
    visibility: hidden;
  }
  body.page-id-2 #main #main-content #main-page-content .dark-section-wrapper:nth-child(2),
  body.page-id-7534 #main #main-content #main-page-content .dark-section-wrapper:nth-child(2),
  body.page-id-3181 #main #main-content #main-page-content .dark-section-wrapper:nth-child(2) {
    background-color: transparent !important;
  }
  body.page-id-2 #main #main-content #main-page-content .dark-section-wrapper:nth-child(2) .jaktodziala-cele-section,
  body.page-id-7534 #main #main-content #main-page-content .dark-section-wrapper:nth-child(2) .jaktodziala-cele-section,
  body.page-id-3181 #main #main-content #main-page-content .dark-section-wrapper:nth-child(2) .jaktodziala-cele-section {
    background-color: transparent !important;
  }
  body.page-id-2 #main #main-content #main-page-content .jaktodziala-cele-section,
  body.page-id-7534 #main #main-content #main-page-content .jaktodziala-cele-section,
  body.page-id-3181 #main #main-content #main-page-content .jaktodziala-cele-section {
    left: initial !important;
    padding-top: 50px;
  }
  body.page-id-2 #main #main-content #main-page-content .jaktodziala-cele-section .jaktodziala-cele-row2,
  body.page-id-7534 #main #main-content #main-page-content .jaktodziala-cele-section .jaktodziala-cele-row2,
  body.page-id-3181 #main #main-content #main-page-content .jaktodziala-cele-section .jaktodziala-cele-row2 {
    margin-top: 50px;
    width: 90%;
  }
  body.page-id-2 #main #main-content #main-page-content .czatter,
  body.page-id-7534 #main #main-content #main-page-content .czatter,
  body.page-id-3181 #main #main-content #main-page-content .czatter {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-top: 0px;
    padding-bottom: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    background-image: none !important;
  }
  body.page-id-2 #main #main-content #main-page-content .czatter .et_pb_row,
  body.page-id-7534 #main #main-content #main-page-content .czatter .et_pb_row,
  body.page-id-3181 #main #main-content #main-page-content .czatter .et_pb_row {
    width: 100%;
  }
  body.page-id-2 #main #main-content #main-page-content .czatter #input-container,
  body.page-id-7534 #main #main-content #main-page-content .czatter #input-container,
  body.page-id-3181 #main #main-content #main-page-content .czatter #input-container {
    margin-top: 100px !important;
    width: 100% !important;
  }
  body.page-id-2 #main #main-content #main-page-content .czatter #input-container #tooltip,
  body.page-id-7534 #main #main-content #main-page-content .czatter #input-container #tooltip,
  body.page-id-3181 #main #main-content #main-page-content .czatter #input-container #tooltip {
    bottom: 120%;
  }
  body.page-id-2 #main #main-content #main-page-content .czatter #input-container #question,
  body.page-id-7534 #main #main-content #main-page-content .czatter #input-container #question,
  body.page-id-3181 #main #main-content #main-page-content .czatter #input-container #question {
    border-radius: 20px !important;
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  body.page-id-2 #main #main-content #main-page-content .czatter #input-container #send,
  body.page-id-7534 #main #main-content #main-page-content .czatter #input-container #send,
  body.page-id-3181 #main #main-content #main-page-content .czatter #input-container #send {
    width: 70%;
    margin: 15px auto 0 !important;
  }
  body.page-id-2 #main #main-content #main-page-content .czatter #input-container #send .btnInner,
  body.page-id-7534 #main #main-content #main-page-content .czatter #input-container #send .btnInner,
  body.page-id-3181 #main #main-content #main-page-content .czatter #input-container #send .btnInner {
    background-color: #f00031 !important;
    color: #FFF !important;
    border-radius: 20px !important;
  }
  body.page-id-2 #main #main-content #main-page-content #clients-table ul.clients-table,
  body.page-id-7534 #main #main-content #main-page-content #clients-table ul.clients-table,
  body.page-id-3181 #main #main-content #main-page-content #clients-table ul.clients-table {
    margin-left: 5px;
  }
  body.page-id-2 .czatter.active,
  body.page-id-7534 .czatter.active,
  body.page-id-3181 .czatter.active {
    background-image: none !important;
    background-color: #000;
    min-height: 100vh;
    height: 100vh;
    max-height: 100vh;
    overflow-y: scroll;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    max-width: 100%;
  }
  body.page-id-2 .czatter.active.hideman,
  body.page-id-7534 .czatter.active.hideman,
  body.page-id-3181 .czatter.active.hideman {
    background-image: none !important;
  }
  body.page-id-2 .czatter.active .czater-cols,
  body.page-id-7534 .czatter.active .czater-cols,
  body.page-id-3181 .czatter.active .czater-cols {
    margin: 0 auto !important;
  }
  body.page-id-2 .czatter.active .et_pb_text,
  body.page-id-7534 .czatter.active .et_pb_text,
  body.page-id-3181 .czatter.active .et_pb_text {
    display: none !important;
  }
  body.page-id-2 .czatter.active .et_pb_row,
  body.page-id-7534 .czatter.active .et_pb_row,
  body.page-id-3181 .czatter.active .et_pb_row {
    width: 100%;
  }
  body.page-id-2 .czatter.active #input-container,
  body.page-id-7534 .czatter.active #input-container,
  body.page-id-3181 .czatter.active #input-container {
    margin-top: 100px !important;
    width: 100% !important;
  }
  body.page-id-2 .czatter.active #input-container #tooltip,
  body.page-id-7534 .czatter.active #input-container #tooltip,
  body.page-id-3181 .czatter.active #input-container #tooltip {
    bottom: 120%;
  }
  body.page-id-2 .czatter.active #input-container #question,
  body.page-id-7534 .czatter.active #input-container #question,
  body.page-id-3181 .czatter.active #input-container #question {
    border-radius: 20px !important;
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  body.page-id-2 .czatter.active #input-container #send,
  body.page-id-7534 .czatter.active #input-container #send,
  body.page-id-3181 .czatter.active #input-container #send {
    width: 70%;
    margin: 15px auto 0 !important;
    border-radius: 20px !important;
  }
  body.page-id-2 .czatter.active #input-container #send .btnInner,
  body.page-id-7534 .czatter.active #input-container #send .btnInner,
  body.page-id-3181 .czatter.active #input-container #send .btnInner {
    padding: 0px;
    height: 31px !important;
    background-color: #f00031 !important;
    color: #FFF !important;
    border-radius: 20px !important;
  }
  body.page-id-2 .czatter.active .et_pb_code_inner,
  body.page-id-7534 .czatter.active .et_pb_code_inner,
  body.page-id-3181 .czatter.active .et_pb_code_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.page-id-2 .czatter.active .et_pb_code_inner #chatbox,
  body.page-id-7534 .czatter.active .et_pb_code_inner #chatbox,
  body.page-id-3181 .czatter.active .et_pb_code_inner #chatbox {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  body.page-id-2 .czatter.active .et_pb_code_inner #chatbox #input-container,
  body.page-id-7534 .czatter.active .et_pb_code_inner #chatbox #input-container,
  body.page-id-3181 .czatter.active .et_pb_code_inner #chatbox #input-container {
    margin-top: 10px !important;
  }
  body.page-id-2 .czatter.active .et_pb_code_inner #messages,
  body.page-id-7534 .czatter.active .et_pb_code_inner #messages,
  body.page-id-3181 .czatter.active .et_pb_code_inner #messages {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 80%;
    margin: 70px auto 0;
    position: initial;
    font-size: 16px;
    line-height: 1.6em;
    max-height: unset;
    overflow-y: visible;
  }
  body.page-id-2 .czatter.active #czatterCloser,
  body.page-id-7534 .czatter.active #czatterCloser,
  body.page-id-3181 .czatter.active #czatterCloser {
    right: 10px;
    top: 10px;
  }
}
.page-template-carousel-page .carousel-caption {
  bottom: -160px;
}

.page-template-carousel-high-columns-page #simple-banner {
  display: none !important;
}

.demo-arrow {
  position: relative;
  top: auto;
  width: 40px;
  height: 40px;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: 11px 20px;
  background-position: center;
  background-repeat: no-repeat;
  left: auto;
  right: auto;
  background-image: none !important;
}
.demo-arrow--right {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.demo-arrow--left {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.demo-arrow::before {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  font-family: "FontAwesome";
  content: "\f107";
  color: #fff;
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.demo-arrow::after {
  height: 0;
  width: 2px;
  position: absolute;
  left: 0;
  text-align: center;
  content: "";
  background-color: #fff;
  bottom: 18px;
  left: 19px;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.demo-arrow:hover::after {
  height: 24px;
}

/* Telefony w orientacji pionowej */
@media (max-width: 480px) {
  .page-template-carousel-high-columns-page #simple-banner,
  .page-template-carousel-page #simple-banner {
    display: none !important;
  }
}
BODY.single-bauman_portfolio {
  /* Telefony w orientacji pionowej */
}
BODY.single-bauman_portfolio #simple-banner {
  display: none !important;
}
BODY.single-bauman_portfolio #hero {
  background-color: rgba(0, 0, 0, 0.5254901961);
}
BODY.single-bauman_portfolio #hero #hero-caption .inner .hero-subtitle {
  color: #FFF;
  line-height: 1.6em;
}
BODY.single-bauman_portfolio #hero #hero-caption .inner .hero-title {
  color: #FFF;
  font-family: "Grape Nuts";
  font-size: 4rem;
}
BODY.single-bauman_portfolio #hero .hero-bottom .hb-right::before {
  display: none !important;
}
BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a {
  position: sticky;
  bottom: 0 !important;
  font-size: 16px !important;
  background-color: #f00031 !important;
  color: #FFF !important;
  padding: 10px 40px 10px 20px !important;
  -webkit-transition: padding 300ms;
  transition: padding 300ms;
}
BODY.single-bauman_portfolio #hero .hero-bottom .hb-right a:hover {
  background-color: rgb(214.5, 0, 43.79375) !important;
  padding: 16px 50px 16px 30px !important;
}
BODY.single-bauman_portfolio #hero .hero-bottom .hb-left::before {
  background: #f00031;
}
BODY.single-bauman_portfolio #hero .hero-bottom .hb-left #scrolldown {
  color: #FFF;
}
BODY.single-bauman_portfolio #hero .hero-bottom .hb-left #scrolldown:hover {
  color: #f00031;
}
BODY.single-bauman_portfolio #main-content #main-page-content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 100%;
}
BODY.single-bauman_portfolio #main-content #main-page-content .et_pb_section_0 .aiweb30-white sub {
  color: #fff9b3 !important;
}
BODY.single-bauman_portfolio .next-project-image .next-project-image-bg {
  -webkit-filter: grayscale(0.5) blur(5px) saturate(0.5);
          filter: grayscale(0.5) blur(5px) saturate(0.5);
}
@media (max-width: 480px) {
  BODY.single-bauman_portfolio #hero .hero-bottom .hb-right {
    display: none !important;
  }
  BODY.single-bauman_portfolio #hero .hero-bottom .hb-left {
    display: none !important;
  }
  BODY.single-bauman_portfolio #main-content .et_pb_section_0.white-sekcja a.btn-aibb, BODY.single-bauman_portfolio #main-content .et_pb_section_0.white-sekcja #hero .hero-bottom .hb-right a, BODY.single-bauman_portfolio #hero .hero-bottom .hb-right #main-content .et_pb_section_0.white-sekcja a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

body.page-id-7640,
body.page-id-7649,
body.page-id-4677,
body.page-id-4675 {
  /* Telefony w orientacji pionowej */
}
body.page-id-7640 #main-page-content,
body.page-id-7649 #main-page-content,
body.page-id-4677 #main-page-content,
body.page-id-4675 #main-page-content {
  max-width: unset;
  padding: 0;
}
body.page-id-7640 #main #hero,
body.page-id-7649 #main #hero,
body.page-id-4677 #main #hero,
body.page-id-4675 #main #hero {
  background-image: url("/wp-content/uploads/2024/11/elm-man-boostclub.png");
  background-repeat: no-repeat;
  background-position: top 0px right -200%;
  background-size: auto;
  background-attachment: fixed;
}
@media (max-width: 480px) {
  body.page-id-7640 #main #hero,
  body.page-id-7649 #main #hero,
  body.page-id-4677 #main #hero,
  body.page-id-4675 #main #hero {
    background-position: top 50px right 50%;
  }
}

.page-id-7627,
.page-id-7657,
.page-id-7653,
.page-id-29 {
  /* Telefony w orientacji pionowej  */
}
.page-id-7627 form.wpcf7-form #contact-formular div.name-box,
.page-id-7627 form.wpcf7-form #contact-formular div.email-box,
.page-id-7657 form.wpcf7-form #contact-formular div.name-box,
.page-id-7657 form.wpcf7-form #contact-formular div.email-box,
.page-id-7653 form.wpcf7-form #contact-formular div.name-box,
.page-id-7653 form.wpcf7-form #contact-formular div.email-box,
.page-id-29 form.wpcf7-form #contact-formular div.name-box,
.page-id-29 form.wpcf7-form #contact-formular div.email-box {
  width: 45%;
  display: inline-block;
  margin: 20px 20px 20px 20px;
  /* Styl dla label, gdy input wewnątrz tego samego akapitu ma focus */
}
.page-id-7627 form.wpcf7-form #contact-formular div.name-box label,
.page-id-7627 form.wpcf7-form #contact-formular div.email-box label,
.page-id-7657 form.wpcf7-form #contact-formular div.name-box label,
.page-id-7657 form.wpcf7-form #contact-formular div.email-box label,
.page-id-7653 form.wpcf7-form #contact-formular div.name-box label,
.page-id-7653 form.wpcf7-form #contact-formular div.email-box label,
.page-id-29 form.wpcf7-form #contact-formular div.name-box label,
.page-id-29 form.wpcf7-form #contact-formular div.email-box label {
  max-width: 0px;
  height: 2px;
  width: 100%;
  -webkit-transition: max-width 900ms ease-in-out !important;
  transition: max-width 900ms ease-in-out !important;
  overflow: hidden;
  border: 0px solid #fff9b3;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.page-id-7627 form.wpcf7-form #contact-formular div.name-box p:has(input:focus) .input_label,
.page-id-7627 form.wpcf7-form #contact-formular div.email-box p:has(input:focus) .input_label,
.page-id-7657 form.wpcf7-form #contact-formular div.name-box p:has(input:focus) .input_label,
.page-id-7657 form.wpcf7-form #contact-formular div.email-box p:has(input:focus) .input_label,
.page-id-7653 form.wpcf7-form #contact-formular div.name-box p:has(input:focus) .input_label,
.page-id-7653 form.wpcf7-form #contact-formular div.email-box p:has(input:focus) .input_label,
.page-id-29 form.wpcf7-form #contact-formular div.name-box p:has(input:focus) .input_label,
.page-id-29 form.wpcf7-form #contact-formular div.email-box p:has(input:focus) .input_label {
  max-width: 100%;
  border: 1px solid #fff9b3;
}
.page-id-7627 form.wpcf7-form #contact-formular div.name-box,
.page-id-7657 form.wpcf7-form #contact-formular div.name-box,
.page-id-7653 form.wpcf7-form #contact-formular div.name-box,
.page-id-29 form.wpcf7-form #contact-formular div.name-box {
  margin-left: 0px;
}
.page-id-7627 form.wpcf7-form #contact-formular div.email-box,
.page-id-7657 form.wpcf7-form #contact-formular div.email-box,
.page-id-7653 form.wpcf7-form #contact-formular div.email-box,
.page-id-29 form.wpcf7-form #contact-formular div.email-box {
  margin-right: 0px;
}
.page-id-7627 form.wpcf7-form #contact-formular input[type=text],
.page-id-7627 form.wpcf7-form #contact-formular input[type=email],
.page-id-7627 form.wpcf7-form #contact-formular input[type=search],
.page-id-7627 form.wpcf7-form #contact-formular textarea,
.page-id-7657 form.wpcf7-form #contact-formular input[type=text],
.page-id-7657 form.wpcf7-form #contact-formular input[type=email],
.page-id-7657 form.wpcf7-form #contact-formular input[type=search],
.page-id-7657 form.wpcf7-form #contact-formular textarea,
.page-id-7653 form.wpcf7-form #contact-formular input[type=text],
.page-id-7653 form.wpcf7-form #contact-formular input[type=email],
.page-id-7653 form.wpcf7-form #contact-formular input[type=search],
.page-id-7653 form.wpcf7-form #contact-formular textarea,
.page-id-29 form.wpcf7-form #contact-formular input[type=text],
.page-id-29 form.wpcf7-form #contact-formular input[type=email],
.page-id-29 form.wpcf7-form #contact-formular input[type=search],
.page-id-29 form.wpcf7-form #contact-formular textarea {
  background-color: #141414;
  color: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843) !important;
  outline: none !important;
}
.page-id-7627 form.wpcf7-form #contact-formular textarea,
.page-id-7657 form.wpcf7-form #contact-formular textarea,
.page-id-7653 form.wpcf7-form #contact-formular textarea,
.page-id-29 form.wpcf7-form #contact-formular textarea {
  height: 30px;
}
.page-id-7627 form.wpcf7-form #contact-formular textarea:focus,
.page-id-7657 form.wpcf7-form #contact-formular textarea:focus,
.page-id-7653 form.wpcf7-form #contact-formular textarea:focus,
.page-id-29 form.wpcf7-form #contact-formular textarea:focus {
  height: 300px;
}
.page-id-7627 form.wpcf7-form #contact-formular hr,
.page-id-7657 form.wpcf7-form #contact-formular hr,
.page-id-7653 form.wpcf7-form #contact-formular hr,
.page-id-29 form.wpcf7-form #contact-formular hr {
  border: none;
  background-color: transparent;
}
.page-id-7627 form.wpcf7-form #contact-formular div.info-box,
.page-id-7657 form.wpcf7-form #contact-formular div.info-box,
.page-id-7653 form.wpcf7-form #contact-formular div.info-box,
.page-id-29 form.wpcf7-form #contact-formular div.info-box {
  margin-bottom: 60px !important;
}
.page-id-7627 form.wpcf7-form #contact-formular div.info-box SELECT,
.page-id-7657 form.wpcf7-form #contact-formular div.info-box SELECT,
.page-id-7653 form.wpcf7-form #contact-formular div.info-box SELECT,
.page-id-29 form.wpcf7-form #contact-formular div.info-box SELECT {
  background-color: gray;
  border: 0px;
  font-size: 0.9rem;
  font-weight: 600;
}
.page-id-7627 form.wpcf7-form #contact-formular div.info-box SELECT:focus,
.page-id-7657 form.wpcf7-form #contact-formular div.info-box SELECT:focus,
.page-id-7653 form.wpcf7-form #contact-formular div.info-box SELECT:focus,
.page-id-29 form.wpcf7-form #contact-formular div.info-box SELECT:focus {
  background-color: #FFF;
}
.page-id-7627 form.wpcf7-form #contact-formular div.info-box p,
.page-id-7657 form.wpcf7-form #contact-formular div.info-box p,
.page-id-7653 form.wpcf7-form #contact-formular div.info-box p,
.page-id-29 form.wpcf7-form #contact-formular div.info-box p {
  margin-top: 40px;
}
.page-id-7627 form.wpcf7-form #contact-formular div.info-box p label,
.page-id-7657 form.wpcf7-form #contact-formular div.info-box p label,
.page-id-7653 form.wpcf7-form #contact-formular div.info-box p label,
.page-id-29 form.wpcf7-form #contact-formular div.info-box p label {
  color: #FFF;
  font-weight: 400;
  font-size: 1rem;
}
.page-id-7627 form.wpcf7-form #contact-formular div.info-box .wpcf7-not-valid-tip,
.page-id-7657 form.wpcf7-form #contact-formular div.info-box .wpcf7-not-valid-tip,
.page-id-7653 form.wpcf7-form #contact-formular div.info-box .wpcf7-not-valid-tip,
.page-id-29 form.wpcf7-form #contact-formular div.info-box .wpcf7-not-valid-tip {
  top: 40px;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box textarea,
.page-id-7657 form.wpcf7-form #contact-formular div.message-box textarea,
.page-id-7653 form.wpcf7-form #contact-formular div.message-box textarea,
.page-id-29 form.wpcf7-form #contact-formular div.message-box textarea {
  -webkit-transition: height 600ms ease-in-out;
  transition: height 600ms ease-in-out;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box textarea.big,
.page-id-7657 form.wpcf7-form #contact-formular div.message-box textarea.big,
.page-id-7653 form.wpcf7-form #contact-formular div.message-box textarea.big,
.page-id-29 form.wpcf7-form #contact-formular div.message-box textarea.big {
  height: 250px !important;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box textarea:focus::-webkit-input-placeholder, .page-id-7657 form.wpcf7-form #contact-formular div.message-box textarea:focus::-webkit-input-placeholder, .page-id-7653 form.wpcf7-form #contact-formular div.message-box textarea:focus::-webkit-input-placeholder, .page-id-29 form.wpcf7-form #contact-formular div.message-box textarea:focus::-webkit-input-placeholder {
  color: #6d6d6d;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box textarea:focus::-moz-placeholder, .page-id-7657 form.wpcf7-form #contact-formular div.message-box textarea:focus::-moz-placeholder, .page-id-7653 form.wpcf7-form #contact-formular div.message-box textarea:focus::-moz-placeholder, .page-id-29 form.wpcf7-form #contact-formular div.message-box textarea:focus::-moz-placeholder {
  color: #6d6d6d;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box textarea:focus:-ms-input-placeholder, .page-id-7657 form.wpcf7-form #contact-formular div.message-box textarea:focus:-ms-input-placeholder, .page-id-7653 form.wpcf7-form #contact-formular div.message-box textarea:focus:-ms-input-placeholder, .page-id-29 form.wpcf7-form #contact-formular div.message-box textarea:focus:-ms-input-placeholder {
  color: #6d6d6d;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box textarea:focus::-ms-input-placeholder, .page-id-7657 form.wpcf7-form #contact-formular div.message-box textarea:focus::-ms-input-placeholder, .page-id-7653 form.wpcf7-form #contact-formular div.message-box textarea:focus::-ms-input-placeholder, .page-id-29 form.wpcf7-form #contact-formular div.message-box textarea:focus::-ms-input-placeholder {
  color: #6d6d6d;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box textarea:focus::placeholder,
.page-id-7657 form.wpcf7-form #contact-formular div.message-box textarea:focus::placeholder,
.page-id-7653 form.wpcf7-form #contact-formular div.message-box textarea:focus::placeholder,
.page-id-29 form.wpcf7-form #contact-formular div.message-box textarea:focus::placeholder {
  color: #6d6d6d;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box label,
.page-id-7657 form.wpcf7-form #contact-formular div.message-box label,
.page-id-7653 form.wpcf7-form #contact-formular div.message-box label,
.page-id-29 form.wpcf7-form #contact-formular div.message-box label {
  max-width: 0;
  -webkit-transition: max-width 900ms ease-in-out !important;
  transition: max-width 900ms ease-in-out !important;
  overflow: hidden;
  top: -10px !important;
}
.page-id-7627 form.wpcf7-form #contact-formular div.message-box .wpcf7-not-valid-tip,
.page-id-7657 form.wpcf7-form #contact-formular div.message-box .wpcf7-not-valid-tip,
.page-id-7653 form.wpcf7-form #contact-formular div.message-box .wpcf7-not-valid-tip,
.page-id-29 form.wpcf7-form #contact-formular div.message-box .wpcf7-not-valid-tip {
  top: 0px;
  position: relative;
}
.page-id-7627 form.wpcf7-form #contact-formular p.privinfo,
.page-id-7657 form.wpcf7-form #contact-formular p.privinfo,
.page-id-7653 form.wpcf7-form #contact-formular p.privinfo,
.page-id-29 form.wpcf7-form #contact-formular p.privinfo {
  line-height: 1.3;
  font-size: 0.8em;
  font-weight: 600;
  margin-bottom: 30px !important;
}
.page-id-7627 form.wpcf7-form #contact-formular .button-send,
.page-id-7657 form.wpcf7-form #contact-formular .button-send,
.page-id-7653 form.wpcf7-form #contact-formular .button-send,
.page-id-29 form.wpcf7-form #contact-formular .button-send {
  position: relative;
}
.page-id-7627 form.wpcf7-form #contact-formular .button-send input,
.page-id-7657 form.wpcf7-form #contact-formular .button-send input,
.page-id-7653 form.wpcf7-form #contact-formular .button-send input,
.page-id-29 form.wpcf7-form #contact-formular .button-send input {
  font-size: 1rem !important;
  display: inline-block;
  padding: 12px 70px 12px 30px !important;
  outline: none !important;
}
.page-id-7627 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner,
.page-id-7657 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner,
.page-id-7653 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner,
.page-id-29 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner {
  position: absolute !important;
  background-color: transparent !important;
  top: 4px;
  right: 0px;
  opacity: 1;
  width: 20px;
  height: 20px;
}
.page-id-7627 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner::before,
.page-id-7657 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner::before,
.page-id-7653 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner::before,
.page-id-29 form.wpcf7-form #contact-formular .button-send .wpcf7-spinner::before {
  width: 5px;
  top: 0px;
}
.page-id-7627 form.wpcf7-form #contact-formular .wpcf7-not-valid-tip,
.page-id-7657 form.wpcf7-form #contact-formular .wpcf7-not-valid-tip,
.page-id-7653 form.wpcf7-form #contact-formular .wpcf7-not-valid-tip,
.page-id-29 form.wpcf7-form #contact-formular .wpcf7-not-valid-tip {
  top: 40px;
  position: absolute;
  color: #f00031;
  font-weight: 600;
  font-size: 0.7rem;
  line-height: 1em;
}
.page-id-7627 form.wpcf7-form .wpcf7-response-output,
.page-id-7657 form.wpcf7-form .wpcf7-response-output,
.page-id-7653 form.wpcf7-form .wpcf7-response-output,
.page-id-29 form.wpcf7-form .wpcf7-response-output {
  margin: 20px 0px !important;
  padding: 20px !important;
  border: none !important;
  font-weight: bold !important;
  font-size: 0.8em !important;
}
.page-id-7627 form.wpcf7-form.invalid .wpcf7-response-output,
.page-id-7657 form.wpcf7-form.invalid .wpcf7-response-output,
.page-id-7653 form.wpcf7-form.invalid .wpcf7-response-output,
.page-id-29 form.wpcf7-form.invalid .wpcf7-response-output {
  color: #FFF !important;
  background-color: #f00031 !important;
  text-align: left !important;
}
.page-id-7627 form.wpcf7-form.failed .wpcf7-response-output,
.page-id-7657 form.wpcf7-form.failed .wpcf7-response-output,
.page-id-7653 form.wpcf7-form.failed .wpcf7-response-output,
.page-id-29 form.wpcf7-form.failed .wpcf7-response-output {
  color: #FFF !important;
  background-color: #f00031 !important;
  text-align: left !important;
}
.page-id-7627 form.wpcf7-form.sent #contact-formular div.message-box textarea.big,
.page-id-7657 form.wpcf7-form.sent #contact-formular div.message-box textarea.big,
.page-id-7653 form.wpcf7-form.sent #contact-formular div.message-box textarea.big,
.page-id-29 form.wpcf7-form.sent #contact-formular div.message-box textarea.big {
  height: 40px !important;
}
.page-id-7627 form.wpcf7-form.sent .wpcf7-response-output,
.page-id-7657 form.wpcf7-form.sent .wpcf7-response-output,
.page-id-7653 form.wpcf7-form.sent .wpcf7-response-output,
.page-id-29 form.wpcf7-form.sent .wpcf7-response-output {
  color: #141414 !important;
  background-color: #fff9b3 !important;
  text-align: center !important;
}
@media (max-width: 480px) {
  .page-id-7627 #content-scroll,
  .page-id-7657 #content-scroll,
  .page-id-7653 #content-scroll,
  .page-id-29 #content-scroll {
    background-position: right 20% bottom 0px;
  }
  .page-id-7627 #hero #hero-caption,
  .page-id-7657 #hero #hero-caption,
  .page-id-7653 #hero #hero-caption,
  .page-id-29 #hero #hero-caption {
    padding: 180px 20px 0px 20px;
  }
  .page-id-7627 #main-content .et_pb_section_0,
  .page-id-7657 #main-content .et_pb_section_0,
  .page-id-7653 #main-content .et_pb_section_0,
  .page-id-29 #main-content .et_pb_section_0 {
    padding-top: 0 !important;
  }
  .page-id-7627 #main-content .et_pb_section_0 .et_pb_row,
  .page-id-7657 #main-content .et_pb_section_0 .et_pb_row,
  .page-id-7653 #main-content .et_pb_section_0 .et_pb_row,
  .page-id-29 #main-content .et_pb_section_0 .et_pb_row {
    padding-top: 0 !important;
  }
  .page-id-7627 #main-content #contact-formular div.email-box,
  .page-id-7657 #main-content #contact-formular div.email-box,
  .page-id-7653 #main-content #contact-formular div.email-box,
  .page-id-29 #main-content #contact-formular div.email-box {
    margin-left: 0 !important;
  }
}

#mobilecurtain {
  display: none;
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: gray;
  color: #3b3b3b;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "popins";
  font-size: 20px;
  text-align: center;
}
#mobilecurtain i.fas {
  font-size: 100px;
}
#mobilecurtain p {
  font-family: sans-serif;
  padding: 50px;
  color: #3b3b3b;
  font-size: 20px;
}
#mobilecurtain #closeButton {
  background-color: #3b3b3b;
  color: #b3b3b3;
  text-align: center;
  padding: 15px 60px;
  border-radius: 20px;
  text-transform: uppercase;
  border: none;
}

/* Telefony w orientacji pionowej */
@media (max-width: 480px) {
  .simple-banner {
    top: unset !important;
    bottom: 0 !important;
  }
  header.classic-menu {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  .copyright {
    text-align: center;
    margin: 0 auto;
  }
  #__ybug-launcher {
    display: none !important;
  }
}
/* Telefony w orientacji poziomej */
@media (min-width: 481px) and (max-width: 767px) {
  .simple-banner {
    top: unset !important;
    bottom: 0 !important;
  }
  header.classic-menu {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  .copyright {
    text-align: center;
    margin: 0 auto;
  }
}
/* Tablety w orientacji pionowej */
/* Tablety w orientacji poziomej */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #mobilecurtain {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    z-index: 999999;
  }
}
/* Nowoczesne smartfony *//*# sourceMappingURL=style.css.map */