:root {
  --black: #000;
  --white: #fff;
  --red: #e50046;
  --primary: #990099;
  --gradient: linear-gradient(90deg, #990099 0%, #e50046 100%);
  --line-gradient:   linear-gradient(90deg, rgba(210, 18, 94, 1) 0%, rgba(99, 193, 205, 1) 100%);
  
  --work-sans: "Work Sans", sans-serif, system-ui, -apple-system;

  --noto-sans: "Noto Sans", sans-serif, system-ui, -apple-system;

  --focus: red;

  --gray: #585858;

  --lightGray: #d3d3d3;

  --error: #cf4d4d;

  --headerLg: 6rem;

  --headerMd: 4.5rem;

  --headerSm: 3rem;
  
  --headerXs: 2.8rem;

  --textLg: 2.4rem;

  --textMd: 2rem;

  --textSm: 1.8rem;

  --textXs: 1.4rem;

  --margin: 7vw;

  --gap: 10rem;

}

@supports (color: oklch(0% 0 0)) {

  :root {

    --black: oklch(0% 0 0);

    --white: oklch(100% 0.00011 271.152);

    --red: oklch(58.478% 0.23411 17.085);

    --primary: oklch(47.92% 0.22032 328.352);

    --gradient: linear-gradient(

      90deg,

      oklch(47.92% 0.22032 328.352) 0%,

      oklch(58.478% 0.23411 17.085) 100%

    );

    --line-gradient: linear-gradient(90deg, oklch(55.892% 0.21707 6.994) 0%, oklch(75.802% 0.09061 206.442) 100%);

    --secondary: oklch(64.014% 0.17506 146.763);

    --focus: oklch(62.793% 0.25768 29.223);

    --gray: oklch(46.4% 0.00005 271.152);

    --lightGray: oklch(86.686% 0.0001 271.152);

    --error: oklch(59.578% 0.16516 23.539);

  }

}

*,

*::before,

*::after {

  box-sizing: border-box;

}

html {

  font-size: 62.5%;

}

body,

input,

button,

textarea {

  font-family: var(--work-sans);

  font-size: var(--textSm);

  color: var(--white);

  background: var(--black);

}

body {

  max-width: 3840px;

  margin: 0 auto;

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

a,

a:visited,

a:active,

a:focus {

  color: var(--white);

  text-decoration: none;

}

a:hover {

  color: var(--primary);

  text-decoration: none;

}

a:focus-visible,

button:focus-visible,

input:focus-visible,

select:focus-visible,

textarea:focus-visible {

  outline: 3px solid var(--focus);

  outline-offset: 3px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin-top: 0;

  margin-bottom: 0;

  font-weight: 700;

  text-align: left;

}

h1,

h2 {

  /*

  font-size: var(--headerLg);

  margin-bottom: 3.5rem;

  color: var(--primary);

  */

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

  margin-bottom: 3.5rem;

}

h3 {

  /*

  font-size: var(--headerMd);

  color: var(--primary);

  margin-bottom: 1rem;

  */

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

  margin-bottom: 1rem;

}

h4 {

  font-size: var(--headerSm);

}

h5 {

  font-size: var(--textLg);

}

h6 {

  font-size: var(--textMd);

}

p {

  margin-top: 0;

  line-height: 1.4;

}

p:last-child {

  margin-bottom: 0;

}

ul,

ol {

  margin-top: 0;

}

ul {

  padding-left: 0;

}

figure {

  margin: 0;

}

ul li {

  list-style: none;

  background-repeat: no-repeat;

  background-size: 2rem;

  margin-bottom: 1rem;

  padding-left: 4rem;

  background-position: 1rem 1px;

}

li li {

  list-style: initial;

  padding-left: 0;

  list-style-position: inside;

}

ul ul {

  margin-block-start: 1rem;

}

ol li li {

  list-style-type: disc;

}

img {

  max-width: 100%;

  height: auto;

  vertical-align: middle;

}

table {

  width: 100%;

}

video {

  width: 100% !important;

  height: auto !important;

}

iframe[src*="youtube"] {

  aspect-ratio: 16 / 9;

  object-fit: cover;

  width: 100%;

  height: 100%;

}

button {

  border: 0;

}

.t4-content {

  background-color: var(--black);

}



.container,

.t4-section-inner:has(.sidebar-l, .sidebar-r) {

  margin: 0 auto;

  padding-left: 15px;

  padding-right: 15px;

}

@media (min-width: 1320px) {

  .container,

  .t4-section-inner:has(.sidebar-l, .sidebar-r) {

    padding-left: var(--margin);

    padding-right: var(--margin);

  }

}

.pt-lg {

  padding-top: var(--gap);

}

.pb-lg {

  padding-bottom: var(--gap);

}



.pr-lg {

  padding-right: var(--margin);

}



.pl-lg {

  padding-left: var(--margin);

}



.container-fluid {

  padding-left: var(--margin);

  padding-right: var(--margin);

}

.com-content-article .page-header h1 {
  font-size: var(--headerMd);
}

.article-container-fluid .com-content-article,

.blog-container-fluid .blog,

.blog-container-fluid .com-content-article,

.com-content-article.blog-container-fluid {

  padding-left: var(--margin);

  padding-right: var(--margin);

}



.blog-container-fluid .com-content-article {

  padding-top: var(--gap);

}



.article-pt-lg .com-content-article {

  padding-top: var(--gap);

}



.article-pb-lg .com-content-article {

  padding-bottom: var(--gap);

}



.t4-section.t4-main-body,

.t4-section.t4-header {

  overflow: initial;

}

.t4-section, .com-content-article {
  overflow: hidden;
}

.btn,

.rsform-submit-button {

  background: var(--primary);

  color: #fff !important;

  font-size: var(--textSm);

  font-weight: 500;

  text-transform: uppercase;

  position: relative;

  padding: 17px 60px 15px 30px;

  position: relative;

  display: inline-block;

  text-align: left;

  transition: 0.35s;

  border-radius: 0;

}

.btn:after,

.rsform-submit-button:after {

  content: "";

  display: inline-block;

  position: absolute;

  width: 32px;

  height: 32px;

  right: 20px;

  mask-repeat: no-repeat;

  mask-position: center;

  mask-size: 30px;

  mask-position: 0 -5px;

  transition:

    background 0.35s,

    color 0.35s;

}

.btn:hover,

.rsform-submit-button:hover {

  color: #fff;

  filter: brightness(1.07);

}

.btn:hover:after,

.rsform-submit-button:hover:after {

  transform: translateX(10px);

}

.wf-columns {

  gap: 3rem;

}

.wf-column p:empty {

  display: none;

}

.wf-columns-gap-medium,

.wf-columns {

  gap: 3rem;

}

.wf-columns-gap-large {

  gap: 7rem;

}

.wf-columns-gap-small {

  gap: 1.2rem;

}

.wf-columns-gap-none {

  gap: 0;

}

.breadcrumb {

  margin-bottom: 2rem;

  margin-top: 2rem;

  font-size: var(--textSm);

  flex-wrap: wrap;

  list-style: none;

  display: flex;

  padding-left: 0;

}

.breadcrumb-item + .breadcrumb-item {

  padding-left: 0.8rem;

}

.breadcrumb-item + .breadcrumb-item:before {

  float: left;

  padding-right: 0.8rem;

  color: var(--black);

  content: "/";

}

.breadcrumb-item.active {

  color: var(--primary);

}

/* ANIMACJE */

.animation {

  opacity: var(--opacity, 0);

  transform: var(--transform, none);

  filter: var(--filter, none);

}

.end {

  transition-property: opacity, transform, filter;

  transition-duration:

    var(--duration, 0.7s), var(--duration, 0.7s), var(--duration, 0.7s);

  transition-delay: var(--delay, 0s), var(--delay, 0s), var(--delay, 0s);

  transition-timing-function:

    var(--easing, "ease-in-out"), var(--easing, "ease-in-out"),

    var(--easing, "ease-in-out");

  opacity: 1;

  transform: none;

  filter: none;

  animation: var(--customAnimation, none);

}

@keyframes flip-in-ver-right {

  0% {

    transform: rotateY(-80deg);

    opacity: 0;

  }

  100% {

    transform: rotateY(0);

    opacity: 1;

  }

}

@keyframes tracking-in-expand {

  0% {

    letter-spacing: -0.5em;

    opacity: 0;

  }

  40% {

    opacity: 0.6;

  }

  100% {

    opacity: 1;

  }

}

@keyframes tilt-in-fwd-tr {

  0% {

    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px)

      skew(-35deg, 10deg);

    opacity: 0;

  }

  100% {

    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);

    opacity: 1;

  }

}

@keyframes jello-horizontal {

  0% {

    transform: scale3d(1, 1, 1);

  }

  30% {

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

    transform: scale3d(1.05, 0.95, 1);

  }

  100% {

    transform: scale3d(1, 1, 1);

  }

}

@keyframes swing-in-left-fwd {

  0% {

    transform: rotateY(100deg);

    transform-origin: left;

    opacity: 0;

  }

  100% {

    transform: rotateY(0);

    transform-origin: left;

    opacity: 1;

  }

}

@keyframes flip-in-hor-bottom {

  0% {

    transform: rotateX(80deg);

    opacity: 0;

  }

  100% {

    transform: rotateX(0);

    opacity: 1;

  }

}

/* Formularze */

.formularz-kontaktowy strong.formRequired {

  display: none;

}

select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.inputbox {

  width: 100%;

  padding: 0.6rem 1.2rem;

  display: block;

  border: 1px solid var(--gray);

  border-radius: 4px;

  transition:

    border-color ease-in-out 0.15s,

    box-shadow ease-in-out 0.15s;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

select:focus,

textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.inputbox:focus {

  border-color: #66afe9;

  outline: 0;

  box-shadow:

    inset 0 1px 1px rgba(0, 0, 0, 0.075),

    0 0 8px rgba(102, 175, 233, 0.6);

}

input[type="checkbox"],

input[type="radio"] {

  position: absolute;

  cursor: pointer;

  margin-left: -2rem;

}

.rsform-type-checkboxgroup,

.rsform-type-radiogroup {

  margin-bottom: 1.5rem;

}

.rsform-type-checkboxgroup label,

.rsform-type-radiogroup label {

  font-size: var(--textXs);

  cursor: pointer;

  padding-left: 2rem;

  display: block;

}

.rsform-type-freetext {

  text-align: justify;

  font-size: var(--textXs);

}

.rsform-type-submitbutton .formBody {

  text-align: right;

}



.rsform-submit-button {

  margin-top: 2rem;

  cursor: pointer;

}



.formValidation {

  display: block;

  margin-top: 1rem;

}

.rsform-block {

  margin-bottom: 1.5rem;

}

.rsform-type-radiogroup .formControls .formBody {

  display: flex;

  flex-wrap: wrap;

  column-gap: 1rem;

}

.rsform-type-radiogroup .formControlLabel {

  padding-left: 0;

  margin-bottom: 0.5rem;

}

.rsform-type-radiogroup label {

  font-size: var(--textMd);

}

.rsform-type-radiogroup .formValidation {

  width: 100%;

}

strong.formRequired {

  display: none;

}

.help-block {

  position: absolute;

  margin-top: 0;

}

div[id^="rsform_error_"] {

  margin-bottom: 1rem;

}

.formError,

div[id^="rsform_error_"] p {

  color: var(--error);

}

.formRow {

  display: flex;

  gap: 2rem;

}

.formSpan6 {

  width: 50%;

}

@media (max-width: 580px) {

  .formRow {

    gap: 0;

    flex-wrap: wrap;

  }

  .formSpan6 {

    width: 100%;

  }

}

.hidden {

  display: none !important;

}

.t4-masthead-inner {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

  justify-content: flex-end;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 2rem var(--margin);

  height: 500px;

}

.t4-masthead-title {

  color: #fff;

  text-align: left;

}

.t4-navbar {

  position: relative;

  padding: 0;

}

.t4-navbar .dropdown-item.dropdown-toggle {

  position: relative;

}

.t4-navbar .dropdown-item.dropdown-toggle::after {

  position: absolute;

  right: 1rem;

  top: 50%;

  margin-top: -2px;

}

.t4-navbar .nav-item {

  position: relative;

  background-image: none;

}

.nav-align-left .t4-megamenu .navbar-nav > li > a,

.nav-align-left .t4-megamenu .navbar-nav > li > span {

  padding-left: 0;

  padding-right: 0;

  margin-right: 2rem;

}

.t4-megamenu .mega-inner {

  padding-bottom: 1rem;

  padding-top: 1rem;

}

.t4-megamenu .mega-nav,

.t4-megamenu .dropdown-menu .mega-nav {

  list-style: none;

  margin: 0;

  padding: 0;

}

.t4-megamenu .mega-nav > li a,

.t4-megamenu .dropdown-menu > li a {

  padding: 0.5rem 1rem;

}

.t4-megamenu .mega-nav .dropdown-submenu > a::after {

  margin-right: 0;

}

.t4-megamenu .nav .caret,

.t4-megamenu .dropdown-submenu .caret,

.t4-megamenu .mega-menu .caret {

  display: none;

}

.t4-megamenu .dropdown-toggle:after {

  display: none;

}

.t4-megamenu .dropdown-toggle .item-caret {

  display: none;

}

.t4-megamenu .dropdown-toggle .item-caret::before {

  content: none;

}

.t4-megamenu .mega-align-left > .dropdown-menu {

  left: 0;

}

.t4-megamenu .mega-align-right > .dropdown-menu {

  left: auto;

  right: 0;

}

.t4-megamenu .mega-align-center > .dropdown-menu {

  left: 50%;

  transform: translate(-50%, 0);

}

.t4-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu {

  left: 100%;

}

.t4-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu {

  left: auto;

  right: 100%;

}

.t4-megamenu .mega-align-justify {

  position: static;

}

.t4-megamenu .mega-align-justify > .dropdown-menu {

  left: 0;

  right: 0;

  margin-left: 0;

  top: auto;

}

.t4-megamenu .nav-link {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.t4-megamenu.animate .dropdown > .dropdown-menu {

  backface-visibility: hidden;

  opacity: 0;

}

.t4-megamenu.animate .dropdown.animating > .dropdown-menu {

  display: block;

}

.t4-megamenu.animate .dropdown.show.animating > .dropdown-menu,

.t4-megamenu.animate .dropdown.animating.open > .dropdown-menu {

  opacity: 1;

}

.t4-megamenu.animate.zoom .dropdown > .dropdown-menu {

  transform: scale(0, 0);

  transform-origin: 20% 20%;

}

.t4-megamenu.animate.zoom .dropdown.show.animating > .dropdown-menu {

  transform: scale(1, 1);

}

.t4-megamenu.animate.zoom .level0 > .mega-align-center > .dropdown-menu {

  transform: scale(0, 0) translate(-50%, 0);

  transform-origin: 0% 20%;

}

.t4-megamenu.animate.zoom

  .level0

  > .mega-align-center.show.animating

  > .dropdown-menu {

  transform: scale(1, 1) translate(-50%, 0);

}

.t4-megamenu.animate.elastic .dropdown > .dropdown-menu {

  transform: scale(0, 1);

  transform-origin: 10% 0;

}

.t4-megamenu.animate.elastic .dropdown.show.animating > .dropdown-menu {

  transform: scale(1, 1);

}

.t4-megamenu.animate.elastic .level0 > .dropdown > .dropdown-menu {

  transform: scale(1, 0);

}

.t4-megamenu.animate.elastic .level0 .show.animating > .dropdown-menu {

  transform: scale(1, 1);

}

.t4-megamenu.animate.elastic .level0 > .mega-align-center > .dropdown-menu {

  transform: scale(1, 0) translate(-50%, 0);

}

.t4-megamenu.animate.elastic

  .level0

  > .mega-align-center.show.animating

  > .dropdown-menu {

  transform: scale(1, 1) translate(-50%, 0);

}

.t4-megamenu.animate.slide .dropdown > .dropdown-menu {

  backface-visibility: hidden;

  margin-top: -30%;

  z-index: 1000;

}

.t4-megamenu.animate.slide .dropdown.show.animating > .dropdown-menu {

  margin-top: 0%;

}

.t4-megamenu.animate.slide .dropdown .dropdown-menu {

  min-width: 0;

  margin-top: -1rem;

  transition-property: margin-top, opacity;

  transition-timing-function: ease;

}

.t4-megamenu.animate.slide .dropdown .dropdown-menu > div {

  min-width: 350px;

  margin-top: 0;

  margin-left: -500px;

  width: 100%;

}

.t4-megamenu.animate.slide .dropdown.animating > .dropdown-menu > div {

  margin-left: 0;

}

.t4-megamenu.animate.flipping .dropdown > .dropdown-menu {

  transform-origin: 50% 0%;

  transform: perspective(600px) rotateX(-90deg);

  transition-property: transform;

  transition-timing-function: ease;

}

.t4-megamenu.animate.flipping .dropdown.show.animating > .dropdown-menu {

  transform: perspective(600px) rotateX(0deg);

}

.t4-megamenu.animate.fading .dropdown.show.animating > .dropdown-menu {

  transition-property: opacity;

  transition-timing-function: ease;

}


.rsform-thankyou-button {
  background: var(--primary) !important;
  padding: 10px 30px !important;
  border: 0 !important;
}

.rsform-block-hashcash {
  text-align: right;
}

.t4-megamenu.animate:is(.zoom, .elastic)

  .dropdown.show.animating

  > .dropdown-menu {

  transition-property: transform;

  transition-timing-function: ease;

}

.t4-megamenu.animate .animating.show {

  z-index: 2000;

}

.t4-megamenu .navbar-nav > li > :is(a, .nav-link) > span {

  display: block;

}

.t4-megamenu .navbar-nav > li > :is(a, .nav-link) .menu-item-title {

  margin-top: 4px;

  display: block;

}

.t4-megamenu .navbar-nav > li > :is(a, .nav-link) {

  color: var(--white);

}

.t4-megamenu ul li {

  padding-left: 0;

  margin-bottom: 0;

}

.t4-megamenu .navbar-nav > li > :is(a, .nav-link) .item-caret {

  display: none;

}

.t4-megamenu .navbar-nav > li > a:is(:hover, :focus, :active),

.t4-megamenu .navbar-nav > li > .nav-link:is(:hover, :focus, :active) {

  color: var(--primary);

}

.t4-megamenu .navbar-nav > li > a:is(:hover, :focus, :active) .item-caret,

.t4-megamenu

  .navbar-nav

  > li

  > .nav-link:is(:hover, :focus, :active)

  .item-caret {

  border-top-color: var(--primary);

}

.t4-megamenu .navbar-nav > li.show > :is(a, .nav-link) {

  color: var(--primary);

}

.t4-megamenu .navbar-nav > li.show > a .item-caret,

.t4-megamenu .navbar-nav > li.show > .nav-link .item-caret {

  border-top-color: var(--primary);

}

/*

.t4-megamenu .navbar-nav > li.active > :is(a, .nav-link) {

  color: var(--primary);

}

*/

.t4-megamenu .navbar-nav > li.active > :is(a, .nav-link) .item-caret {

  border-top-color: var(--primary);

}

.t4-megamenu .navbar-nav > li:last-child > :is(a, .nav-link) {

  border: 0;

}

.t4-megamenu .dropdown-menu {

  background: #fff;

  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);

  border-radius: 0;

  border: 0;

  min-width: 15rem;

  margin-top: 0;

}

@media (min-width: 992px) {

  .t4-megamenu .dropdown-menu {

    box-shadow:

      0 2px 2px 0 rgba(0, 0, 0, 0.14),

      0 1px 5px 0 rgba(0, 0, 0, 0.12),

      0 3px 1px -2px rgba(0, 0, 0, 0.2);

  }

}

.t4-megamenu .dropdown-menu a {

  color: var(--black);

}

.t4-megamenu .dropdown-menu a:is(:hover, :focus, :active) {

  background-color: rgba(0, 0, 0, 0);

  color: var(--primary);

}

.t4-megamenu .dropdown-menu li:last-child {

  border: 0;

}

.t4-megamenu .dropdown-menu li > :is(a, .nav-link),

.t4-megamenu .dropdown-menu li .dropdown-item {

  color: var(--white);

  display: flex;

  justify-content: space-between;

  padding: 1rem;

  white-space: normal;

  height: auto;

}

.dropdown-menu li > a span {

  display: flex;

  align-items: center;

  gap: 1rem;

}

.dropdown-menu li > a span img {

  width: 20px;

  height: 20px;

}



.t4-megamenu .dropdown-toggle:after {

  margin-top: 0.5rem;

  float: right;

}

.t4-megamenu .dropdown ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.t4-megamenu .t4-module {

  border-radius: 0;

  border: 0;

}

.t4-megamenu .t4-module .nav li.nav-item,

.t4-megamenu .mega-col-module .navbar li.nav-item {

  list-style: none;

  flex-basis: 100%;

}

.t4-megamenu .t4-module .nav li.nav-item a,

.t4-megamenu .mega-col-module .navbar li.nav-item a {

  display: block;

  padding: 0.5rem 0;

}

.t4-megamenu .t4-module .nav li.nav-item a:is(:hover, :focus, :active),

.t4-megamenu

  .mega-col-module

  .navbar

  li.nav-item

  a:is(:hover, :focus, :active) {

  background-color: rgba(0, 0, 0, 0);

}

.t4-megamenu .dropstart .dropdown-menu {

  right: 100%;

  top: 0px;

}

.t4-megamenu .dropend .dropdown-menu {

  left: 100%;

  top: 0;

}

div.t4-megamenu:not(.show) {

  height: auto;

}

.t4-megamenu.collapse:not(.show) {

  overflow: visible;

}

.t4-megamenu .nav-item.dropdown:focus-within > .dropdown-menu {

  opacity: 1;

  margin-top: 0;

  display: block;

}

.t4-megamenu .nav-item.dropdown:focus-within > .dropdown-menu > div {

  margin-left: 0;

}

.t4-megamenu.animate .dropdown.animating > .dropdown-menu {

  transition-duration: 400ms;

}

#t4-megamenu-main-menu > ul > li > a .image-title {

  display: none;

}

#t4-megamenu-main-menu > ul > li > a img {

  width: 24px;

}

#t4-megamenu-main-menu > ul > li > a:is(:hover, :focus, :active) img {

  filter: invert(64%) sepia(63%) saturate(526%) hue-rotate(103deg)

    brightness(89%) contrast(86%);

}

.nav {

  display: flex;

  flex-wrap: wrap;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}

.nav-link {

  display: block;

  padding: 1.5rem;

  background: none;

  border: 0;

}

.nav-link:hover,

.nav-link:focus {

  color: var(--primary);

}

.nav-link:focus-visible {

  outline: 0;

  box-shadow: 0 0 0 0.25rem var(--focus);

}

.nav-link.disabled,

.nav-link:disabled {

  color: var(--lightGray);

  pointer-events: none;

  cursor: default;

}

.nav-tabs {

  border-bottom: 2px solid var(--primary);

}

.nav-tabs .nav-link {

  margin-bottom: -2px;

  border: 2px solid rgba(0, 0, 0, 0);

}

.nav-tabs .nav-link:hover,

.nav-tabs .nav-link:focus {

  isolation: isolate;

  border-color: var(--primary);

}

.nav-tabs .nav-link.active,

.nav-tabs .nav-item.show .nav-link {

  color: var(--primary);

  background-color: #fff;

  border-color: var(--primary);

}

.nav-tabs .dropdown-menu {

  margin-top: -2px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.nav-pills .nav-link {

  border-radius: 4px;

}

.nav-pills .nav-link.active,

.nav-pills .show > .nav-link {

  color: #fff;

  background-color: var(--primary);

}

.nav-underline {

  gap: 1rem;

}

.nav-underline .nav-link {

  padding-right: 0;

  padding-left: 0;

  border-bottom: 4px solid rgba(0, 0, 0, 0);

}

.nav-underline .nav-link:is(:hover, :focus) {

  border-bottom-color: currentcolor;

}

.nav-underline .nav-link.active,

.nav-underline .show > .nav-link {

  font-weight: 700;

  color: var(--primary);

  border-bottom-color: currentcolor;

}

.nav-fill > .nav-link,

.nav-fill .nav-item {

  flex: 1 1 auto;

  text-align: center;

}

.nav-justified > .nav-link,

.nav-justified .nav-item {

  flex-basis: 0;

  flex-grow: 1;

  text-align: center;

}

.nav-fill .nav-item .nav-link,

.nav-justified .nav-item .nav-link {

  width: 100%;

}

.tab-content > .tab-pane {

  display: none;

}

.tab-content > .active {

  display: block;

}

.navbar {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  z-index: 2;

}

.navbar-nav {

  flex-direction: column;

  padding-left: 0;

  margin-bottom: 0;

}

.navbar-nav .nav-link:is(.active, .show) {

  color: var(--primary);

}

.navbar-nav .dropdown-menu {

  position: static;

}

.navbar-text {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  color: var(--black);

}

.navbar-text a:is(:hover, :focus) {

  color: var(--primary);

}

.navbar-collapse {

  flex-basis: 100%;

  flex-grow: 1;

  align-items: center;

}

.navbar-expand-xl .navbar-collapse {

  display: none;

}

@media (min-width: 1200px) {

  .navbar-expand-xl {

    flex-wrap: nowrap;

    justify-content: flex-start;

  }

  .navbar-expand-xl .navbar-nav {

    flex-direction: row;

  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {

    position: absolute;

  }

  .navbar-expand-xl .navbar-nav .nav-link {

    padding-right: 4.21rem;

    padding-left: 4.21rem;

  }

  .navbar-expand-xl .navbar-nav-scroll {

    overflow: visible;

  }

  .navbar-expand-xl .navbar-collapse {

    display: flex !important;

    flex-basis: auto;

    padding-right: 3rem;

  }

  .navbar-expand-xl .offcanvas {

    position: static;

    z-index: auto;

    flex-grow: 1;

    width: auto !important;

    height: auto !important;

    visibility: visible !important;

    background-color: rgba(0, 0, 0, 0) !important;

    border: 0 !important;

    transform: none !important;

    transition: none;

  }

  .navbar-expand-xl .offcanvas .offcanvas-header {

    display: none;

  }

  .navbar-expand-xl .offcanvas .offcanvas-body {

    display: flex;

    flex-grow: 0;

    padding: 0;

    overflow-y: visible;

  }

}

.t4-offcanvas {

  background: var(--black);

}

.t4-offcanvas .t4-off-canvas-header {

  background-color: transparent;

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: center;

  padding: 0.75rem 1.5rem;

}

.t4-offcanvas .t4-off-canvas-header a img {

  max-height: 4rem;

  outline: none;

}

.t4-offcanvas .t4-off-canvas-header .close {

  background-color: black;

  border: 0;

  border-radius: 50%;

  height: 32px;

  outline: none;

  margin-left: auto;

  padding: 0;

  transition: all 0.2s ease-in-out;

  cursor: pointer;

  text-shadow: none;

  width: 32px;

}

.t4-offcanvas .t4-off-canvas-header .close:is(:hover, :focus, :active) {

  background-color: rgba(0, 0, 0, 0.05);

}

.t4-offcanvas .t4-off-canvas-header .close:is(:hover, :focus, :active) {

  transform: rotate(180deg);

}

.t4-offcanvas .t4-off-canvas-header .close:focus {

  border: 2px solid #000;

}

.t4-offcanvas .t4-off-canvas-header .close span {

  display: block;

  font-size: 24px;

  transition: all 0.35s ease;

}

.t4-offcanvas .logo-img {

  width: 100%;

}

.t4-offcanvas .navbar-nav > li > a > span img {

  display: none;

}

.t4-offcanvas .navbar-nav li:before {

  content: none;

}

.t4-offcanvas .t4-off-canvas-body .navbar {

  display: block;

  padding: 0;

}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-toggle::after {

  display: none;

}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-item .dropdown-menu .nav-item {

  border-bottom: 0;

  padding-right: 0;

}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link,

.t4-offcanvas .t4-off-canvas-body .navbar .separator {

  padding: 0.75rem 1rem;

}

.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle {

  border-radius: 50%;

  display: block;

  position: absolute;

  right: 0;

  height: 30px;

  line-height: 30px;

  font-size: 12px;

  padding: 0;

  text-align: center;

  width: 30px;

  background-image: url(../../../images/ikony/arrow-right.svg);

  filter: invert(100%) sepia(1%) saturate(7%) hue-rotate(351deg)

    brightness(112%) contrast(100%);

  background-size: 17px;

  background-repeat: no-repeat;

  background-position: 7px;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar

  .btn-toggle:is(:hover, :focus, :active) {

  background-color: var(--primary);

  background-image: url(../../../images/ikony/arrow-right-white.svg);

  filter: none;

  color: var(--black);

  cursor: pointer;

}

.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle.is-active::after {

  color: var(--primary);

  transform: rotate(180deg);

}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu {

  border-radius: 0;

  border: 0;

  min-width: auto;

  padding: 0 0 0 1rem;

}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item,

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {

  padding: 0.75rem 1rem;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar

  .dropdown-menu

  .dropdown-item:is(:hover, :focus, :active),

.t4-offcanvas

  .t4-off-canvas-body

  .navbar

  .dropdown-menu

  .nav-link:is(:hover, :focus, :active) {

  background: rgba(0, 0, 0, 0);

  color: var(--primary);

}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:before,

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link:before {

  display: none;

}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect {

  overflow: hidden;

}

.t4-offcanvas .t4-off-canvas-body .navbar .sub-menu-back {

  display: none;

}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  font-weight: 700;

  text-transform: uppercase;

  background: var(--primary);

  font-size: var(--textMd);

  color: #fff;

  border-radius: 0;

  padding: 1rem;

  cursor: pointer;

  width: 100%;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar

  .sub-menu-back:is(:hover, :focus, :active) {

  background-color: var(--primary);

  color: #fff;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar.drilldown-effect

  .sub-menu-back:before {

  content: "";

  display: inline-block;

  width: 20px;

  height: 20px;

  background-image: url(../../../images/ikony/arrow-right.svg);

  filter: invert(100%) sepia(1%) saturate(7%) hue-rotate(351deg)

    brightness(112%) contrast(100%);

  background-size: 20px;

  background-repeat: no-repeat;

  transform: rotateY(180deg);

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar.drilldown-effect

  .sub-menu-back:is(:hover, :focus, :active):before {

  background-image: url(../../../images/ikony/arrow-right-white.svg);

  filter: none;

}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav {

  position: relative;

  width: 100%;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar.drilldown-effect

  .navbar-nav

  .nav-item {

  display: flex;

  justify-content: space-between;

  align-items: stretch;

  position: static;

  margin-bottom: 0;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar.drilldown-effect

  .navbar-nav

  .btn-toggle.is-active::after {

  color: var(--gray);

  transform: rotate(0deg);

}

.t4-offcanvas .t4-off-canvas-body .navbar .navbar-nav .nav-item.active {

  background: var(--primary);

}

.t4-offcanvas .t4-off-canvas-body .navbar .navbar-nav .nav-item.active > a {

  color: #fff;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar.drilldown-effect

  .navbar-nav

  .dropdown-menu {

  position: absolute;

  top: 0;

  left: 100%;

  padding-left: 0;

  width: 100%;

  margin-top: 0;

}

.t4-offcanvas

  .t4-off-canvas-body.menu-item-always-show

  .navbar

  .sub-menu-toggle {

  display: none;

}

.t4-offcanvas .t4-off-canvas-body.menu-item-always-show .navbar .dropdown-menu {

  display: block;

}

.t4-offcanvas .navbar-nav,

.t4-offcanvas .oc-level-0 .drilldown-effect .navbar-nav {

  transform: translateX(0);

  transition: all 0.35s ease-in-out;

}

.t4-offcanvas.oc-level-1 .drilldown-effect .navbar-nav {

  transform: translateX(-100%);

}

.t4-offcanvas.oc-level-2 .drilldown-effect .navbar-nav {

  transform: translateX(-200%);

}

.t4-offcanvas .t4-off-canvas-body {

  display: flex;

  flex-flow: column wrap;

}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {

  border-bottom: 1px solid var(--lightGray);

}

.t4-offcanvas nav > .nav > .nav-item {

  overflow: hidden;

  position: relative;

}

.t4-offcanvas .t4-off-canvas-body .navbar:not(.drilldown-effect) .btn-toggle {

  width: 25px;

  height: 25px;

  rotate: 90deg;

  translate: -10px -34px;

}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .btn-toggle {

  right: 1.5rem;

  margin-top: 3.5px;

}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu {

  padding-left: 0;

}

.t4-offcanvas

  .t4-off-canvas-body

  .navbar.drilldown-effect

  .navbar-nav

  .nav-item

  .dropdown-menu

  .nav-item {

  border-bottom: 1px solid var(--lightGray);

  padding-left: 0;

}

.off-canvas-toggle {

  border-radius: 0;
  border: 0;

  padding: 0;

  width: 50px;

  height: 50px;

  line-height: 50px;

  background: var(--primary);

  cursor: pointer;

  position: fixed;

  top: 3rem;

  right: 2rem;

  z-index: 1200;

}

.off-canvas-toggle .bar {

  background-color: #ffffff;

  display: block;

  height: 2px;

  position: absolute;

  left: 15px;

  width: 20px;

  transition: all 0.25s;

}

.off-canvas-toggle span.bar-first {

  top: 18px;

}

.off-canvas-toggle span.bar-mid {

  top: 24px;

}

.off-canvas-toggle span.bar-last {

  top: 30px;

}

.off-canvas-toggle.is-active span.bar-mid {

  display: none;

}

.off-canvas-toggle.is-active span.bar-first {

  top: 24px;

  transform: rotate(45deg);

}

.off-canvas-toggle.is-active span.bar-last {

  top: 24px;

  transform: rotate(-45deg);

}

.nav li {

  list-style: none;

}

.dropdown-menu {

  display: none;

}

.dropdown-menu.show {

  display: block;

}

.eb-inst {

  z-index: 2001;

}

#back-to-top {

  background-color: rgba(0, 0, 0, 0.5);

  border-radius: 5px;

  display: none;

  position: fixed;

  right: 2rem;

  bottom: 1rem;

  height: 40px;

  text-align: center;

  transition: all 0.35s ease;

  width: 40px;

}

#back-to-top::after {

  content: "";

  display: block;

  width: 40px;

  height: 40px;

  background: #fff;

  -webkit-mask-image: url(../../../images/ikony/chevron-up.svg);

  mask-image: url(../../../images/ikony/chevron-up.svg);

  mask-repeat: no-repeat;

  mask-position: center;

}

#back-to-top:hover,

#back-to-top:focus,

#back-to-top:active {

  background-color: var(--primary);

  color: #fff;

}

#back-to-top i {

  color: #fff;

  line-height: 36px;

}

.top-away #back-to-top {

  display: block;

}

header {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  padding: 1.5rem var(--margin);

  width: 100%;

  z-index: 1;

  background: var(--black);

}



.nav-absolute header {

  background-color: initial;

  position: absolute;

  top: 0;

  z-index: 1;

}



header > .logo-image {

  padding-top: 1.5rem;

}



.logo-img {

  width: 100%;

}

.t4-navbar-fixed {

  position: fixed;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  padding-left: var(--margin);

  padding-right: var(--margin);

  left: 0;

  top: 0;

  width: 100%;

  z-index: 1000;

  background: var(--black);

  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.5);

}

.t4-navbar-fixed .logo-img {

  width: 160px;

}

.img-wrapper {

  overflow: hidden;

}

.grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-gap: 3rem;

}

.item {

  display: block;

}

.item img {

  aspect-ratio: 4/3;

  object-fit: cover;

  width: 100%;

  height: 100%;

  transition: 0.35s;

}

.item:hover img {

  scale: 1.1;

}

:is(.categories, .category) .title {

  margin-top: 1rem;

  font-size: var(--textLg);

}

.category-content:has(> img) {

  margin-bottom: 5rem;

  display: grid;

  grid-template-columns: 2fr 3fr;

  gap: 3rem;

}

.t4-row:has(.sidebar-l, .sidebar-r) {

  display: grid;

  gap: 5rem;

  grid-template-columns: 1fr 3fr;

}

.t4-module .navbar {

  padding-left: 0;

  padding-right: 0;

}

/* fix for disable overflow for position sticky on specific pages */

.t4-wrapper:has(.nasz-zespol-article) {

  overflow: visible;

}

.sidebar-l {

  order: -1;

}

.sidebar-l :is(.t4-module, .module-inner, .module-ct) {

  height: 100%;

}

.com-content-article p {

  text-align: justify;

}

.com-content-article :is(.item-image, .img-wrapper) {

  overflow: hidden;

  border: 2px solid var(--secondary);

  margin-bottom: 3rem;

}

.has-offcanvas--visible {

  overflow: hidden;

}

.category-desc {

  margin-bottom: 5rem;

}

.t4-masthead-description {

  color: #fff;

  position: relative;

  font-size: var(--textMd);

  margin-bottom: 2rem;

}

.scroll-anchor {

  position: absolute;

  transform: translateY(-140px);

  visibility: hidden;

}

.droppicspictures {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 1rem;

}

.droppicspictures .wimg {

  margin: 0;

  width: 100% !important;

  height: 100% !important;

  float: initial;

}

.droppicsgallerydefault .wimg a {

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

  aspect-ratio: 315 / 236;

}

.droppicspictures .wimg img {

  margin-top: 0 !important;

  width: 100%;

  object-fit: cover !important;

  height: 100%;

}

.droppicsgallerydefault .wimg a:hover:after {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -24px 0 0 -24px;

  display: block;

  content: "";

  width: 48px;

  height: 48px;

  background: transparent url(../../../images/ikony/magnify_48x48_24.png)

    no-repeat;

}

.droppicsgallerydefault .wimg a:hover img {

  opacity: 0.7;

}

.droppicsgallerydefault .img {

  border: 0 !important;

  border-radius: 0 !important;

  margin: 0 !important;

}

body:has(.cboxPhoto) {

  overflow: hidden;

}

.pagination {

  display: flex;

  gap: 1rem;

}

.pagination li {

  padding: 0;

}

.pagination li a {

  border: 1px solid var(--secondary);

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1rem 2rem;

  border-radius: 15px;

}

.pagination li.active a {

  background: var(--primary);

  border: 1px solid var(--primary);

}

.pagination li a:hover {

  background: var(--secondary);

  color: #fff;

}

.pagination li:before {

  content: none;

}

/* for anchors */

a:not([href]) {

  transform: translateY(-70px);

  position: absolute;

}

@media (min-width: 1580px) {
  .baner-service :is(.t4-masthead-title, .t4-masthead-description) {
    max-width: 100rem;
  }
}

@media (max-width: 1580px) {

  .wf-columns-stack-xlarge > .wf-column {
    width: 100%;
    flex: auto;
  }

  .baner-service :is(.t4-masthead-title, .t4-masthead-description) {
    max-width: 70rem;
  }
}

@media (min-width: 1350px) {

  .off-canvas-toggle {

    display: none;

  }

}

@media (max-width: 1349px) {

  .t4-header .naglowek-top,

  .header-2 > .social-icons,

  .t4-navbar-fixed,

  .t4-header .navbar {

    display: none !important;

  }

  .wf-columns-stack-large > .wf-column {

    width: 100%;

    flex: auto;

  }

  .sidebar-l {

    order: 2;

  }

  .t4-row:has(.sidebar-l, .sidebar-r) {

    grid-template-columns: 1fr;

  }

  .droppicspictures {

    grid-template-columns: repeat(4, 1fr);

  }

}

@media (max-width: 991px) {

  .wf-columns-stack-medium > .wf-column {

    width: 100%;

    flex: auto;

  }

  .droppicspictures {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 767px) {

  .wf-columns-stack-small > .wf-column {

    width: 100%;

    flex: auto;

  }

  .t4-masthead-inner {

    height: 300px;

  }

  .category-content {

    grid-template-columns: 1fr;

  }

  .droppicspictures {

    grid-template-columns: repeat(2, 1fr);

  }

}

/* blog */

.blog .grid {

  display: grid;

  grid-template-columns: 1fr;

  gap: 7rem;

}

.blog .item {

  display: grid;

  grid-template-columns: 1fr 3fr;

  gap: 4rem;

}

.blog .blog-btn-wrapper {

  margin-top: 1.5rem;

}

.blog .item:hover .intro-text {

  color: var(--white);

}

.blog .item:hover .blog-btn-wrapper .btn {

  color: #fff !important;

  background: var(--secondary);

}

.ostatnie-artykuly {

  position: sticky;

  top: 100px;

}

.ostatnie-artykuly .wrapper {

  display: block;

}

.ostatnie-artykuly .img-wrapper {

  border-radius: 0;

}

.ostatnie-artykuly .img-wrapper img {

  border-radius: 10px;

  aspect-ratio: 4/3;

  object-fit: cover;

  transition: 0.35s ease-in-out;

  border-radius: 20px;

}

.ostatnie-artykuly .item:hover img {

  scale: 1;

  filter: brightness(1.1);

}

.ostatnie-artykuly .item {

  display: grid !important;

  grid-template-columns: 1fr 2fr;

  gap: 1.5rem;

  margin-bottom: 2rem;

}

.ostatnie-artykuly .item .title {

  font-size: var(--textSm);

  color: var(--white);

}

.ostatnie-artykuly .item:hover .title {

  color: var(--primary);

}

.ostatnie-artykuly .module-title {

  margin-bottom: 1.5rem;

}

@media (max-width: 767px) {

  .ostatnie-artykuly .item {

    grid-template-columns: 1fr;

  }

  .ostatnie-artykuly .item .title {

    font-size: var(--textMd);

  }

}



.copyright {

  padding-bottom: 2rem;

}



.copyright p {

  border-top: 0.1rem solid var(--white);

  padding-top: 1rem;

}



.t4-navbar-fixed > .logo-image {

  margin-right: auto;

}



.dropdown-menu-inner > ul {

  background: var(--black);

}



.translateY {

  transform: translateY(1rem);

}



.bg-transparent {

  background-color: transparent;

}

.bg-purple {

  background-color: var(--primary);

}

.font-purple {

  color: var(--primary);

}

.btn-purple {

  background: var(--primary);

  color: var(--white) !important;

  padding: 2rem 3rem;

}



.btn-purple:hover {

  filter: brightness(0.8);

}



.font-onclick:hover {

  color: var(--primary);

}



.text-capitalize {

  text-transform: capitalize;

}



.btn-onclick:hover {

  filter: brightness(0.8);

  cursor: pointer;

}



.t4-header .header-1 {

  display: none;

}



.t4-header .naglowek-top {

  display: flex;

  justify-content: end;

}



.t4-header .naglowek-top a:hover {

  color: var(--primary);

}



.t4-header .menu-item-title {

  text-transform: uppercase;

  font-size: 1.5rem;

  line-height: 2.4rem;

  font-weight: 500;

}



.t4-megamenu .navbar-nav > li.active {

  background: var(--gradient);

}



.t4-header .t4-navbar {

  display: flex;

  align-items: center;

  border-bottom: 0.3rem solid var(--white);

}



.t4-header .nav-item a:hover span {

  color: var(--primary);

}

.t4-section:has(.module-line) {
  overflow: visible;
}

.module-line {
  width: 100%;
  height: 1rem;
  margin: 0;
  background: var(--line-gradient);
  translate: 0 -9rem;
}


.social-icons {

  margin-left: 0.5rem;

}



.social-icons p {

  display: flex;

  justify-content: center;

  gap: 3rem;

}



.t4-section:has(.branding-your-car) {

  overflow: visible;

}



.branding-your-car {

  padding: 0 9vw;

  transform: translateY(-3rem);

  margin-bottom: -17rem;

}



.branding-your-car > div {

  padding: 5rem 12vw;

  border: 0.1rem solid var(--white);

  text-align: center;

  padding-bottom: 15rem;

}



.branding-your-car .branding-your-car-text {

  display: inline-block;

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

  text-align: center;

  padding-bottom: 22rem;

}



.branding-your-car .branding-your-car-video {

  transform: translateY(-17rem);

  padding: 0 8vw;

}



.baner .splide__track {

  height: 100%;

}



.baner .splide__slide {

  height: auto;

  aspect-ratio: 1500/920;

  width: 100%;

}



.baner .desc {

  color: var(--white);

}



.baner .content {

  max-width: 100rem;

  justify-content: flex-start;

  gap: 0;

}



.baner .content :is(.title, .desc, .btn-wrapper) {

  background: transparent;

  padding-left: 7rem;

}



.baner .content :is(.title, .desc) {

  text-align: left;

}



.baner .splide__pagination {

  display: none;

}



.baner .custom-line {

  width: 100%;

  height: 1rem;

  margin: 0;

  position: absolute;

  bottom: 7rem;

  background: #d2125e;

  background: var(--line-gradient);

}

.baner .btn-wrapper {
  text-align: left;
  margin-top: 1rem;
}

.baner .btn {
  padding: 1.85rem 7rem;
}

@media (min-width: 1200px) {

  .baner .splide__arrows {

    display: none;

  }

}



.header-top {

  padding-top: 0.6rem;

  display: flex;

  flex-direction: row;

  gap: 4.5rem;

}



.header-top img {

  transform: translateY(-1px);

  margin-right: 1rem;

}



.baner .title {

  font-size: var(--headerLg);

  letter-spacing: 0.1rem;

  text-transform: uppercase;

  font-weight: 600;

  padding-top: 22rem;

}



@media (max-width: 1790px) {

  .baner .title,

  .baner-service .t4-masthead-title {

    font-size: var(--headerSm) !important;

  }

  .baner .splide__slide .desc span,

  .baner-service .t4-masthead-description {

    font-size: var(--textMd) !important;

  }

}



.decals-slider .desc {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

  text-align: center;

  margin-bottom: 4rem;

}



.decals-slider .splide__track {

  translate: 13rem;

}



.decals-slider .img-wrapper img {

  aspect-ratio: 3/3.4;

}



.decals-slider .splide__list {

  gap: 2rem;

}

.splide, .splide__track {
  touch-action: pan-y;
}

.decals-slider .btn {

  width: 100%;

  text-align: center;

  font-size: var(--textSm);

  line-height: 2.4rem;

  text-transform: uppercase;

  font-weight: 600;

  text-align: center;

  padding: 2rem 3rem;

}

.decals-slider .splide__arrow {
   top:70%;
}


.decals-slider ::after {

  display: none;

}



@media (min-width: 1200px) {

  .decals-slider .splide__arrows {

    display: none;

  }

}



.custom-line {
  content: "";
}



.about-us-services img {

  object-fit: cover;

  height: 100%;

  width: 100%;

}



.about-us-services h2 {

  text-transform: uppercase;

  font-weight: 600;

  margin-bottom: 2.5rem;

}



.about-us-services p {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  margin: 0;

}



.about-us-services p:has(a) {

  margin-top: 7rem;

}



.about-us-services a {

  padding: 2.15rem 10.09rem;

  font-size: var(--textSm);

  line-height: 2.4rem;

  text-transform: uppercase;

  font-weight: 600;

  text-align: center;

}



.about-us-services .wf-columns:nth-of-type(odd) .wf-column:last-of-type {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.about-us-services .wf-columns:nth-of-type(odd) .services-box {

    position: relative;
    padding: 3rem 2rem 4rem 0;
}

.about-us-services .wf-columns:nth-of-type(odd) .services-box::before {
    content: "";
    position: absolute;
    inset: 0;
    left: -13vw;
    background:
        linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%) bottom / 100% 1px no-repeat;
    pointer-events: none;
}
.about-us-services .wf-columns .services-box::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    left: initial;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%) bottom / 100%;
    pointer-events: none;
}
.about-us-services .wf-columns:nth-of-type(even) .services-box::after {
    right: initial;
    left: 0;
}
.kontakt-ikona-mobile {
  display: none;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 3rem;
  right: 9rem;
  background: var(--primary);
  z-index: 1200;
}
.kontakt-ikona-mobile * {
  height: 100%;
}
.kontakt-ikona-mobile img {
  object-fit: contain;
  padding: 9px;
}

.about-us-services .wf-columns:nth-of-type(even) .wf-column:first-of-type {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.about-us-services .wf-columns:nth-of-type(even) .services-box {

    position: relative;
    padding: 3rem 0 4rem 2rem;
}

.about-us-services .wf-columns:nth-of-type(even) .services-box::before {
    content: "";
    position: absolute;
    inset: 0;
    right: -13vw;
    background:
        linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%) bottom / 100% 1px no-repeat;
    pointer-events: none;
}

.about-us-services .wf-columns:nth-of-type(even)

  :is(h2, p) {

  text-align: right;

}

.about-us-services .wf-columns:nth-of-type(odd) .wf-column:first-of-type,

.about-us-services .wf-columns:nth-of-type(even) .wf-column:last-of-type{

  flex: 1.5;

}


.about-us-services .wf-columns:nth-of-type(1) .wf-column:last-of-type {
  translate: -6rem 3rem;
}
 
.about-us-services .wf-columns:nth-of-type(2) .wf-column:first-of-type{
  translate: 7rem 1rem;
}
 
.about-us-services .wf-columns:nth-of-type(3) .wf-column:last-of-type {
  translate: -6rem -5rem;
}

.about-us-services .wf-columns:nth-of-type(4) .wf-column:first-of-type{
  translate: 7rem -6rem;
}

.one-man-van .wf-column {

  border: 0.1rem solid #e50046;

}

.one-man-van > p {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

  text-align: center;

  margin-bottom: 9rem;

}



.one-man-van .container-fluid {

  padding: 0 4rem;

  font-size: var(--textSm);

  line-height: 2.6rem;

  font-weight: 400;

}



.one-man-van .pb-lg {

  margin-bottom: 6rem;

}



.one-man-van .wf-column img {

  object-fit: cover;

  width: 100%;

}



.one-man-van p:has(a) {

  margin-top: 6rem;

  margin-bottom: 4.5rem;

}



.one-man-van .btn-purple {

  padding: 2rem 8rem;

  text-transform: uppercase;

  font-size: var(--textSm);

  line-height: 2.4rem;

  font-weight: 500;

}



.location.pt-lg {

  padding-top: 15rem;

}



.location.pb-lg {

  padding-bottom: var(--gap);

}



.location :is(h2, p) {

  font-family: var(--noto-sans);

  font-size: var(--textXs);

}



.location h2 {

  line-height: 2.2rem;

  font-weight: 600;

  color: var(--white);

  margin-bottom: 1.5rem;

}



.location p:has(strong) {

  line-height: 2rem;

  font-weight: 400;

}



.location .address {

  line-height: 2.4rem;

  font-weight: 400;

}



.location .social-icons {

  margin-top: 4rem;

  display: flex;

  gap: 1.4rem;

}



.location .wf-columns-layout-2-3 > .wf-column:last-child {

  width: 58%;

}



.google-maps {

  width: 100%;

}



/* Services */



.why-choose .container-fluid {

  padding: 0 5rem;

}



.why-choose .wf-columns {

  margin-top: 4rem;

  gap: 14rem;

}



.why-choose h1 {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

}



.why-choose p {

  font-size: var(--textSm);

  line-height: 2.6rem;

  font-weight: 400;

}



.versatility-and-branding-benefits .wf-columns {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

}



.versatility-and-branding-benefits .wf-column {

  border: 0.1rem solid var(--red);

  padding: 2rem 4rem;

}



.versatility-and-branding-benefits .wf-column:last-of-type {

  padding: 0;

}



.versatility-and-branding-benefits .wf-column img {

  width: 100%;

  object-fit: cover;

}



.versatility-and-branding-benefits h2 {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

}



.about-us-contact-us {

  padding-left: 10vw;

  padding-right: 10vw;

}



.about-us-contact-us p.container-fluid {

  padding: 0;

  margin-left: 10rem;

  margin-right: 10rem;

}



.about-us-contact-us .btn-purple p {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  font-weight: 400;

}



.about-us-contact-us p:has(.btn-purple) {

  margin-top: 7rem;

}



.about-us-contact-us .btn-purple {

  padding: 2rem 9.5rem;

  text-transform: uppercase;

  font-size: var(--textSm);

  line-height: 2.4rem;

  font-weight: 400;

}



.services-watch-video {

  position: relative;

}



.services-watch-video h2 {

  text-align: center;

  font-size: var(--headerSm);

  line-height: 4.2rem;

  font-weight: 400;

}



.services-watch-video .text {

  margin-left: 20rem;

  margin-right: 20rem;

  margin-bottom: 10rem;

  font-size: var(--headerSm);

  line-height: 4.2rem;

  font-weight: 400;

}



.services-watch-video .video-wrapper {

  background-repeat: no-repeat;

  background-size: contain;

}



.services-watch-video .video-items {

  margin-bottom: 10rem;

  background: transparent;

}



.services-watch-video .video-item {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.services-watch-video .video-item p:has(img) {

  margin-bottom: 0;

}



.services-watch-video .video-item img {

  width: 100%;

  object-fit: cover;

  height: 100%;

}



.services-watch-video video {

  padding: 0 10vw;

}



.services-watch-video button {

  width: 100%;

  color: var(--white);

  font-size: var(--textSm);

  line-height: 2.4rem;

  text-transform: uppercase;

  font-weight: 500;

  padding: 2rem 0;

}

.service-grid.portfolio-grid {
  translate: 0 -8rem !important;
  margin-bottom: 0 !important;
}
.service-grid.portfolio-grid .item-img-wrapper {
  height: initial;
}
.service-grid.portfolio-grid .item img {
  aspect-ratio: 1 / 1;
}
.service-grid.portfolio-grid .btn {
  font-weight: 400;
}
.blog-container-fluid .item:hover .btn {

  background: var(--primary) !important;

}



.blog-container-fluid .item img {

  object-fit: contain;

  aspect-ratio: auto;

}



/* Form */



.contact-form .formRed {

  padding-left: var(--margin);

}



.contact-form .formHorizontal .formControls {

  margin-left: 0;

}



.contact-form .formRow {

  gap: 0;

}


.contact-form .formSpan9 {

  padding-right: 1vw;

}



.contact-form .formValidation {

  display: block !important;

}



.contact-form .rsform-block {

  margin-bottom: 1rem !important;

}



.contact-form .rsform-submit-button {

  width: 100% !important;

}



.contact-form :is(.rsform-text-box, .rsform-input-box) {

  width: 100%;

  box-sizing: border-box !important;

}



.contact-form .rsform-input-box {

  height: 3rem !important;

}



.contact-form .formControlLabel {

  float: none !important;

}



.contact-form input[type="checkbox"] {

  position: initial;

  margin-right: 1rem;

  width: 2.2rem;

  height: 2.2rem;

  transform: translateY(0.5rem);

}



.contact-form .rsform-submit-button {

  width: 100% !important;

  font-size: var(--textSm) !important;

  background-color: var(--primary) !important;

  font-weight: 500;

  text-shadow: none !important;

  padding: 2rem 3.7rem !important;

}



.contact-form .rsform-submit-button:hover {

  filter: brightness(0.8) !important;

}



.footer > .wf-columns {

  padding: 0 4rem;

}



.footer .wf-column:has(p) {

  padding-right: 3rem;

}



.footer p {

  font-size: var(--textXs);

  font-weight: 400;

  font-family: var(--noto-sans);

}



.footer.pb-lg {

  padding-bottom: 5rem;

}



.baner-service .t4-masthead-inner {

  aspect-ratio: 1500/920;

  justify-content: flex-start;

  background-position: center center;

  width: 100%;

  height: auto;

}



.baner-service :is(.t4-masthead-title, .t4-masthead-description) {

  padding-left: 7rem;

}



.baner-service .t4-masthead-title {

  font-size: var(--headerLg);

  letter-spacing: 0.1rem;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 700;

  padding-top: 22rem;

  margin-bottom: 1rem;

  line-height: 1;

}



.baner-service .t4-masthead-description {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: #ffffff;

  font-weight: 400;

  font-family: "Work Sans";

  line-height: 1;

}

.article-service .article-body {

  translate: 0 -5rem;

  margin-bottom: -5rem;

}



.article-service .text {

  display: block;

  padding-left: 9vw;

  padding-right: 13.3vw;

  margin-bottom: var(--margin);

  font-size: var(--textLg);

  line-height: 4.2rem;

  font-weight: 400;

}



@media (min-width: 1199px) {

  .article-service .items-container, .module-service .items-container {

    background: url("../../../images/bg-line-test7.svg");

    background-repeat: no-repeat;

    background-size: contain;

  }

}



.article-service .service-items, .module-service .service-items {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  margin-bottom: 10rem;

  background: transparent;

}



.article-service .service-items img, .module-service .service-items img {

  width: 100%;

}



.article-service .service-items .wf-column, .module-service .service-items .wf-column {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.article-service .service-items p:has(img), .module-service .service-items p:has(img)  {

  margin-bottom: 0;

}



.article-service .service-items p:has(.btn-purple), .module-service .service-items p:has(.btn-purple) {

  height: 100%;

}



.article-service .service-items .btn-purple, .module-service .service-items .btn-purple {

  display: block;

  width: 100%;

  text-align: center;

  text-transform: uppercase;

  align-content: center;

  height: 100%;

}

.article-service video {

  padding: 0 10vw;

  margin-bottom: var(--gap);

}

.module-service video {

  padding: 0 10vw;

}

.article-service .why-choose-header {

  font-size: var(--headerSm);

  line-height: 4.2rem;

  color: var(--white);

  font-weight: 400;

  margin-bottom: 3.5rem;

}



.article-service .why-choose-columns {

  margin-top: 4rem;

  padding: 0 4.8rem;

  display: grid;

  grid-template-columns: 1fr 1fr;

  margin-bottom: var(--gap);

}



.article-service .why-choose-columns .wf-column:first-of-type {

  padding-right: 6rem;

}



.article-service .why-choose-columns .wf-column:last-of-type {

  padding-left: 7.5rem;

  padding-right: 3rem;

}



.article-service .attributes-columns {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  margin-bottom: var(--gap);

}



.article-service .attributes-columns .wf-column {

  border: 0.1rem solid var(--red);

  padding: 2rem 4rem;

}



.article-service .attributes-columns .wf-column > h4 {

  flex: 1;

  min-height: 11rem;

}



.article-service .attributes-columns .wf-column:last-of-type {

  padding: 0;

  display: block;

}



.article-service .attributes-columns .wf-column:last-of-type img {

  width: 100%;

}



.article-service .contact-header {

  padding: 0 11vw;

  text-align: center;

  margin-bottom: 5rem;

}



.article-service .article-body > p .btn-purple {

  font-size: var(--textSm);

  line-height: 2.4rem;

  text-transform: uppercase;

  font-weight: 400;

  padding: 2.15rem 9.51rem;

}

.article-service .article-body > p:has(.btn-purple) {

  margin-top: 7.01rem;

  margin-bottom: 2rem;

}



.portfolio-grid {

  translate: 0 -16rem;

  margin-bottom: -16rem;

}



.portfolio-grid .item {

  background: initial;

  padding: 1rem;

}



.portfolio-grid .item:hover {

  background: initial;

}



.portfolio-grid .item:hover img {

  overflow: hidden;

}



.portfolio-grid .item-img-wrapper {

  background: initial;

  border: none;

  width: 100%;

  border-radius: initial;

  overflow: hidden;

  height: 290px;

}



.portfolio-grid .item-img-wrapper img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.portfolio-grid .btn {

  padding: 2rem 3rem;

  width: 100%;

  text-align: center;

  font-weight: 500;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  min-height: 9.4rem;

}



.contact .contact-module {

  padding-left: var(--margin);

  padding-right: var(--margin);

}


.formResponsive input[type=email], .formResponsive input[type=number], .formResponsive input[type=password], .formResponsive input[type=tel], .formResponsive input[type=text], .formResponsive input[type=url], .formResponsive textarea {
  padding: 5px;
}
.contact-module .wf-columns:first-of-type p {

  margin-bottom: 5rem;

}
.contact-module .formResponsive {
  margin-bottom: 0;
}


.contact-module h2 {

  margin-bottom: 5rem;

}



.blog .btn {

  padding: 2rem 8rem;

}


@media (max-width: 1850px) {

  .decals-slider .splide__track {

    translate: 0;

  }

}
@media(max-width: 1590px) {
  .portfolio-grid .btn {
    min-height: 12.1rem;
  }
}

@media (max-width: 1350px) {

  .baner-service .t4-masthead-inner {

    background-position: center;

  }

  .branding-your-car {

    transform: none;

    margin-bottom: 0;
  }

   .branding-your-car .branding-your-car-video {
     margin-bottom: -7rem;
   }

  .baner .custom-line {

    bottom: 6rem;

  }

  .branding-your-car > div {
    display: none;
  }

  .article-service .article-body {

    translate: 0;

    margin-bottom: 0;

  }

  .portfolio-grid {

    translate: 0;

    margin-bottom: 0;

  }

}

@media (min-width: 1350px) {
    .article-service, .t4-section:has(.portfolio-grid) {
      overflow: initial;
  }
}



@media (max-width: 1299px) {

  .one-man-van {

    padding-top: var(--gap);

  }

  .baner-service .t4-masthead-title {

    padding-top: 14rem;

  }

  .baner .content :is(.title, .desc, .btn-wrapper), .baner-service :is(.t4-masthead-title, .t4-masthead-description) {
    padding-left: 1rem;
  }

  .baner .content, .baner-service :is(.t4-masthead-title, .t4-masthead-description) {
    max-width: 50rem;
  }

  .about-us-services {
     margin-bottom: 2rem;
  }

  .about-us-services .wf-columns .wf-column {
    translate: none !important;
  }

  .about-us-services .wf-columns .wf-column:not(:has(img)) {
    padding: 0 3rem;
  }


  .about-us-services .wf-columns {

    flex-direction: column;
    padding-top: 5rem;

  }

  .about-us-services .wf-columns:nth-of-type(even) {

    flex-direction: column-reverse;
    
  }

  .about-us-services .wf-columns:nth-of-type(even) .services-box::before {
    right: 0;
  }

  .about-us-services .wf-columns:nth-of-type(odd) .services-box::before {
    left: 0;
  }
  
  .about-us-services .wf-columns:nth-of-type(odd) {

    flex-direction: column;

  }
  
}



@media (min-width: 1199px) and (max-width: 1299px) {

  .portfolio-grid .grid-wrapper {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 1199px) {


  .article-service .why-choose-columns,

  .article-service .attributes-columns {

    grid-template-columns: initial;

  }

  .article-service .why-choose-columns .wf-column:first-of-type {

    padding-right: 0;

  }

  .article-service .why-choose-columns .wf-column:last-of-type {

    padding-left: 0;

    padding-right: 0;

  }

  .article-service .attributes-columns .wf-column {

    padding-bottom: 4rem;

  }

  .article-service .service-items, .module-service .service-items {

    grid-template-columns: repeat(3, 1fr);

  }

  .location.pt-lg {
     padding-top: 5rem;
   }

}



@media (max-width: 991px) {

  .branding-your-car .branding-your-car-video {

    padding: 4rem;

  }

  .one-man-van p.container-fluid {

    padding-bottom: 6rem;

  }

  .location .wf-column {

    width: 100% !important;

  }

  .location .google-maps {

    width: 100%;

  }

  .footer .wf-column:has(p) {

    padding-right: 0;

  }



  .footer .wf-columns-layout-1-3 > .wf-column:last-child {

    width: 100%;

  }

  .services-watch-video .video-item {

    padding: 2rem;

  }

  .services-watch-video .video-wrapper {

    background-image: none !important;

  }

  .article-service video {

    padding: 4rem;

  }

  .footer img {

    margin-left: 0 !important;

    margin-right: 0 !important;

  }

  .article-service video, .module-service video {
      padding: 0 5vw;
   }

  .baner .content, .baner-service :is(.t4-masthead-title, .t4-masthead-description) {
    max-width: 35rem;
  }

  .baner .title, .baner-service .t4-masthead-title {

    padding-top: 15rem;

  }

}



@media (max-width: 767px) {

  :root {

    --headerLg: 2.7rem;

    --headerMd: 2.4rem;

    --headerSm: 2rem;

    --textLg: 1.8rem;

    --textMd: 1.6rem;

    --textSm: 1.4rem;

    --textXs: 1.2rem;

    --margin: 1.5rem;

    --gap: 5.8rem;

  }



  .container-fluid {

    padding-left: 1.5rem;

    padding-right: 1.5rem;

  }



  .logo-img {

    width: 17rem;

  }

  .baner-service .t4-masthead .t4-col {
    height: 55rem;
  }

  .baner .splide__slide,

  .baner-service .t4-masthead-inner {

    height: 47rem;

    aspect-ratio: initial;
  }

  .baner .splide__slide > .slide-picture {
    height: 41rem;
  }
  .baner .splide__slide > .slide-picture, .baner-service .t4-masthead-inner {
    background-position: 86% -2.5rem;
    object-position: 86% 2.5rem;
  }

  .baner-service .t4-masthead-title {
    padding-top: 33rem;
  }

  .baner .title {
    padding-top: 35rem;
  }

  .baner .custom-line {
    bottom: 3rem;
  }
  
  .module-line {
    translate: 0 -5rem
  }

  .branding-your-car .branding-your-car-text {

    padding-bottom: 10rem;

  }

  .branding-your-car .branding-your-car-video {

    transform: translateY(-10rem);

  }

  .blog .grid .item {

    grid-template-columns: 1fr;

  }

  .blog .blog-btn-wrapper {

    text-align: center;

  }

  .baner-service :is(.t4-masthead-title, .t4-masthead-description) {

    padding-left: 2rem;

  }
   .article-service .service-items, .module-service .service-items {

    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 5rem;

  }

  .baner .content, .baner-service:is(.t4-masthead-title, .t4-masthead-description) {
    max-width: 30rem;
  }
  .nav-absolute header {
    z-index: 2;
  }
  .baner-service:is(.t4-masthead-title, .t4-masthead-description) {
    padding-left: 5rem;
  }

  .location iframe,
  .contact-module iframe {
    height: 320px !important;
  }
  .service-grid.portfolio-grid .btn {
    padding: 1rem;
    min-height: 10rem;
  }
  .kontakt-ikona-mobile {
    display: initial;
  }
  .contact-module .wf-columns {
    padding: 0;
  }
}

@media (max-width: 580px) {

  .branding-your-car .branding-your-car-video {

    padding: 1rem;

  }



  .btn-purple {

    padding: 2rem 3rem !important;

  }

  .services-watch-video .video-item {

    padding: 0;

  }

  .article-service video {

    padding: 1rem;

  }

}

@media(max-width: 350px) {
  .logo-img {
    width: 14rem;
  }
}