@font-face {
  font-family: "5cdb207cf55c9e2224f7edcc graphik web";
  src: url('../fonts/5cdb207cf55c9e2224f7edcc_Graphik-Regular-Web.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Soleil;
  src: url('../fonts/SoleilRegular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Soleilbold;
  src: url('../fonts/SoleilBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Soleilbook;
  src: url('../fonts/SoleilBook.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SoleilLight;
  src: url('../fonts/SoleilLight.otf') format("opentype"), url('../fonts/SoleilLight.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SoleilBold;
  src: url('../fonts/SoleilBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SoleilRegular;
  src: url('../fonts/SoleilRegular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SoleilBook;
  src: url('../fonts/SoleilBook.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.hero {
  z-index: 2;
  color: #912f2f;
  background-image: radial-gradient(circle at 70% 60%, #ffeb116b, #0000 54%);
  flex-direction: column;
  max-width: 100vw;
  margin: 0 auto;
  padding: 0 0 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.belka {
  z-index: 11;
  background-color: #fff;
  background-image: none;
  border-bottom: 0 solid #000;
  align-items: flex-end;
  width: auto;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .2s;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.belka:hover {
  background-color: #fff;
}

.belka-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 50px;
  display: flex;
}

.belka-center {
  background-color: #0000;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.belka-right {
  justify-content: flex-end;
  align-items: center;
  min-width: 300px;
  padding-right: 0;
  display: flex;
}

.logo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  display: flex;
  position: relative;
  top: -9px;
  overflow: visible;
}

.logo.logo-foot {
  opacity: 1;
  width: auto;
}

.logo.logo-grey {
  filter: grayscale();
}

.logo.logo-template {
  opacity: 1;
  width: auto;
  top: 0;
}

.logo-l {
  z-index: 2;
  color: #fff;
  letter-spacing: -2px;
  text-shadow: none;
  background-color: #000;
  border-radius: 2px;
  align-items: flex-end;
  padding-top: 0;
  padding-bottom: 2px;
  padding-right: 2px;
  font-family: SoleilLight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: relative;
}

.logo-l.llh {
  margin-left: 2px;
}

.logo-l.llo {
  margin-left: 3px;
}

.logo-l.llp {
  margin-left: 4px;
}

.logo-l.lll {
  margin-left: 5px;
}

.logo-l.lli {
  margin-left: 6px;
}

.logo-l.llk {
  margin-left: 7px;
}

.logo-l.lf {
  color: #000;
  background-color: #fff;
  padding-right: 2px;
}

.logo-l.lfg {
  color: #5c5c5c;
  background-color: #fff3;
  padding-right: 2px;
}

.logo-l.llfb {
  background-color: #ffb109;
}

.szop {
  z-index: 1;
  color: #0a0a0a;
  letter-spacing: -2px;
  background-color: #0000;
  border-bottom: 0 solid #46a6c5;
  width: auto;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
  display: none;
  position: relative;
  top: 0;
  left: 0;
}

.logo-top {
  z-index: 2;
  border-radius: 0;
  flex-direction: row;
  height: 38px;
  padding: 0;
  display: flex;
  position: relative;
}

.logo-eccomerce {
  z-index: 1;
  color: #030303;
  text-align: center;
  letter-spacing: 3.6px;
  background-color: #0000;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  display: none;
  position: relative;
  top: 2px;
  left: 3px;
}

.body {
  background-color: #0000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.menu {
  display: flex;
}

.menu-link {
  margin-left: 13px;
  margin-right: 13px;
}

.link {
  color: #000;
  letter-spacing: 0;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  transition: color .2s, letter-spacing .2s;
  display: block;
}

.link:hover {
  color: #000;
  letter-spacing: 1px;
}

.sb-tyt {
  z-index: 2;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-style: normal;
  display: flex;
  position: relative;
}

.sb-graf {
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
  display: none;
}

.hero-baner {
  z-index: 1;
  opacity: 1;
  direction: ltr;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: flex;
  position: relative;
  left: 0;
  right: 0;
  transform: none;
}

.log-rej {
  background-color: #0000;
  border: 5px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 50vh;
  margin-top: 150px;
  margin-right: 20px;
  padding: 20px;
  display: none;
}

.log-tyt {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 16px;
  font-weight: 700;
}

.but-logowanie {
  color: #192b3a;
  background-color: #c5ffeb;
  width: 100%;
  font-weight: 700;
}

.log-field {
  border: 0 solid #000;
  margin-bottom: 20px;
}

.hero-contents {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 22vh;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.h1-ban {
  color: #000;
  text-align: center;
  max-width: 900px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Soleilbold, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 80px;
  position: relative;
}

.h2-ban {
  z-index: 3;
  color: #000;
  text-align: left;
  text-transform: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0 3px;
  padding: 0 0 0 2px;
  font-family: Soleil, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  transition: letter-spacing .2s;
  display: block;
  position: relative;
  top: 0;
  left: -7px;
}

.but-top {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #ffeb11;
  border: 0 solid #ffb109;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 13px 15px 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.but-top:hover {
  letter-spacing: 2px;
}

.but-top.butt {
  color: #e9fff9;
  background-color: #000;
  margin-top: 10px;
  padding-bottom: 13px;
  font-weight: 700;
}

.but-top-grey {
  color: #000;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #0000;
  border-bottom: 2px solid #000;
  margin-left: 15px;
  margin-right: 0;
  padding: 0 4px 1px 1px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.but-top-grey:hover {
  letter-spacing: 2px;
}

.center {
  float: none;
  letter-spacing: 0;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.center.hero-center {
  height: 100%;
  padding-left: 0;
}

.zajawki {
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  padding-left: 0;
  display: flex;
}

.zajawka {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 16%;
  min-height: 250px;
  padding: 0;
  display: flex;
}

.zaj-ety {
  color: #329c96;
  text-align: center;
  letter-spacing: 1px;
  font-family: Soleilbold, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.zaj-content {
  background-color: #003f3c;
  border: 0 solid #ffffff1c;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  padding: 20px;
  transition: background-color .375s;
  display: flex;
}

.zaj-content:hover {
  background-color: #02504c;
}

.image {
  opacity: .15;
  filter: invert();
  height: 100px;
  display: block;
}

.image.imgcss {
  height: 80px;
}

.image.im-seo {
  opacity: .15;
  height: 90px;
}

.image.im-speed {
  opacity: .15;
  height: 110px;
}

.image.im-link {
  height: 90px;
}

.proc {
  font-weight: 700;
}

.sekcja-opinie {
  background-image: none;
  background-size: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 60px;
}

.zaj-tyt-2 {
  color: #000;
  text-align: left;
  justify-content: center;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Soleilbold, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 90px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.opinie {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.opinia {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.opinia.opinia-hid {
  display: none;
}

.opinia.op1 {
  position: relative;
}

.opinia-content {
  background-color: #fff;
  border: 5px solid #ffffff17;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px;
  display: flex;
}

.opinia-txt {
  color: #7c7c7c;
  text-align: center;
  min-height: 100px;
  margin-bottom: 0;
  padding: 10px;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.opinia-photo {
  background-image: url('../images/anna-czarnecka.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 100px;
  width: 50px;
  height: 50px;
}

.opinia-photo.op2 {
  background-image: url('../images/hubert-okonski.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.opinia-photo.op3 {
  background-image: url('../images/karolina-sawicka.jpg');
}

.opinia-podpis {
  color: #000;
  text-align: center;
  margin-top: 13px;
  font-size: 12px;
  font-weight: 400;
}

.op-cudz {
  z-index: 1;
  color: #dddddd42;
  text-align: center;
  font-family: PT Sans, sans-serif;
  font-size: 1800px;
  display: none;
  position: relative;
  top: 214px;
  left: -109px;
  transform: rotate(0);
}

.sekcja-integracje {
  background-color: #f7f1de00;
  margin: 0 auto 40px;
  padding: 70px 0;
  display: none;
}

.zaj-tyt-3 {
  float: none;
  color: #292929;
  text-align: left;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
  position: relative;
  top: 0;
  left: 0;
}

.sekcja-start {
  background-image: none;
  background-size: auto;
  border: 0 solid #fff;
  border-top: 5px solid #1f2138;
  border-bottom-color: #000;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.sekcja-start.ss-sbl {
  display: block;
}

.integracje {
  border: 0 solid #fff;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  transform: rotate(0);
}

.integracja {
  border: 0 solid #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.sekcja-tytleft {
  width: 100%;
}

.integ-kol {
  border: 0 solid #000;
  width: 10%;
}

.integ-logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 1px 0 0 1px;
  display: flex;
  overflow: hidden;
}

.integ-logo-img {
  opacity: .15;
  filter: grayscale();
  width: 100%;
  transition: all .2s;
}

.integ-logo-img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.integ-logo-img-pion {
  opacity: .5;
  filter: grayscale();
  width: 100%;
  max-width: none;
  height: auto;
  transition: all .2s, opacity .2s;
  overflow: hidden;
}

.integ-logo-img-pion:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.info-integracje {
  color: #d09500;
  text-align: left;
  letter-spacing: 0;
  border-bottom: 0 solid #ffffff3b;
  flex: 1;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  display: none;
  position: static;
}

.zaj-tyt-4 {
  color: #00000017;
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  display: none;
  position: relative;
  top: 0;
  left: 0;
}

.start-info {
  color: #000;
  text-align: left;
  letter-spacing: -2px;
  margin-top: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 40px;
}

.start-info.si-sbl {
  font-size: 90px;
  line-height: 90px;
}

.start-form {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 656px;
  margin-top: 0;
  display: flex;
}

.start-form.sf-sekcja {
  width: 100%;
}

.start-formularz {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
}

.start-fieldf {
  color: #000fbd;
  border: 4px solid #0f101c;
  border-radius: 100px;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.start-field {
  color: #000;
  background-color: #0000;
  background-image: url('../images/email_1.png');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 0 solid #ececec;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  height: 50px;
  margin-bottom: 0;
  padding-left: 46px;
  font-size: 14px;
  line-height: 14px;
}

.start-field::placeholder {
  color: #bebebe;
}

.start-but {
  box-shadow: none;
  color: #1f2138;
  letter-spacing: 1px;
  background-color: #1f213812;
  border: 0 solid #22e7dd;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 8px;
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
  transition: letter-spacing .2s;
  display: flex;
}

.start-but:hover {
  letter-spacing: 3px;
  padding-left: 20px;
  padding-right: 20px;
}

.start {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.f-st-link {
  color: #000;
  cursor: pointer;
}

.f-st-link:hover {
  text-decoration: none;
}

.s-start-txt {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  margin-top: 10px;
  font-size: 12px;
}

.stopka {
  background-color: #000;
  border-top: 0 solid #000;
  padding-top: 70px;
  padding-bottom: 40px;
  overflow: hidden;
}

.stopka-kol {
  width: auto;
  min-width: 180px;
  min-height: 200px;
  padding-right: 10px;
}

.stopka-kol.sk-log {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 14px;
  display: flex;
}

.stopka-content {
  border-top: 0 solid #000;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.st-tyt {
  color: #fff6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 12px;
  font-weight: 600;
}

.st-linki {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.st-link {
  color: #fff;
  letter-spacing: 0;
  border-top: 0 solid #000;
  border-bottom: 1px solid #ffffff30;
  margin-bottom: 20px;
  padding: 3px 5px 3px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: padding .2s;
}

.st-link:hover {
  letter-spacing: 0;
  padding-left: 5px;
  padding-right: 0;
}

.st-link.st-link-bold {
  color: #1f2138;
  cursor: pointer;
  background-color: #acfff6;
  border-radius: 20px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 14px;
}

.admin-content {
  flex-direction: column;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.admin-login {
  min-height: 100vh;
}

.but-hero {
  box-shadow: none;
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #ffef8e;
  border: 0 solid #000;
  border-radius: 100px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  padding: 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: letter-spacing .2s;
  position: relative;
  left: 0;
}

.but-hero:hover {
  letter-spacing: 1px;
}

.hero-buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 0;
  display: none;
}

.but2-hero {
  box-shadow: none;
  color: #0a0a0a;
  letter-spacing: 0;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 3px solid #0000000f;
  border-radius: 100px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: letter-spacing .2s;
  position: relative;
  left: 0;
}

.but2-hero:hover {
  letter-spacing: 1px;
}

.sb-info {
  flex: 1;
  align-items: flex-end;
  padding: 0;
  display: none;
}

.contener {
  z-index: 2;
  color: #000;
  padding-top: 0;
  position: relative;
}

.txt-bg {
  z-index: 1;
  color: #eeeeee3b;
  letter-spacing: -2vw;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 50vw;
  font-weight: 700;
  line-height: 50vw;
  display: none;
  position: fixed;
  inset: 0% 0% 0% 33%;
}

.h3-ban {
  z-index: 3;
  color: #000;
  text-align: left;
  letter-spacing: 0;
  border-radius: 0;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 40px 0 0 50px;
  font-family: Soleilbold, sans-serif;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.h-graf-inf {
  border-top: 0 solid #124647;
  border-bottom: 3px solid #d5faef;
  border-left: 3px solid #d5faef;
  border-right: 0 solid #124647;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 15vh;
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 0;
  display: flex;
}

.hero-info-txt {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  border: 0 solid #f5f5f5;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.belka-content {
  flex: 1;
  display: flex;
}

.shoplik-to {
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.shoplik-to.shoplik-to-zaj {
  float: none;
  cursor: auto;
  background-color: #0000;
  background-image: url('../images/claudio-schwarz-purzlbaum-q8kR_ie6WnI-unsplash.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
  max-width: none;
  margin: 0 auto;
  padding: 343px 0 60px;
  position: relative;
  left: auto;
  right: auto;
}

.hb-contener {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hb-img {
  opacity: 1;
  width: 776px;
  height: 652px;
  display: block;
  position: relative;
  left: -25px;
}

.hb-prod {
  width: 450px;
  height: 85vh;
}

.hbp {
  z-index: 2;
  background-image: none;
  background-size: auto;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  top: -100%;
  left: auto;
}

.hbd {
  z-index: 1;
  background-image: none;
  background-size: auto;
  border: 1px dashed #1a8ef7;
  width: 100%;
  height: 100%;
  position: relative;
}

.hbp-chair {
  filter: none;
  background-image: url('../images/kreator-sklepow-online.jpg');
  background-position: 70%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-bottom: 83px;
  display: flex;
  position: relative;
  top: 30px;
  left: -30px;
}

.hbd-div-inf {
  color: #fff;
  background-color: #1a8ef7;
  width: 40px;
  height: 15px;
  padding: 3px 1px 2px 3px;
  font-size: 11px;
  line-height: 11px;
  display: flex;
  position: relative;
  top: -16px;
  left: -1px;
}

.dhbp-chair2 {
  opacity: 1;
  background-image: url('../images/chair2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.hbp-but {
  color: #000;
  letter-spacing: 4px;
  background-color: #fff;
  border: 0 solid #ffffff45;
  padding: 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: none;
}

.shoplik-zajawki {
  margin-top: 100px;
}

.sekcja-shoplik-to {
  z-index: 1;
  background-image: radial-gradient(circle at 30%, #05ca9229, #fff0 51%);
  margin-top: 10px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 40px;
  position: relative;
}

.sekcja-design {
  padding-top: 70px;
  padding-bottom: 70px;
}

.sek-tyt {
  color: #000;
  font-size: 100px;
  line-height: 100px;
  position: relative;
  left: -4px;
}

.sek-subtyt {
  color: #000;
  margin-top: 20px;
  font-size: 35px;
  font-weight: 600;
  line-height: 40px;
}

.sek-info-cols {
  margin-top: 80px;
  display: flex;
}

.sek-col {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.sek-col.sek-col-left {
  padding-right: 20px;
}

.sek-col.sek-col-right {
  padding-left: 20px;
}

.sek-t {
  color: #000;
  margin-top: 0;
  font-size: 50px;
  font-weight: 800;
  line-height: 40px;
}

.sek-p {
  color: #000;
  font-size: 16px;
  line-height: 25px;
}

.sek-p.sekpdesign {
  margin-top: 30px;
  padding-right: 0;
}

.sek-ekr {
  background-color: #292929;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  min-height: 80vh;
  margin-top: 20px;
  display: flex;
  overflow: hidden;
}

.sek-ekr-left {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px 40px;
  display: flex;
}

.sek-ekr-right {
  background-image: url('../images/kreator.jpg');
  background-position: 100% 0;
  background-size: auto;
  border-left: 0 solid #3f3f3f;
  width: 550px;
  margin-top: 0;
}

.s-ekr-zaj {
  margin-top: 30px;
  margin-bottom: 30px;
}

.sekr-zaj {
  color: #ffffff82;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 25px;
}

.sekr-tyt-tyt {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
}

.sekr-zaj-dd {
  font-size: 30px;
  font-weight: 400;
  display: none;
}

.sekcja-manage {
  padding-top: 30px;
  padding-bottom: 30px;
}

.sek-mg {
  background-color: #e6fdff;
  border-radius: 0;
  margin-top: 40px;
  display: flex;
}

.sek-mg-right {
  object-fit: fill;
  border-left: 0 solid #3f3f3f;
  flex: 1;
  margin-top: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  top: 57px;
  left: auto;
}

.sek-mg-left {
  flex: 0 auto;
  width: 45%;
  padding: 50px 0 50px 50px;
}

.sek-tyt2 {
  color: #24416d;
  margin-top: 0;
  font-family: Soleilbold, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 80px;
}

.sek-tyt3 {
  color: #24416d;
  margin-top: 40px;
  font-family: SoleilRegular, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.sek-mg-zajawki {
  flex-wrap: wrap;
  margin-top: 40px;
  display: flex;
}

.sek-mgr-l {
  width: 60%;
}

.sek-mg-zajawka {
  width: 48%;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-right: 20px;
}

.sek-mg-h4 {
  color: #000;
  margin-bottom: 5px;
  font-family: Soleilbold, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.sek-mg-zaj-txt {
  font-size: 20px;
  line-height: 25px;
}

.sek-mgr-img1 {
  background-image: url('../images/warszt1.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.sek-mgr-r {
  flex-direction: column;
  width: 40%;
  padding-left: 20px;
  display: flex;
}

.sek-mgr-img-a {
  background-image: url('../images/warszt3.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.sek-mgr-img-b {
  background-image: url('../images/warszt4.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.sekcja-faq {
  margin-top: 80px;
  padding-top: 0;
  padding-bottom: 40px;
}

.sek-faq-tyt {
  filter: none;
  color: #000;
  text-align: left;
  background-image: none;
  background-position: 0 0;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 100px;
  padding-right: 0;
  font-size: 70px;
  font-weight: 700;
  line-height: 70px;
  display: flex;
}

.sek-faq-content {
  border: 5px solid #f2f5fa;
  flex-flow: column;
  align-items: stretch;
  padding: 50px;
  display: flex;
}

.faq-list {
  flex-flow: row;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.faq {
  cursor: pointer;
  border-bottom: 2px solid #f3f3f300;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  transition: border-color .2s;
}

.faq:hover {
  border-bottom-color: #e99700;
}

.faq.faq-last {
  border-bottom-width: 0;
}

.faq-tyt {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.faq-title {
  color: #000;
  font-size: 30px;
  font-weight: 500;
  line-height: 26px;
}

.faq-info {
  opacity: 1;
  height: 0;
  overflow: hidden;
}

.faq-txt {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.faq-col {
  padding-right: 0;
}

.faq-min-plus {
  border: 0 solid #0000001c;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 31px;
  height: auto;
  display: flex;
}

.faq-p1 {
  background-color: #d2d7df;
  width: 100%;
  height: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  position: static;
}

.fac-info-content {
  width: 100%;
  padding-bottom: 20px;
  padding-right: 40px;
}

.faq-pp {
  background-color: #ffffff4d;
  width: 100%;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: none;
  position: static;
}

.sekcja-cennik {
  background-color: #f7f7f7;
  background-image: radial-gradient(circle at 0 0, #fffeccc7, #0000 17%);
  border-top: 0 solid #000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.sek-cennik-content {
  flex-direction: column;
  padding: 0;
  display: flex;
}

.ab-col {
  flex: 1;
  margin-left: 10px;
  padding: 0;
}

.ab-col.ab-col-inf {
  z-index: 10;
  border: 0 solid #0000000a;
  border-radius: 0;
  flex: 1;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.ab-col.ab-col-max {
  display: none;
}

.ab-col.abc2 {
  z-index: 9;
  background-color: #fff;
  position: relative;
}

.ab-col.abc3 {
  z-index: 8;
  background-color: #fff;
  position: relative;
}

.ab-col.abc44 {
  z-index: 7;
  display: block;
}

.ab-col.abc-proj {
  z-index: 9;
  flex: 0 auto;
  width: 32%;
  margin-left: 0;
  position: relative;
}

.ab-col.abc-proj.abc-proj-max {
  display: none;
}

.ab-col.abc-proj.abcp {
  width: 32%;
}

.ab-col.abc0 {
  z-index: 9;
  display: none;
  position: relative;
}

.ab-col.abc4 {
  z-index: 8;
  display: none;
  position: relative;
}

.ab-col.abcol-mig {
  z-index: 9;
  z-index: 8;
  background-color: #fff;
  flex: 0 auto;
  width: 32%;
  margin-left: 0;
  position: relative;
}

.ab-col.abc1 {
  z-index: 9;
  background-color: #fff;
  display: none;
  position: relative;
}

.ab-col.abc-zero {
  z-index: 9;
  background-color: #0000;
  display: none;
  position: relative;
}

.ab-col.abc-combo {
  z-index: 9;
  flex: 0 auto;
  width: 32%;
  margin-left: 0;
  position: relative;
}

.ab-col.abc-combo.abc-proj-max {
  display: none;
}

.ab-col.abc-combo.abcp {
  width: 32%;
}

.abon-content {
  border: 5px solid #d2d9e4;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-top: 0;
  padding: 20px 10px 10px;
  transition: border-color .2s;
  display: flex;
}

.abon-content:hover {
  border-color: #d2d9e4;
}

.abon-content.abon-c-blue {
  box-shadow: none;
  background-image: radial-gradient(circle, #05f2ff21, #0000);
  border: 0 solid #0579ff;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
}

.abon-content.abon-c-blue:hover {
  border-color: #2cceff;
}

.abon-content.abon-con-green {
  background-color: #e6fffc;
  border-width: 5px;
  border-color: #3bdec900;
  border-radius: 0;
  align-items: flex-start;
}

.abon-content.abon-con-green:hover {
  border-color: #3bdec9cc;
}

.abon-content.abon-proj-mini {
  background-color: #fff;
  border-width: 0;
  border-color: #d8d8d8;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.abon-content.abon-proj-mini.abon-cont-payment {
  border-width: 0 0 0 5px;
  border-color: #ffb109 #ffb109 #ffb109 #ffeb11;
  margin-bottom: 20px;
}

.abon-content.abon-proj-premium {
  box-shadow: none;
  border: 2px solid #ffb109;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.abon-content.abon-proj-standard {
  background-color: #fff;
  border-width: 0;
  border-color: #fff;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.abon-content.abon-proj-standard.abon-cont-payment {
  background-color: #fff;
  border-width: 0 0 0 5px;
  align-items: stretch;
  margin-bottom: 20px;
}

.abon-content.abon-content-green {
  border-width: 0;
  border-color: #e4e4e4;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 20px;
}

.abon-content.abon-content-green:hover {
  border-color: #d3d3d3;
}

.abon-content.abon-content-orange {
  background-color: #fff;
  border-width: 0;
  border-color: #ffeb11;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 20px;
}

.abon-content.abon-content-orange:hover {
  border-color: #ecd800;
}

.abon-content.abon-content-mig-st {
  background-color: #f8f8f8;
  border-width: 0;
  border-color: #d8d8d8;
  border-radius: 0;
  padding-top: 42px;
  padding-bottom: 20px;
}

.abon-content.abon-content-mig-st:hover {
  border-color: #70e7c4;
}

.abon-content.abon-content-mig-prem {
  background-color: #ebfff9;
  border-width: 0;
  border-color: #d2d9e4;
  border-radius: 0;
  padding-top: 42px;
  padding-bottom: 20px;
}

.abon-content.abon-content-mig-prem:hover {
  border-color: #e99713;
}

.abon-content.abon-content-zero {
  border-width: 2px;
  border-color: #eee;
  border-radius: 0;
  padding-top: 42px;
  padding-bottom: 20px;
}

.abon-content.abon-content-zero {
  background-color: #fff;
  border-width: 2px;
  border-color: #fff;
  border-radius: 2px;
  padding-top: 42px;
  padding-bottom: 20px;
}

.abon-content.abon-content-zero:hover {
  border-color: #fff;
}

.abon-content.abon-combo {
  background-color: #fff;
  background-image: radial-gradient(circle, #a1fff5, #69696900);
  border-width: 0;
  border-color: #fff;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.abon-content.abon-combo.abon-cont-payment {
  background-color: #fff;
  border-width: 0 0 0 5px;
  align-items: stretch;
  margin-bottom: 20px;
}

.abon-name {
  color: #000;
  text-align: left;
  background-color: #0000;
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 1px;
  font-family: Soleil, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  overflow: hidden;
}

.abon-name.an-blue {
  color: #000;
  letter-spacing: 3px;
  font-weight: 400;
}

.abon-name.an-orange {
  color: #000;
  font-weight: 400;
}

.abon-name.an-vip {
  background-color: #da0541;
}

.abon-name.an-grey {
  color: #f2f5fa;
  background-color: #d2d9e4;
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
}

.abon-name.ab-n-gr {
  color: #e6fffc;
}

.abon-name.abn {
  letter-spacing: 0;
  background-color: #fffbd7;
  border-radius: 0;
  padding: 5px 5px 0;
  font-family: SoleilBold, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.abon-name.abn.ab-min {
  color: #f2f5fa;
}

.abon-name.ab-name-konf {
  color: #000;
  letter-spacing: 0;
  background-color: #dffffc;
  padding: 5px 5px 0;
  font-family: SoleilBold, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.abon-name.ab-name-konf.ab-sta {
  color: #f2f5fa;
}

.abon-name.ab-name-prem {
  letter-spacing: 0;
  font-size: 30px;
  font-weight: 400;
}

.abon-name.ab-name-gotowy {
  color: #000;
  letter-spacing: 0;
  background-color: #fff79a;
  padding: 5px 5px 0;
  font-family: SoleilBold, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.abon-name.ab-name-gotowy.ab-sta {
  color: #f2f5fa;
}

.ab-for {
  text-align: center;
  align-items: flex-end;
  min-height: 40px;
  margin-top: 20px;
  font-size: 18px;
  display: flex;
}

.ab-price {
  height: 70px;
  margin-top: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 30px;
}

.ab-price.ab-pr-gr {
  text-align: left;
  margin-top: 20px;
  font-size: 30px;
  line-height: 20px;
}

.ab-prom {
  opacity: 1;
  color: #ff2957;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: line-through;
}

.ab-button {
  color: #0579ff;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #0579ff;
  border-radius: 0;
  width: 100%;
  margin-top: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.ab-button:hover {
  letter-spacing: 1px;
}

.ab-button.ab-but-payment {
  color: #fff;
  background-color: #000;
  border-width: 0;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}

.ab-button.ab-button-green {
  border-width: 1px;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button.ab-button-blue {
  color: #fff;
  background-color: #0579ff;
  border-width: 0;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button.ab-button-blue:hover {
  border-color: #2cceff;
}

.ab-button.ab-button-orange {
  border-width: 1px;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button.ab-but-payment-grey {
  color: #fff;
  background-color: #000;
  border-width: 0;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}

.ab-button.ab-button-greey {
  border-width: 1px;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button.ab-button-greey:hover {
  border-color: #70e7c4;
}

.ab-button.ab-button-zero {
  color: #000;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button.ab-button-zero:hover {
  border-color: #70e7c4;
}

.ab-prom-od {
  opacity: 1;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.scc {
  z-index: 1;
  align-items: stretch;
  margin-top: 60px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.ab-opcje {
  width: 100%;
  height: auto;
  margin-top: 20px;
  overflow: visible;
}

.ab-opcja {
  background-color: #0000;
  border-bottom: 1px solid #d2d9e452;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ab-opcja.ab-op-blank {
  background-color: #0000;
  border-bottom-color: #d2d9e452;
}

.ab-opcja.abo {
  border-bottom-color: #d2d9e452;
  flex-direction: column;
  align-items: center;
}

.ab-opcja.abo.ab-ob-last, .ab-opcja.ab-op-last {
  border-bottom-width: 0;
}

.ab-opcja.ab-opcja-hide {
  display: none;
}

.ab-opcja.ao-yellow {
  background-color: #fffcdd;
  height: 60px;
  margin-top: 1px;
}

.ab-opcje-inf {
  flex-direction: column;
  padding-top: 0;
  padding-right: 0;
  display: flex;
}

.ab-oi {
  border-bottom: 1px solid #d2d9e452;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.ab-oi.ab-oi-last {
  border-bottom-width: 1px;
  border-bottom-color: #d2d9e452;
}

.ab-oi.ab-oi-last.ob-oi-hide, .ab-oi.ab-oi-hide {
  display: none;
}

.ab-oi.ab-oi-yellow {
  margin-top: 1px;
  padding-left: 0;
  padding-right: 5px;
}

.ab-oi-txt {
  color: #000;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.ab-oi-txt.ab-oi-txt-imp {
  color: #fff;
  letter-spacing: 1px;
  background-color: #e99713;
  border-radius: 0;
  margin-left: 5px;
  padding: 1px 2px;
  font-size: 12px;
  line-height: 12px;
}

.ab-oi-txt.ab-oi-txt-imp.ab-oi-mob {
  margin-left: 0;
  display: none;
}

.ab-oi-txt.ab-oi-txt-prom {
  color: #fff;
  letter-spacing: 1px;
  background-color: #39d5c1;
  border-radius: 0;
  margin-left: 5px;
  padding: 1px 2px;
  font-size: 12px;
  line-height: 12px;
}

.ab-oi-txt.ab-oi-txt-prom.ab-oi-mob-prom {
  display: none;
}

.ab-oi-txt.ab-oi-txt-label {
  background-color: #ffeb11;
  padding: 2px 5px;
}

.ab-bird {
  opacity: 1;
  filter: grayscale();
  width: 15px;
}

.ab-bird.ab-bird-blank {
  opacity: .1;
  width: 10px;
}

.ab-tab-txt {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.ab-tab-txt.att-bold {
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
}

.sekcja-templates {
  background-color: #444;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.sek-templates-content {
  border: 0 solid #e7e7e7;
  flex-direction: column;
  padding: 50px 0;
  display: flex;
}

.sek-temp-tyt {
  z-index: 2;
  color: #0003;
  text-align: left;
  letter-spacing: -1vw;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 15vw;
  line-height: 11vw;
  display: flex;
  position: relative;
}

.templ {
  z-index: 1;
  box-shadow: none;
  opacity: 1;
  border: 10px solid #ffffff29;
  border-radius: 30px;
  width: 700px;
  max-width: none;
  margin-top: 40px;
  margin-right: 40px;
  transition: opacity .4s;
  position: relative;
}

.templ:hover {
  opacity: .76;
}

.templ.templ-meble {
  box-shadow: none;
  opacity: 1;
  border-width: 10px;
  border-color: #f8cd191c;
  width: 1027px;
  margin-right: 40px;
}

.templ.templ-meble:hover {
  opacity: .8;
}

.templ.templ-ubran {
  box-shadow: none;
  opacity: 1;
  width: 900px;
  margin-right: 40px;
}

.templ.templ-ubran:hover {
  opacity: .8;
}

.templates {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.form-start {
  z-index: 100;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.fs-left {
  filter: brightness(133%);
  width: 40vw;
  overflow: hidden;
  transform: translate(-100%);
}

.fs-right {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding: 50px 50px 0;
  display: flex;
}

.fsr-top {
  justify-content: flex-end;
  height: 50px;
  display: flex;
}

.fsr-content {
  background-color: #fff;
  background-image: none;
  border: 0 solid #0000006e;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  padding: 40px;
  display: flex;
  transform: translate(0, 100%);
}

.fs-x {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50px;
  height: 50px;
  display: flex;
  transform: translate(0, -200px);
}

.fsx1 {
  background-color: #fff;
  width: 100%;
  height: 2px;
  position: relative;
  top: 1px;
  transform: rotate(-45deg);
}

.fsx2 {
  background-color: #fff;
  width: 100%;
  height: 2px;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
}

.fsr-tyt {
  color: #000;
  text-align: left;
  font-size: 5.5vw;
  font-weight: 700;
  line-height: 4.5vw;
}

.fsr-tyt2 {
  color: #000;
  text-align: left;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.start-but-pop {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #e8e8e8;
  border: 0 solid #22e7dd;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  transition: letter-spacing .2s;
  display: flex;
}

.start-but-pop:hover {
  letter-spacing: 2px;
  padding-left: 20px;
  padding-right: 20px;
}

.start-pop {
  border: 3px solid #9ef5eb;
  border-radius: 100px;
  margin-top: 0;
  padding: 1px;
  display: flex;
}

.fsr-zgoda {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.form-block {
  margin-bottom: 0;
}

.form {
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.fsr-zg-ety {
  color: #000;
  font-size: 13px;
  line-height: 18px;
}

.zg-link {
  color: #000;
}

.zg-link:hover {
  text-decoration: none;
}

.sf-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fsr-info-log {
  color: #000;
  margin-top: 0;
  font-size: 14px;
  font-weight: 700;
}

.fsr-link {
  color: #000;
}

.fsr-link:hover {
  text-decoration: none;
}

.fsr-info {
  color: #000;
  margin-top: 10px;
  font-size: 13px;
  line-height: 16px;
}

.start-conetnt {
  z-index: 102;
  display: flex;
  position: fixed;
  inset: 0%;
}

.start-bg {
  z-index: 101;
  opacity: 0;
  background-color: #00000085;
  background-image: none;
  background-size: auto;
  position: fixed;
  inset: 0%;
}

.fsr-fc {
  flex-direction: column;
  display: flex;
}

.fsr-fc-confirm {
  flex-direction: column;
  display: none;
}

.fsr-confirmation {
  color: #000;
  text-align: left;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.fs-left-photo {
  background-image: url('../images/rejestracja.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.sekcja-admin {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 0;
}

.sek-admin-content {
  background-color: #f2f5fa;
  justify-content: flex-end;
  margin-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sek-adm-graf {
  z-index: 1;
  opacity: 1;
  cursor: auto;
  background-color: #0000;
  background-image: url('../images/pulpit.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 solid #fff;
  border-radius: 0;
  width: 69.6%;
  height: 80vh;
  margin-top: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(100%);
}

.sek-tyt-panel {
  color: #000;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.sek-podtyt-panel {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: 25px;
}

.cms-podtyt {
  display: flex;
}

.cms-podtyt-tr {
  width: 50%;
}

.sek-adm-txt {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 50px;
  display: flex;
}

.adm-ety {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.adm-tyt {
  color: #000;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  display: none;
}

.templates-content {
  border: 0 solid #e7e7e7;
  flex-flow: wrap;
  place-content: center space-between;
  align-items: stretch;
  margin-top: 40px;
  padding: 0;
  display: flex;
}

.section-tempales {
  background-color: #fff;
  background-image: none;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.temlate {
  border: 0 solid #ffffff57;
  border-radius: 23px;
  flex-direction: column;
  justify-content: flex-end;
  width: 47%;
  height: 420px;
  margin-bottom: 50px;
  padding: 0;
  display: flex;
  overflow: visible;
}

.temlate.t-ride {
  background-color: #c3e1ff;
}

.temlate.t-fashiionroom {
  background-color: #cff0ad;
}

.template-content {
  box-shadow: none;
  cursor: pointer;
  background-image: url('../images/pix.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #000;
  border-radius: 20px;
  flex-direction: column;
  height: 370px;
  display: flex;
  position: relative;
  top: -5px;
  left: -5px;
  overflow: hidden;
}

.template-content:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.template-img {
  opacity: 1;
  border: 0 solid #fff;
}

.template-col {
  width: 47%;
}

.template-col.tc0 {
  width: 1px;
}

.templates-tyt {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: SoleilBold, sans-serif;
  font-size: 120px;
  font-style: normal;
  font-weight: 700;
  line-height: 120px;
  transform: none;
}

.templates-podtyt {
  color: #000;
  letter-spacing: 7px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 3px;
  font-family: Soleil, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px;
  display: flex;
  transform: none;
}

.content-tyt {
  margin-top: 20px;
}

.page-content {
  z-index: 2;
  margin-top: 0;
  padding-top: 80px;
  position: static;
}

.page-content.page-content-zakladka {
  margin-top: 70px;
  padding-top: 0;
  padding-bottom: 40px;
}

.templates-top-tyt {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.hamb {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 30px;
  height: 30px;
  display: none;
}

.hm {
  background-color: #000;
  width: 100%;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.hm2 {
  background-color: #000;
  width: 70%;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.belka-cr {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.s-templates-button {
  color: #ffffff54;
  letter-spacing: 4px;
  background-color: #0000;
  border: 2px solid #ffffff24;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding-top: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: letter-spacing .2s;
  display: flex;
}

.s-templates-button:hover {
  letter-spacing: 5px;
}

.logowanie {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  display: flex;
}

.lc-left {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 25px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.lc-left.lcl-reg {
  display: none;
}

.lc-right {
  flex: 0 auto;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.login-form {
  background-color: #f2f2f2;
  border-radius: 0;
  padding: 20px 20px 40px;
}

.login-form.lf-template {
  background-color: #6e6e6e;
  flex: 1;
  width: 100%;
  padding: 30px;
}

.login-form.lf-reg {
  background-color: #f8f8f8;
  margin-top: 20px;
  padding-bottom: 20px;
}

.lf-tyt {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.lf-content {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lf-field {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom-width: 3px;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 8px;
  transition: background-color .2s;
}

.lf-field:hover {
  background-color: #f7f7f7;
}

.lf-field.lf-field-red {
  border-bottom-color: red;
}

.lf-button {
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  width: 100%;
  margin-top: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 700;
  transition: background-color .2s;
}

.lf-button:hover {
  background-color: #087ce2;
}

.logowanie-content {
  z-index: 2;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.lf-line {
  margin-top: 5px;
  font-size: 13px;
  line-height: 13px;
}

.lf-link {
  color: #000;
}

.lf-link:hover {
  text-decoration: none;
}

.logowanie-bg {
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 50px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.lbg {
  height: 100%;
  padding-top: 0;
  overflow: hidden;
}

.lbg-photo {
  opacity: 1;
  filter: none;
  background-image: url('../images/jon-moore-KNSpPPlboPA-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.lbg-photo.lbg-photo-rejes {
  background-image: url('../images/annie-spratt-8mqOw4DBBSg-unsplash.jpg');
  background-position: 0 0;
  background-size: cover;
}

.lbg-photo.lbg-photo-p1 {
  opacity: 1;
  background-image: url('../images/jon-moore-KNSpPPlboPA-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
}

.lc {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.login-hero-txt {
  color: #000;
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  display: block;
}

.lc-info-false {
  color: #fff;
  background-color: #ff8181;
  padding: 5px 20px;
  display: flex;
}

.lc-info-true {
  color: #000;
  background-color: #8affeb;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.ab-tab-ety {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  display: none;
}

.ab-tab-ety.ate-label {
  background-color: #ffeb11;
  padding: 2px 4px;
  display: none;
}

.ab-more {
  color: #000;
  text-align: center;
  background-color: #f3f3f3;
  width: 100%;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
  font-size: 11px;
  line-height: 11px;
  transition: letter-spacing .2s;
  display: none;
}

.ab-more:hover {
  letter-spacing: 1px;
}

.start-field-pop {
  color: #000;
  background-color: #0000;
  background-image: url('../images/email_1.png');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 0 solid #ececec;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  height: 50px;
  margin-bottom: 0;
  padding-left: 45px;
  font-size: 14px;
  line-height: 14px;
}

.start-field-pop::placeholder {
  color: #bebebe;
}

.fs-both-photo {
  background-image: url('../images/rejestracja.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
  transform: translate(0, -100%);
}

.st-content {
  z-index: 2;
  background-color: #0000;
  flex-direction: column;
  margin-top: 20px;
  padding-left: 5px;
  display: flex;
  position: relative;
}

.st-info {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 30px;
  display: none;
}

.st-txt {
  color: #fff;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 16px;
}

.sti-con-tr {
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.st-txt-link {
  color: #fff;
  text-decoration: underline;
}

.st-txt-link:hover {
  text-decoration: underline;
}

.page {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.page-contene {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
  position: static;
  inset: 0%;
}

.p-content {
  flex-direction: row;
  min-height: 40vh;
  margin-top: 20px;
  padding: 0;
  line-height: 14px;
  display: flex;
}

.p-content.p-cc {
  background-color: #e0e0e0;
  background-image: linear-gradient(#00000045, #00000045), url('../images/tim-van-der-kuip-CPs2X8JYmS8-unsplash.jpg'), url('../images/mia-baker-jjhvyxm34nY-unsplash.jpg');
  background-position: 0 0, 50%, 0%;
  background-size: auto, cover, auto;
  background-attachment: scroll, scroll, scroll;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 70vh;
  padding-top: 60px;
  display: flex;
}

.p-content.pc-pomoc {
  background-color: #0000;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.p-content.pc-dok {
  flex-direction: column;
  width: 70%;
  margin-top: 0;
}

.h1-page {
  color: #000;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.h1-page.h1p {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 400;
}

.p-page {
  color: #000;
  font-size: 18px;
  line-height: 22px;
}

.italic-text {
  color: #000;
}

.contact-section {
  width: 100%;
  display: flex;
}

.cs-left {
  flex: 1;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.cs-right {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 20px 0 0 40px;
  display: flex;
}

.cs-form {
  background-color: #343444e6;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  padding: 20px;
}

.fc-field {
  color: #fff;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 2px solid #a6ffe9;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  transition: border-color .2s;
}

.fc-field:hover {
  border-bottom-color: #fff5a6;
}

.fc-field.fc-textarea {
  height: 80px;
}

.fc-field.ffc-textarea {
  background-color: #0000;
  border-width: 0 0 2px;
  border-color: #a6ffe9;
  width: 100%;
  height: 100px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 8px 0;
}

.fc-field.fc-field-false {
  border-bottom-color: #ff8181;
}

.cs-button {
  color: #a6ffe9;
  letter-spacing: 1px;
  background-color: #0000;
  border-width: 2px;
  border-color: #a6ffe9;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: letter-spacing .2s;
  display: flex;
}

.cs-button:hover {
  color: #fff5a6;
  letter-spacing: 2px;
  border-color: #fff5a6;
}

.dropdown-cs {
  border-bottom: 2px solid #a6ffe9;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  transition: border-color .2s;
  display: flex;
}

.dropdown-cs:hover {
  border-bottom-color: #fff5a6;
}

.ddt-cs {
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0;
  display: flex;
}

.ddt-cs.w--open {
  position: relative;
}

.dd-cs-icon {
  color: #fff;
  margin-right: 0;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.ddt-cs-ety {
  color: #fff;
}

.ddl-cs {
  display: none;
  top: 40px;
}

.ddl-cs-link {
  transition: background-color .2s;
}

.ddl-cs-link:hover {
  background-color: #fff;
}

.csr-tyt {
  color: #fff;
  letter-spacing: -2px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.csr-txt {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

.csr-tr {
  margin-top: 10px;
  display: flex;
}

.csr-txt-link {
  color: #fff;
  font-weight: 700;
  transition: letter-spacing .2s;
}

.csr-txt-link:hover {
  letter-spacing: 1px;
}

.platnosci {
  flex-wrap: wrap;
  justify-content: space-around;
  display: flex;
}

.platnosc {
  background-color: #fff;
  border: 5px solid #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 300px;
  margin-bottom: 13px;
  padding: 30px;
  display: flex;
}

.plat-name {
  color: #000;
  font-weight: 700;
}

.plat-logo {
  background-image: url('../images/tpaycom.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
}

.plat-logo.przelewy24 {
  background-image: url('../images/przelewy24.png');
}

.plat-logo.payu {
  background-image: url('../images/payu.png');
}

.plat-logo.dotpay {
  background-image: url('../images/dotpay.png');
}

.plat-logo.paypal {
  background-image: url('../images/pobrane_1.png');
}

.plat-logo.ecard {
  background-image: url('../images/pobrane-1_1.png');
  width: 120px;
}

.stc-icon {
  background-image: url('../images/email.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.stc-icon.stc-icon-tel {
  opacity: .28;
  filter: invert();
  background-image: url('../images/phon.png');
  background-position: 50%;
  width: 22px;
  margin-right: 8px;
}

.stc-icon.stc-icon-email {
  opacity: .3;
  filter: invert();
  background-image: url('../images/email_1.png');
  width: 20px;
  margin-right: 10px;
}

.stc-icon.stc-icon-pin {
  opacity: .35;
  filter: invert();
  background-image: url('../images/pin.png');
  width: 20px;
  margin-right: 10px;
}

.st-socials {
  margin-top: 20px;
  display: flex;
}

.st-social {
  opacity: .4;
  filter: invert();
  cursor: pointer;
  background-image: url('../images/facebook.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: opacity .2s;
}

.st-social:hover {
  opacity: 1;
}

.st-social.sts-twitter {
  background-image: url('../images/twitter.png');
}

.st-social.sts-instagram {
  background-image: url('../images/instagram.png');
}

.st-social.sts-linkedin {
  background-image: url('../images/linkedin.png');
}

.st-social.sts-youtube {
  background-image: url('../images/youtube.png');
}

.st-social.sts-pinterest {
  background-image: url('../images/pinterest.png');
}

.abon-mies {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-decoration: none;
}

.contact-form {
  color: #fff;
  font-size: 13px;
}

.cf-link {
  color: #fff;
}

.cf-link:hover {
  text-decoration: none;
}

.formularz-kontaktowy {
  flex-direction: column;
  width: 500px;
  display: flex;
}

.formularz-kontaktowy.fk-koncept {
  width: 450px;
}

.form-contact {
  z-index: 100;
  opacity: 0;
  background-color: #ffffffb3;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.c-form {
  background-color: #5c5c5c;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  padding: 20px;
}

.contact-f-left {
  flex: 0 auto;
  width: 100%;
  padding-right: 0;
}

.contact-f-right {
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
}

.form-cont {
  flex-direction: column;
  display: flex;
}

.ffs-x {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50px;
  height: 50px;
  display: flex;
  transform: none;
}

.ffsx1 {
  background-color: #5c5c5c;
  width: 100%;
  height: 2px;
  position: relative;
  top: 1px;
  transform: rotate(-45deg);
}

.ffsx2 {
  background-color: #5c5c5c;
  width: 100%;
  height: 2px;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
}

.start-email-field {
  border: 3px solid #9ef5eb;
  border-radius: 100px;
  padding: 1px;
  display: flex;
}

.start-email-field.start-email-field-red {
  border-color: #f59e9e;
  width: 100%;
}

.logo-log-rej {
  z-index: 2;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  flex-direction: row;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.logrej-podtyt {
  color: #000;
  margin-top: 10px;
  font-size: 18px;
  line-height: 22px;
}

.logo-fot {
  z-index: 2;
  opacity: .2;
  flex-direction: row;
  display: flex;
  position: relative;
}

.pablo-fo {
  z-index: 2;
  color: #fff;
  letter-spacing: -2px;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 30px;
  position: relative;
}

.szop-fo {
  z-index: 1;
  color: #fff;
  letter-spacing: -2px;
  background-color: #0000;
  border-bottom: 0 solid #46a6c5;
  width: auto;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
  position: relative;
  top: 0;
  left: 0;
}

.h1-bann {
  color: #000;
  text-align: left;
  letter-spacing: -3px;
  background-color: #fff0;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 55px;
  display: none;
  position: relative;
}

.s-creat-button {
  color: #ffffff54;
  letter-spacing: 4px;
  background-color: #0000;
  border: 2px solid #ffffff4a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 45px;
  margin-top: 20px;
  padding-top: 9px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: border-color .2s, letter-spacing .2s;
  display: flex;
}

.s-creat-button:hover {
  letter-spacing: 5px;
  border-color: #fff9;
}

.cennik-tyt {
  color: #000;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 0;
  font-family: SoleilBold, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  display: block;
}

.cennik-top {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.cennik-top.cen-t {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
}

.ct-butt {
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  background-color: #ff6265;
  border: 0 solid #d3f7f3;
  border-radius: 100px;
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  transition: letter-spacing .2s;
}

.ct-butt:hover {
  letter-spacing: 1px;
}

.shto {
  padding-left: 17px;
  font-weight: 400;
}

.hk-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
  padding-top: 0;
  display: flex;
}

.kreat-tyt {
  color: #000;
  letter-spacing: -10px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 140px;
  font-style: normal;
  font-weight: 700;
  line-height: 140px;
  position: relative;
  left: -10px;
  transform: none;
}

.kreat-podtyt {
  color: #000;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.kreat-podtyt.komp-podtyt {
  color: #343434;
  font-size: 20px;
  font-weight: 600;
}

.hero-kreator {
  margin-top: 0;
  padding-top: 60px;
}

.hk-graph {
  background-color: #292929;
  height: 80vh;
  margin-top: 40px;
  padding-top: 0;
  padding-left: 79px;
  display: none;
  overflow: hidden;
}

.hkg {
  background-image: url('../images/kreator-baner.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-end;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 293px;
}

.hk-tyt {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.hkt-left {
  flex: 1;
  padding-right: 0;
}

.hkt-right {
  flex: 1;
  padding-left: 0;
}

.hk-vid {
  background-color: #0000000a;
  justify-content: center;
  margin-top: 40px;
  padding-top: 40px;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.hkv {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  top: 0;
}

.kreat-zaj-txt {
  color: #000;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
}

.hkv-movie {
  z-index: 10;
  background-image: linear-gradient(#00000024, #00000024);
  border: 0 solid #fff;
  border-radius: 0;
  width: 989px;
  height: 530px;
  position: relative;
  overflow: visible;
}

.kreator-rwd {
  background-color: #fcfbfd;
  margin-top: 100px;
  padding-top: 60px;
}

.rwd-tyt {
  color: #343434;
  letter-spacing: -5px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
  position: relative;
  left: -10px;
  transform: none;
}

.rwd-tyt.komp-tyt {
  color: #343434;
  letter-spacing: -5px;
  font-size: 120px;
  font-weight: 300;
  line-height: 120px;
}

.rwd-video {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.rwd-vi {
  justify-content: flex-end;
  width: 100%;
  margin-top: 40px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.rwdvid {
  z-index: 10;
  opacity: 1;
  border: 0 solid #fff;
  width: 100%;
  height: 730px;
  position: relative;
}

.kreator-komponenty {
  z-index: 2;
  background-color: #fff;
  margin-top: 100px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.kk-komponenty {
  background-color: #343434;
  border: 0 solid #5bfff6;
  border-radius: 0;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 70vh;
  min-height: 500px;
  margin: 40px 0 0 auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.kk-content {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.kkk-left {
  text-align: left;
  border-right: 0 solid #feffb4;
  flex: 0 auto;
  width: 260px;
  padding: 41px 20px 41px 40px;
}

.kkk-right {
  border-radius: 0;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.kkk-g1 {
  opacity: 1;
  width: 152px;
  height: 812px;
  margin-top: 40px;
}

.kkk-g2 {
  box-shadow: none;
  border: 5px solid #343434;
  width: 413px;
  height: 340px;
  margin-top: 140px;
}

.kkk-g3 {
  width: 414px;
  height: 458px;
  margin-top: 100px;
  position: relative;
  top: -35px;
}

.kkk-ety {
  color: #95fffa;
  text-align: center;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  transition: color .6s;
}

.kkk-ety:hover {
  color: #f1e164;
}

.kompp-zaj-txt {
  color: #343434;
  text-align: left;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
}

.kreator-templates {
  z-index: 1;
  background-color: #fff;
  margin-top: 140px;
  padding-top: 60px;
  position: relative;
  overflow: visible;
}

.kreat-temp {
  border: 5px solid #fff;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
  overflow: visible;
}

.kt-img {
  opacity: .7;
  filter: contrast(133%) grayscale();
  background-color: #cfcfcf;
  border: 0 solid #ececec;
  border-radius: 17px;
  flex: 0 auto;
  width: 250px;
  padding: 35px 5px 5px;
}

.kreator-t-content {
  display: flex;
}

.hk-temp-top {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
  padding-top: 0;
  display: flex;
}

.hk-temp-tyt {
  flex: 0 auto;
  width: 38%;
  margin-top: 20px;
}

.hktt {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 200px;
}

.temp-tyt {
  color: #4be4e4;
  letter-spacing: -7px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: 100px;
  position: relative;
  left: -10px;
  transform: none;
}

.templ-button {
  color: #4be4e4;
  letter-spacing: 2px;
  background-color: #0000;
  border: 2px solid #4be4e4;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 45px;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  transition: letter-spacing .2s;
  display: flex;
}

.templ-button:hover {
  letter-spacing: 5px;
}

.kreator-narzedzia {
  z-index: 4;
  margin-top: 140px;
  padding-top: 0;
  padding-bottom: 0;
  transition: background-color .6s;
  position: relative;
}

.kreator-n-content {
  background-color: #20194e;
  flex-direction: column;
  padding: 50px;
  display: flex;
}

.knc-tyt {
  flex: 0 auto;
  margin-top: 20px;
}

.knc {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 200px;
}

.narz-tyt {
  color: #ffffff3b;
  letter-spacing: -5px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  position: relative;
  left: -10px;
  transform: none;
}

.knc-narz-top {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.kreat-editzaj-txt {
  color: #fff;
  letter-spacing: 4px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 35px;
}

.knc-zajawki {
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 60px;
  display: flex;
}

.knc-zaj {
  background-color: #ffffff05;
  border-bottom: 0 solid #ffffff4d;
  border-right: 0 solid #ffffff4d;
  flex: 0 auto;
  width: 32%;
  height: 270px;
  margin-bottom: 24px;
  padding: 0;
  transition: background-color .2s;
  display: block;
}

.knc-zaj:hover {
  background-color: #fff0;
}

.kncz-top {
  border-right: 0 solid #ffffff36;
  align-items: center;
  display: flex;
}

.knc-ic {
  opacity: .15;
  filter: invert();
  background-image: url('../images/ic-fonts.png');
  background-position: 50%;
  background-size: cover;
  width: 80px;
  height: 80px;
  margin-right: 20px;
}

.knc-ic.knc-ic-color {
  background-image: url('../images/ic-color.png');
}

.knc-ic.knc-ic-gallery {
  background-image: url('../images/ic-gallery.png');
}

.knc-ic.knc-ic-txt-edit {
  background-image: url('../images/ic-edyt.png');
}

.knc-ic.knc-ic-txt-compon {
  background-image: url('../images/ic-components.png');
}

.knc-ic.knc-ic-txt-animation {
  background-image: url('../images/ic-animacje.png');
}

.knc-ety {
  color: #fff;
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 700;
}

.kncz-inf {
  border-right: 0 solid #ffffff36;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.knctxt {
  color: #ffffff69;
  text-align: center;
  margin-top: 10px;
  font-weight: 400;
  display: block;
}

.kncz-content {
  border-bottom: 0 solid #ffffff1a;
  border-right: 0 solid #ffffff1a;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px;
  display: flex;
}

.kncz-content.kncz-c-r {
  border-right-width: 0;
}

.start-confirm {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: none;
}

.start-sub-info {
  color: #1f2138;
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.start-info-green {
  color: #1f2138;
  text-align: left;
  letter-spacing: -2px;
  margin-top: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.cf-form {
  overflow: hidden;
}

.cf-info-true {
  color: #86ffeb;
  border-radius: 0;
  margin-top: 0;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.cf-confirm {
  height: auto;
  padding-top: 20px;
  overflow: hidden;
}

.cf-confirm-but-back {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  border: 0 solid #fff;
  border-bottom-width: 1px;
  margin-top: 20px;
  padding: 0;
  font-size: 13px;
  line-height: 13px;
  transition: border-color .2s;
}

.cf-confirm-but-back:hover {
  border-bottom-color: #fff0;
}

.fc-form {
  display: block;
  overflow: hidden;
}

.fc-confirm {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.temp-prom-0 {
  color: #aafff6;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 400;
  display: none;
}

.tp0 {
  color: #a2f3ea;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  display: block;
}

.template-info {
  opacity: 0;
  color: #fff;
  border-radius: 0;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.temp-name {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.template-info-content {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.temp-price {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.tpdisc {
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.temp-b-demo {
  cursor: pointer;
  background-color: #71dbce;
  border: 0 solid #0000;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 13px;
  transition: letter-spacing .2s;
  display: block;
}

.temp-b-demo:hover {
  letter-spacing: 1px;
}

.template-bottom {
  justify-content: space-between;
  height: 35px;
  display: block;
  overflow: hidden;
}

.templ-bott-content {
  flex-direction: row;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
}

.temp-b-szcz {
  color: #020202;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #bdbdbd;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 13px;
  transition: letter-spacing .2s;
  display: block;
}

.temp-b-szcz:hover {
  letter-spacing: 1px;
}

.template-baner {
  border: 0 solid #b8fae8;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 47%;
  margin-bottom: 40px;
  padding: 30px;
  display: flex;
}

.template-baner.tb-dedykowane {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 47%;
  height: 420px;
  min-height: auto;
  margin-bottom: 50px;
  padding: 18px 0 0;
  transition: padding .2s, background-color .2s;
  display: flex;
}

.templates-prom-name {
  color: #b1b1b1;
  text-align: left;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}

.templates-prom-date {
  color: #cffffa;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 1px;
  padding: 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: none;
}

.template-contener {
  cursor: pointer;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.template-c {
  z-index: 1;
  background-color: #e4e4e4;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 60px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.template-top {
  z-index: 2;
  background-color: #424242;
  border-bottom: 0 solid #000;
  justify-content: space-between;
  height: 60px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.temp-top-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;
  display: flex;
}

.temp-top-center {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.temp-top-right {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 30px;
  display: flex;
}

.temp-icon-desc {
  cursor: pointer;
  background-image: url('../images/desctop.png');
  background-position: 50%;
  background-size: cover;
  width: 30px;
  height: 30px;
  margin-left: 0;
  margin-right: 0;
}

.temp-icon-mob {
  cursor: pointer;
  background-image: url('../images/mobile.png');
  background-position: 50%;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 0;
  margin-right: 0;
}

.ttc-ic {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.ttcic {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.ttcic-bg {
  z-index: 1;
  background-color: #272727;
  width: 100%;
  height: 100%;
  position: relative;
  top: -100%;
}

.temp-icon-desc-white {
  opacity: 1;
  filter: invert();
  background-image: url('../images/desctop.png');
  background-position: 50%;
  background-size: cover;
  width: 30px;
  height: 30px;
  margin-left: 0;
  margin-right: 0;
}

.temp-icon-mob-white {
  opacity: 0;
  filter: invert();
  cursor: pointer;
  background-image: url('../images/mobile.png');
  background-position: 50%;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 0;
  margin-right: 0;
}

.ttcic-mob-bg {
  z-index: 1;
  opacity: 0;
  background-color: #272727;
  width: 100%;
  height: 100%;
  position: relative;
  top: -100%;
}

.template-but-back {
  color: #ffffff5c;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ffffff17;
  border-radius: 20px;
  padding: 6px 10px;
  transition: color .2s, letter-spacing .2s;
}

.template-but-back:hover {
  color: #fff;
  letter-spacing: 1px;
}

.template-but-select {
  color: #424242;
  cursor: pointer;
  background-color: #c0ffef;
  border: 1px solid #fff0;
  border-radius: 20px;
  padding: 6px 10px;
  font-weight: 700;
  transition: background-color .2s, letter-spacing .2s;
}

.template-but-select:hover {
  color: #424242;
  letter-spacing: 1px;
  background-color: #fff;
}

.tresc {
  color: #000;
  font-size: 18px;
  line-height: 25px;
}

.tresc.tresc-pomocy {
  padding-top: 0;
}

.h2-page {
  color: #000;
  font-size: 20px;
  line-height: 24px;
}

.template-login {
  z-index: 10;
  opacity: 0;
  background-color: #0000004d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.lf-tyt-templ {
  color: #ebebeb;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.lf-line-w {
  color: #cacaca;
  margin-top: 5px;
  font-size: 13px;
  line-height: 13px;
  display: none;
}

.lf-field-t {
  color: #fff;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 2px solid #b8b8b8;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  transition: border-color .2s;
}

.lf-field-t:hover {
  border-bottom-color: #fff;
}

.lf-field-t.lf-ft-red {
  border-bottom-color: #ff9292;
}

.fs-xx {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50px;
  height: 50px;
  display: flex;
}

.fsr-top-tmp {
  justify-content: flex-end;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  padding-bottom: 0;
  display: flex;
}

.template-login-content {
  flex-direction: column;
  width: 900px;
  display: flex;
}

.fsx22 {
  background-color: #fff;
  width: 100%;
  height: 2px;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
}

.fsx11 {
  background-color: #fff;
  width: 100%;
  height: 2px;
  position: relative;
  top: 1px;
  transform: rotate(-45deg);
}

.temp-log-cont {
  margin-top: 0;
  display: flex;
}

.temp-login-open {
  opacity: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  padding: 30px;
  display: flex;
}

.lf-button-open {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #c0ffef;
  border-radius: 40px;
  width: 100%;
  margin-top: 26px;
  padding: 16px 20px;
  font-weight: 700;
  transition: background-color .2s;
}

.lf-button-open:hover {
  background-color: #b4b4b4;
}

.lf-tyt-templl {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.lf-button-tmp {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 40px;
  width: 100%;
  margin-top: 25px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 700;
  transition: background-color .2s;
}

.lf-button-tmp:hover {
  background-color: #b4b4b4;
}

.lf-podtyt-templl {
  color: #000;
  margin-top: 60px;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}

.rejestracjaa-bg {
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.s-start-content {
  display: flex;
}

.ssc-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.ssc-right {
  flex: 0 auto;
  width: 40%;
  display: flex;
}

.ssc-right.sr-sbl {
  display: none;
}

.ssc-baner {
  cursor: pointer;
  background-color: #d4fff378;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 68px 30px 50px;
  display: flex;
}

.ssc-templates-prom-name {
  color: #000;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 45px;
}

.ssc-temp-prom {
  color: #aafff6;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
}

.ssc-tp0 {
  color: #72dbd0;
  font-size: 100px;
  font-weight: 300;
  line-height: 100px;
  display: none;
}

.ssc-templates-prom-date {
  color: #000;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 3px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.ssc-ban-inf {
  color: #000;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.prem-tyt {
  color: #000;
  letter-spacing: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  position: static;
  left: 0;
  transform: none;
}

.prem-t {
  color: #000;
  letter-spacing: -7px;
  font-size: 140px;
  font-style: normal;
  font-weight: 700;
  line-height: 120px;
  position: relative;
  left: -8px;
}

.dedyk-podtyt {
  color: #000;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.ded-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 60px;
  padding-top: 0;
  display: flex;
}

.ded-hkt-left {
  flex: 1;
  padding-right: 20px;
}

.ded-hkt-right {
  flex: 1;
  padding-left: 20px;
}

.de-tyt {
  color: #000;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 0;
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 90px;
  display: flex;
  position: relative;
  left: -5px;
  transform: none;
}

.de-grafika {
  z-index: 4;
  margin-top: 60px;
  padding-top: 0;
  padding-bottom: 0;
  transition: background-color .6s;
  position: relative;
  overflow: hidden;
}

.de-n-content {
  perspective: 2000px;
  background-color: #1e1a3c;
  flex-direction: column;
  margin-top: 20px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.de-sekcja-premium {
  z-index: 4;
  margin-top: 60px;
  padding-top: 0;
  padding-bottom: 0;
  transition: background-color .6s;
  position: relative;
}

.de-s-content {
  background-color: #e6fff8;
  flex-direction: column;
  padding: 10px 50px 20px;
  display: flex;
}

.des-top {
  flex: 0 auto;
  margin-top: 20px;
  display: none;
}

.de-tc {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 200px;
}

.de-prem-tyt {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 90px;
  position: relative;
  left: 0;
  transform: none;
}

.des-zajawki-zajawki {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.des-zaj {
  border-bottom: 0 solid #ffffff4d;
  border-right: 0 solid #ffffff4d;
  flex: 0 auto;
  width: 32%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
  transition: background-color .2s;
  display: block;
}

.des-zaj:hover {
  background-color: #fff0;
}

.des-content {
  border-bottom: 0 solid #ffffff1a;
  border-right: 0 solid #ffffff1a;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 0;
  transition: all .4s;
  display: flex;
}

.des-content:hover {
  transform: translate(0, -20px);
}

.des-zaj-ico-top {
  border-right: 0 solid #ffffff36;
  align-items: center;
  display: flex;
}

.des-ic {
  opacity: 1;
  filter: none;
  background-image: url('../images/ico-test.png');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.des-ic.des-ic-graph {
  background-image: url('../images/ic-edit.png');
}

.des-ic.des-ic-moduly {
  background-image: url('../images/ic-mod.png');
}

.des-ic.desc-ic-component {
  background-image: url('../images/ic-komp.png');
}

.des-ic.des-ic-kompat {
  background-image: url('../images/conect.png');
}

.des-ic.des-ic-speed {
  background-image: url('../images/ic-thunder.png');
}

.des-ic.des-ic-help {
  background-image: url('../images/ic-help.png');
}

.des-ic.des-ic-optyz {
  background-image: url('../images/optyzations.png');
}

.des-ic.des-ic-discount {
  background-image: url('../images/discount.png');
  transform: rotate(90deg);
}

.des-ic.des-ic-quali {
  background-image: url('../images/ic-guard.png');
}

.des-zaj-inf {
  border-right: 0 solid #ffffff36;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.des-z-ety {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
}

.des-z-txt {
  color: #000;
  text-align: left;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.movie-prem {
  z-index: 10;
  box-shadow: none;
  opacity: .4;
  filter: grayscale();
  transform-style: preserve-3d;
  border: 0 solid #ffffff1a;
  border-radius: 0;
  height: 750px;
  position: relative;
  transform: translate(67px)rotateX(14deg)rotateY(31deg)rotateZ(0);
}

.de-nieszabknc {
  flex-direction: column;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 200px;
}

.de-niesz-podtyt {
  flex-direction: row;
  display: flex;
}

.deniesz-podtyt-tr {
  flex: 0 auto;
  width: 50%;
  padding-right: 40px;
}

.de-podtyt-tr {
  width: 50%;
}

.sekcja-serwer {
  perspective: 1000px;
  perspective-origin: 50%;
  transform: ;
  transform-origin: 50%;
  color: #0000;
  background-color: #0a090e00;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 100px;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.sek-serw-content {
  justify-content: flex-end;
  min-height: 80vh;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.sek-serw-left {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 0;
  display: flex;
}

.sek-serw-right {
  z-index: 1;
  opacity: 1;
  cursor: auto;
  background-color: #0000;
  border: 0 solid #fff;
  border-radius: 0;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  margin-top: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.ssr-photo {
  box-shadow: none;
  filter: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.de-serw-podtyt {
  flex-direction: column;
  display: flex;
}

.de-ser-podtyt-tr {
  width: 100%;
}

.sek-podtyt-serw {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.serw-podtyt-tr {
  width: 100%;
}

.de-serw-tyt {
  color: #000;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 0;
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 90px;
  display: none;
  position: relative;
  left: -5px;
  transform: none;
}

.sek-serw-p {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
}

.sek-serw-left-content {
  background-color: #22040c;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 50px;
  display: flex;
}

.ssr-ph {
  box-shadow: none;
  filter: none;
  background-image: url('../images/serwer.jpg');
  background-position: 40%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.sek-ad-content {
  perspective: 1000px;
  background-color: #f5f5f5;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: stretch;
  height: 70vh;
  margin-top: 20px;
  padding: 40px 20px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sekcja-administr {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.sek-ad-ek {
  border: 0 solid #fff;
  border-radius: 10px;
  flex: 1;
  width: 32%;
  padding: 0 10px;
  display: block;
}

.sekad-img {
  opacity: 1;
  transform-style: preserve-3d;
  border: 5px solid #fff;
  margin-bottom: 20px;
  transform: none;
}

.sekcja-kontaktowa {
  margin-top: 40px;
  margin-bottom: 70px;
}

.sek-kontaktowa-content {
  background-color: #0000;
  border: 0 solid #1f2138;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.sk-tyt {
  color: #000;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.sk-info {
  color: #000;
  font-size: 30px;
  font-weight: 400;
  line-height: 23px;
}

.ski-link {
  color: #fff;
  cursor: pointer;
  background-color: #1f2138;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 15px;
  text-decoration: none;
}

.ski-link:hover {
  text-decoration: underline;
}

.ski-tel {
  color: #fff;
  background-color: #1f2138;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 26px;
  font-weight: 700;
  line-height: 15px;
}

.sek-kon-left {
  flex: 1;
  padding-right: 20px;
}

.sek-kon-right {
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border: 1px solid #000;
  border-radius: 0;
  flex: 0 auto;
  width: 476px;
  padding: 20px;
}

.sk-inf0 {
  color: #000;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  display: none;
}

.sk-subtyt {
  color: #000;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 300;
  line-height: 30px;
}

.sk-button {
  color: #000;
  text-transform: none;
  cursor: pointer;
  background-color: #ececec;
  border: 0 solid #000;
  border-radius: 0;
  padding: 11px 15px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: letter-spacing .2s;
}

.sk-button:hover {
  letter-spacing: 1px;
}

.sk-tyt2 {
  color: #000;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.sek-kon-content {
  border: 0 solid #f5f5f5;
  border-radius: 40px;
  padding: 20px 30px 20px 0;
}

.adm-podtyt {
  display: flex;
}

.adm-podtyt-tr {
  width: 50%;
}

.cookies {
  z-index: 10;
  opacity: 1;
  color: #fff;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 70%;
  margin-left: 0;
  margin-right: auto;
  padding: 10px 10px 10px 20px;
  font-size: 12px;
  display: flex;
  position: fixed;
  inset: auto 0 0% auto;
}

.cookies-txt {
  color: #000;
  align-items: center;
  padding-right: 20px;
  line-height: 18px;
}

.but-cookie {
  color: #fff;
  cursor: pointer;
  background-color: #131313;
  justify-content: center;
  align-items: center;
  padding: 6px 10px 7px;
  line-height: 14px;
  transition: letter-spacing .2s;
  display: flex;
}

.but-cookie:hover {
  letter-spacing: 1px;
  padding: 6px 15px 7px;
}

.cookies-txt-link {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}

.cookies-txt-link:hover {
  text-decoration: none;
}

.templates-prom-date-inf {
  color: #000;
  text-align: left;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 1px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.templates-prom-sub-name {
  color: #000;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 6px;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  display: none;
}

.if-info {
  color: #000;
  margin-top: 20px;
}

.pomoc {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.pomoc-left {
  border: 0 solid #000;
  width: 220px;
  padding: 0;
}

.pomoc-right {
  flex: 1;
  padding-left: 0;
}

.pomoc-categories {
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.pom-group {
  z-index: 1;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  flex-direction: row;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px;
  transition: box-shadow .2s;
  display: flex;
}

.pom-group:hover {
  z-index: 10;
  background-color: #0000;
  position: relative;
  box-shadow: 9px 9px 100px #0000001c;
}

.pom-group.pomg-kreator {
  background-color: #0b30ffe3;
  border-width: 0;
  border-color: #ebebeb00;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.pom-group.pomg-konfig {
  background-color: #f8f8f8;
  border-width: 0;
  border-color: #eee;
  border-radius: 15px;
  min-height: 300px;
  padding: 30px;
  box-shadow: 1px 1px 2px #0003;
}

.pom-group.pomg-start {
  background-image: none;
  background-position: 0 0;
  flex-direction: column;
  align-items: flex-start;
  min-height: 300px;
}

.pom-group.pomg-start.pomg-start-txt {
  background-color: #0000;
  border-width: 2px;
  border-color: #04cccc;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
}

.pom-group.pomg-asortyment {
  flex-direction: row;
}

.pom-group.pomg-komponenty {
  background-color: #000;
  background-image: radial-gradient(circle at 70%, #61ffc0ad, #fff0);
  border-width: 0;
  border-radius: 6px;
  flex-direction: row;
}

.pom-group.pomg-konf {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-width: 5px;
  border-color: #f1f1f1;
  width: 100%;
  min-height: 300px;
  padding: 10px;
}

.pom-link {
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}

.pom-link.pom-link-black {
  color: #000;
}

.pom-link.pom-link-wh {
  color: #fff;
}

.button-hero {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-right: 10px;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
  display: flex;
}

.button-hero:hover {
  letter-spacing: 2px;
}

.button-hero.bh2 {
  color: #ffeb11;
  background-color: #0000;
  border-width: 2px;
  border-color: #ffeb11;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-hero.bh3 {
  color: #000;
  background-color: #fff;
  border-width: 3px;
  border-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.button-hero.b-mtb {
  margin-top: 20px;
}

.button-hero.bh4 {
  color: #318fb5;
  border-color: #318fb5;
}

.hb-zadarmo {
  font-size: 24px;
  line-height: 18px;
}

.sekcja-mobile {
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
}

.sek-mobile-content {
  display: flex;
}

.sc-info-txt {
  color: #000;
  text-align: left;
  background-color: #0000;
  margin-top: 20px;
  font-size: 13px;
  font-style: normal;
  line-height: 16px;
}

.ssc-templates-prom-tyt {
  color: #1f2138;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 6px;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}

.c-dd {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.c-dd.c-dd-sub, .c-dd.c-dd-own {
  display: block;
}

.c-dd-tog {
  background-color: #f2f5fa;
  border: 0 solid #e6e6e6;
  border-radius: 0;
  width: 100%;
  padding: 0 24px 0 0;
}

.cddt-ety {
  color: #000;
  text-align: center;
  border: 0 solid #cecece;
  border-radius: 20px;
  padding: 8px 10px 8px 34px;
  font-size: 14px;
  line-height: 14px;
}

.cdd-dd-list.w--open {
  background-color: #0000;
}

.c-dd-arr {
  background-color: #0000;
  margin-right: 10px;
}

.cdd-podlist {
  color: #000;
  text-align: center;
  background-color: #cdd7e7;
  padding: 10px;
  line-height: 14px;
  transition: background-color .2s;
}

.cdd-podlist:hover {
  background-color: #b4c2da;
}

.cdd-pric {
  font-size: 13px;
  line-height: 16px;
}

.c-dd-sub {
  width: 100%;
}

.c-dd-own {
  width: 100%;
  display: none;
}

.sf-info-false {
  color: #fff;
  background-color: #f59e9e;
  border-radius: 20px;
  width: auto;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 14px;
}

.sf-infos {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2px;
  display: flex;
}

.logo-log {
  z-index: 2;
  flex-direction: row;
  width: auto;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.lht-link {
  color: #000;
  cursor: pointer;
  font-weight: 700;
  text-decoration: underline;
}

.lht-link:hover {
  text-decoration: none;
}

.smc-left, .smc-right {
  flex: 1;
}

.ab-info-tip {
  z-index: 100;
  flex-direction: column;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  display: flex;
  position: relative;
  overflow: visible;
}

.ab-info-tip.ab-info-tip-mob {
  display: none;
}

.ab-info-tip.ab-info-tip-mob-active {
  display: flex;
}

.ab-inf-tr {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ab-inf-ico {
  cursor: pointer;
  background-image: url('../images/ico-info.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.ab-it {
  opacity: 0;
  justify-content: center;
  align-items: flex-end;
  width: 0;
  height: 0;
  padding-bottom: 0;
  display: none;
  position: relative;
  top: -8px;
}

.ab-it.ab-it-op {
  opacity: 1;
  display: flex;
}

.ab-it.ab-it-open {
  opacity: 1;
  width: auto;
  height: auto;
  display: flex;
}

.ab-it-txt {
  z-index: 1000;
  opacity: 1;
  color: #383838;
  background-color: #fcfcfc;
  border: 2px solid #000;
  border-radius: 0;
  height: auto;
  padding: 9px 11px 11px;
  font-size: 14px;
  line-height: 16px;
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
}

.ab-inf-tr-l {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.sekcja-zajawek {
  z-index: 4;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 0;
  transition: background-color .6s;
  position: relative;
}

.s-zajawki-content {
  background-color: #0b352900;
  background-image: none;
  background-position: 0 0;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.szaj-tyt {
  flex: 0 auto;
  margin-top: 20px;
}

.szaj {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 200px;
}

.szaj-tyt-h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  position: relative;
  left: 0;
  transform: none;
}

.szaj-sub-tyt-top {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 128px;
  padding-top: 0;
  display: flex;
}

.shaj-right {
  flex: 1;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.szaj-editzaj-txt {
  color: #000;
  letter-spacing: 2px;
  margin-top: 0;
  margin-right: 10px;
  padding-left: 40px;
  font-size: 30px;
  font-weight: 700;
  line-height: 20px;
}

.szaj-zajawki {
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 0;
  display: flex;
}

.szaj-zaj {
  border-bottom: 0 solid #ffffff4d;
  border-right: 0 solid #ffffff4d;
  flex: 0 auto;
  width: 33%;
  margin-bottom: 7px;
  padding: 0;
  transition: background-color .2s;
  display: block;
}

.szaj-zaj:hover {
  background-color: #fff0;
}

.szaj-zaj-content {
  background-color: #fafafa;
  border-bottom: 0 solid #ffffff1a;
  border-right: 0 solid #ffffff1a;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 20px;
  transition: background-color .2s;
  display: flex;
}

.szaj-zaj-content.kncz-c-r {
  border-right-width: 0;
}

.szaj-z-top {
  border-right: 0 solid #ffffff36;
  align-items: center;
  display: flex;
}

.szaj-z-ic {
  opacity: 1;
  filter: none;
  background-image: url('../images/ic-fonts.png');
  background-position: 50%;
  background-size: cover;
  width: 80px;
  height: 80px;
  margin-right: 20px;
}

.szaj-z-ic.knc-ic-color {
  background-image: url('../images/ic-color.png');
}

.szaj-z-ic.knc-ic-gallery {
  background-image: url('../images/ic-gallery.png');
}

.szaj-z-ic.knc-ic-txt-edit {
  background-image: url('../images/ic-edyt.png');
}

.szaj-z-ic.knc-ic-txt-compon {
  background-image: url('../images/ic-components.png');
}

.szaj-z-ic.knc-ic-txt-animation {
  background-image: url('../images/ic-animacje.png');
}

.szaj-z-ic.szi-mob {
  opacity: 1;
  filter: invert();
  background-image: url('../images/icmobilnosc.png');
}

.szaj-z-ic.szi-speed {
  opacity: 1;
  filter: invert();
  background-image: url('../images/icspeed.png');
}

.szaj-z-ic.szi-opym {
  filter: invert();
  background-image: url('../images/icoptym.png');
}

.szaj-z-ic.szi-ux {
  filter: invert();
  background-image: url('../images/icux.png');
}

.szaj-z-ic.szi-sav {
  filter: invert();
  background-image: url('../images/icsavety.png');
}

.szaj-z-ic.szi-help {
  filter: invert();
  background-image: url('../images/icwsparcie.png');
}

.szaj-z-inf {
  border-right: 0 solid #ffffff36;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.szaj-z-ety {
  color: #000;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 700;
}

.szaj-z-txt {
  color: #000;
  text-align: left;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  display: block;
}

.shaj-creat-button {
  color: #000;
  letter-spacing: 4px;
  background-color: #0000;
  border: 4px solid #41c4c8;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  transition: border-color .2s, letter-spacing .2s;
  display: flex;
}

.shaj-creat-button:hover {
  letter-spacing: 5px;
  border-color: #20a1d5;
}

.menu-podlinks {
  width: 0;
  height: 0;
  display: block;
  overflow: visible;
}

.menu-podlinks-content {
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  display: flex;
  overflow: visible;
}

.sublink {
  color: #000;
  letter-spacing: 0;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  transition: color .2s, letter-spacing .2s;
}

.sublink:hover {
  letter-spacing: 1px;
}

.mpc {
  opacity: 0;
  background-color: #fff;
  background-image: radial-gradient(circle at 70%, #00ffb75c, #fff0);
  border: 0 solid #5f5f5f08;
  border-radius: 0;
  flex-direction: column;
  margin-top: 0;
  padding: 12px 20px;
  display: none;
  overflow: hidden;
  box-shadow: 11px 8px 40px #00ffb754;
}

.cennik-bot {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.hero-bg {
  z-index: 1;
  float: right;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 700px;
  margin-top: 40px;
  padding: 0 0 7vh 0%;
  display: block;
  position: relative;
  top: 0%;
  overflow: visible;
}

.hero-inf {
  z-index: 2;
  object-fit: contain;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  width: 100%;
  height: 75vh;
  min-height: 560px;
  display: flex;
  position: relative;
}

.hero-bg-content-photo {
  float: right;
  clear: none;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 10vh;
  display: flex;
  overflow: visible;
}

.hero-bg-c-photo {
  filter: none;
  background-image: url('../images/hero.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: none;
}

.ab-for-graph {
  align-items: flex-end;
  min-height: 40px;
  margin-top: 20px;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  display: flex;
}

.abon-content-graph {
  border: 5px solid #f2f5fa;
  flex-direction: column;
  align-items: center;
  height: 100%;
  margin-top: 0;
  padding: 20px 10px 10px;
  transition: border-color .2s;
  display: flex;
}

.abon-content-graph:hover {
  border-color: #d2d9e4;
}

.abon-content-graph.abon-c-blue {
  box-shadow: none;
  border: 5px solid #2cceff;
}

.abon-content-graph.abon-c-blue:hover {
  border-color: #09bbf1;
}

.scc-graph {
  background-image: none;
  justify-content: space-between;
  margin-top: 40px;
  padding: 0;
  display: flex;
}

.ab-opcja-inf {
  background-color: #fff0;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1px;
  margin-bottom: 0;
  padding: 7px 0;
}

.ab-opcja-inf.ab-op-blank {
  background-color: #0000;
  border-bottom-color: #f2f5fa;
}

.ab-opcja-inf.abo {
  border-bottom-color: #f2f5fa;
  flex-direction: column;
  align-items: center;
}

.ab-opcja-inf.abo.ab-ob-last, .ab-opcja-inf.ab-op-last {
  border-bottom-width: 0;
}

.ab-opcja-inf.ab-opcja-inf-white {
  background-color: #fff;
}

.ab-opcja-inf.ab-ob-inf-w {
  border-top-width: 0;
  border-top-color: #fff;
}

.ab-opcja-txt {
  color: #000;
  border-left: 2px solid #ff2957;
  align-items: center;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.ab-opcja-txt.abot {
  border-left-color: #0579ff;
}

.ab-opcja-txt.aot {
  border-left-color: #ff2957;
}

.ab-infos {
  width: 100%;
  margin-top: 20px;
}

.ab-tyt-link {
  color: #000;
  text-decoration: none;
}

.ab-tyt-link:hover {
  text-decoration: none;
}

.ab-opcja-infw {
  background-color: #ffffff8c;
  border-bottom: 0 solid #f2f5fa;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1px;
  margin-bottom: 0;
  padding: 10px;
  display: flex;
}

.ab-opcja-infw.ab-op-blank {
  background-color: #0000;
  border-bottom-color: #f2f5fa;
}

.ab-opcja-infw.abo {
  border-bottom-color: #f2f5fa;
  flex-direction: column;
  align-items: center;
}

.ab-opcja-infw.abo.ab-ob-last, .ab-opcja-infw.ab-op-last {
  border-bottom-width: 0;
}

.ab-opcja-infw.ab-opcja-inf-white {
  background-color: #fff;
}

.cennik-tyt-txt {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
}

.pak-top {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sekcja-cennik-pakiety {
  background-color: #0000;
  background-image: radial-gradient(circle at 60% 30%, #fff478ed, #fff47800 93%);
  border-top: 0 solid #000;
  margin-top: 0;
  padding-top: 70px;
  padding-bottom: 40px;
  overflow: hidden;
}

.sekcja-cennik-dodatkowe {
  background-color: #0000;
  border-top: 0 solid #000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
}

.scc-usl-dod {
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.tab-usl-dod {
  flex: 1;
  margin-left: 0;
  padding: 0;
}

.tab-usl-dod.ab-col-inf {
  z-index: 10;
  flex: 0 auto;
  margin-left: 0;
  position: relative;
}

.tab-usl-dod.ab-col-max {
  display: none;
}

.tab-usl-dod.abc2 {
  z-index: 9;
  position: relative;
}

.tab-usl-dod.abc3 {
  z-index: 8;
  position: relative;
}

.tab-usl-dod.abc4 {
  z-index: 7;
  display: none;
  position: relative;
}

.tab-usl-dod.abc-proj {
  z-index: 9;
  flex: 0 auto;
  width: 32%;
  margin-left: 0;
  position: relative;
}

.dod-records {
  width: 100%;
  margin-top: 0;
}

.tab-usl-dod-content {
  border: 0 solid #d2d9e4;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-top: 0;
  padding: 0;
  transition: border-color .2s;
  display: flex;
}

.tab-usl-dod-content:hover {
  border-color: #d2d9e4;
}

.tab-usl-dod-content.abon-c-blue {
  box-shadow: none;
  border: 5px solid #2cceff80;
  align-items: center;
}

.tab-usl-dod-content.abon-c-blue:hover {
  border-color: #09bbf1;
}

.tab-usl-dod-content.abon-con-green {
  background-color: #e6fffc;
  border-width: 5px;
  border-color: #3bdec900;
  border-radius: 0;
  align-items: flex-start;
}

.tab-usl-dod-content.abon-con-green:hover {
  border-color: #3bdec9cc;
}

.tab-usl-dod-content.abon-proj-mini {
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-usl-dod-content.abon-proj-premium {
  box-shadow: none;
  border: 5px solid #2cceff82;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-usl-dod-content.abon-proj-premium:hover {
  border-color: #09bbf1;
}

.tab-usl-dod-content.abon-proj-standard {
  border-width: 5px;
  border-color: #3bdec980;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-usl-dod-content.abon-proj-standard:hover {
  border-color: #3bdec9cc;
}

.tab-usl-dod-content.abon-content-green {
  border-color: #3bdec980;
}

.tab-usl-dod-content.abon-content-green:hover {
  border-color: #3bdec9;
}

.dod-rec-tr {
  background-color: #fff0;
  border-top: 0 solid #f2f5fa;
  border-bottom: 2px solid #fff;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px 0 0;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.dod-rec-tr:hover {
  border-bottom-width: 2px;
  border-bottom-color: #f2f5fa;
}

.dod-rec-tr.ab-op-blank {
  background-color: #0000;
  border-bottom-color: #f2f5fa;
}

.dod-rec-tr.abo {
  border-bottom-color: #f2f5fa;
  flex-direction: column;
  align-items: center;
}

.dod-rec-tr.abo.ab-ob-last, .dod-rec-tr.ab-op-last {
  border-bottom-width: 0;
}

.dod-rec-tr.ab-opcja-inf-white {
  background-color: #fff;
}

.dod-rec-tr.ab-ob-inf-w {
  border-top-width: 1px;
  border-top-color: #fff;
}

.dod-rec-txt {
  color: #000;
  align-items: center;
  line-height: 18px;
  display: flex;
}

.sek-dod-cennik-content {
  background-color: #fff;
  flex-direction: column;
  padding: 10px 20px 20px;
  display: flex;
}

.dod-rec-cena {
  color: #000;
  align-items: center;
  line-height: 18px;
  display: flex;
}

.sekcja-ban {
  z-index: 4;
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
  transition: background-color .6s;
  display: block;
  position: relative;
}

.s-cen-usl-content {
  cursor: pointer;
  background-color: #0579ff;
  background-image: none;
  background-position: 0 0;
  border-bottom: 4px solid #ffeb11;
  border-right: 2px solid #ffeb11;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 1px;
  padding: 50px 40px;
  display: flex;
}

.s-cen-usl-content.scuc {
  background-image: none;
  border-bottom-width: 0;
  border-right-width: 0;
  margin-left: 0;
  margin-right: 5px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.ban-got-skl {
  color: #fff;
  margin-bottom: 20px;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.ban-but-got {
  color: #0579ff;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #ffffff29;
  border-radius: 40px;
  margin-top: 20px;
  padding: 20px 24px 22px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  transition: letter-spacing .2s;
}

.ban-but-got:hover {
  letter-spacing: 2px;
}

.ban-got-skl-inf {
  color: #fff;
  letter-spacing: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
}

.ban-got-skl-inf.bgsi {
  color: #0579ff;
  background-color: #ffeb11;
  border-radius: 0;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.ban-left {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.sekcja-payment {
  border-top: 0 solid #000;
  min-height: 40vh;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 40px;
}

.sek-payment-content {
  flex-direction: column;
  padding: 0;
  display: flex;
}

.payment-top {
  flex-direction: row;
  align-items: center;
  display: none;
}

.payment-top.cen-t {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
}

.payment-tyt {
  color: #000;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.payment-tyt-txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: none;
}

.p-cart {
  justify-content: space-between;
  margin-top: 15px;
  display: flex;
}

.payment-cart {
  background-color: #006eec;
  border: 0 solid #f09606;
  flex: 0 auto;
  width: 350px;
  margin-left: 10px;
  padding: 30px 15px;
  position: sticky;
  top: 100px;
}

.payment-cart.ab-col-inf {
  z-index: 10;
  flex: 0 auto;
  margin-left: 0;
  position: relative;
}

.payment-cart.ab-col-max {
  display: none;
}

.payment-cart.abc2 {
  z-index: 9;
  position: relative;
}

.payment-cart.abc3 {
  z-index: 8;
  position: relative;
}

.payment-cart.abc4 {
  z-index: 7;
  display: none;
  position: relative;
}

.payment-cart.abc-proj {
  z-index: 9;
  flex: 0 auto;
  width: 32%;
  margin-left: 0;
  position: relative;
}

.payment {
  background-color: #f7f7f7;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 15px;
  padding: 20px;
  display: flex;
}

.payment-form {
  background-color: #fff;
  border: 0 solid #d2d9e4;
  border-bottom-width: 5px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 30px 25px;
  transition: border-color .2s;
  display: flex;
}

.payment-form:hover {
  border-color: #d2d9e4;
}

.payment-form.abon-c-blue {
  box-shadow: none;
  border: 5px solid #2cceff80;
  align-items: center;
}

.payment-form.abon-c-blue:hover {
  border-color: #09bbf1;
}

.payment-form.abon-con-green {
  background-color: #e6fffc;
  border-width: 5px;
  border-color: #3bdec900;
  border-radius: 0;
  align-items: flex-start;
}

.payment-form.abon-con-green:hover {
  border-color: #3bdec9cc;
}

.payment-form.abon-proj-mini {
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.payment-form.abon-proj-premium {
  box-shadow: none;
  border: 5px solid #f0960673;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.payment-form.abon-proj-premium:hover {
  border-color: #f09606;
}

.payment-form.abon-proj-standard {
  border-width: 5px;
  border-color: #3bdec980;
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.payment-form.abon-proj-standard:hover {
  border-color: #3bdec9cc;
}

.payment-form.abon-content-green {
  border-color: #3bdec980;
}

.payment-form.abon-content-green:hover {
  border-color: #3bdec9;
}

.pf-top {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pf-butt {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 4px solid #d2d9e4;
  border-radius: 40px;
  width: 100%;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  transition: letter-spacing .2s;
}

.pf-butt:hover {
  letter-spacing: 1px;
}

.pf-tyt {
  font-size: 20px;
  font-weight: 700;
}

.pf-tr {
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.pf-top-but {
  color: #fff;
  letter-spacing: 2px;
  cursor: pointer;
  background-color: #cfcfcf;
  margin-right: 0;
  font-weight: 700;
  transition: background-color .2s;
}

.pf-top-but:hover {
  background-color: #999;
}

.pf-top-but.pf-top-but-active {
  letter-spacing: 2px;
  cursor: pointer;
  background-color: #3898ec;
  margin-right: 0;
  font-weight: 700;
}

.pf-td {
  border: 0 solid #000;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.pf-td.pftd30 {
  flex: 0 auto;
  width: 32%;
}

.pf-td.pf-td-l {
  padding-right: 5px;
}

.pf-td.pf-td-r {
  padding-left: 5px;
}

.pf-field {
  background-color: #fff0;
  border: 2px solid #d2d9e4;
  height: auto;
  margin-bottom: 0;
  padding: 15px;
  font-size: 16px;
  line-height: 16px;
  transition: border-color .2s;
}

.pf-field:hover {
  border-color: #1f2138;
}

.pf-field::placeholder {
  color: #929292;
  font-size: 16px;
  line-height: 16px;
}

.pf-field.pf-field-red {
  border-color: #ff8181;
}

.pf-field.pf-imie, .pf-field.pf-nazwisko {
  display: none;
}

.pf-ety {
  font-weight: 700;
  display: none;
}

.pf-tr50 {
  flex: 1;
  padding-right: 10px;
  display: flex;
}

.pf-tr-l {
  flex-direction: column;
  flex: 1;
  padding-right: 5px;
  display: flex;
}

.pf-tr-r {
  flex: 1;
  padding-left: 5px;
  padding-right: 0;
  display: flex;
}

.pc-tyt {
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
  font-weight: 400;
}

.pc-rek {
  border-bottom: 1px solid #ffffff85;
  padding: 10px;
  display: flex;
}

.pc-rek.pcr-rab {
  display: flex;
}

.pc-rek-l {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-right: 20px;
  display: flex;
}

.pc-rek-p {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.pcrp-price {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.pcrp-price.pcrp-vat {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.pcrp-price.pcrp-rab {
  color: #87ff99;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.pc-rl-h1 {
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
}

.pc-rl-h2 {
  color: #ffffffb0;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.pc-rl-h1-pod {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.pc-rl-h1-pod.pcr-green {
  color: #87ff99;
}

.pc-rl-h2-2 {
  color: #ffffffb3;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.pc-summ {
  background-color: #ffffff1a;
  border-bottom: 0 solid #ffffff2e;
  align-items: flex-end;
  padding: 20px 10px;
  display: flex;
}

.pc-rl-sum {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.pc-sum-but {
  color: #1f2138;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #ffeb11;
  width: 100%;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 700;
  transition: letter-spacing .2s, background-color .2s;
}

.pc-sum-but:hover {
  letter-spacing: 1px;
  background-color: #f0dc00;
}

.pf-che-ety {
  font-size: 13px;
}

.pf-che-ety.pf-ch-ety-red {
  color: red;
}

.pf-reg-link {
  color: #000;
}

.pf-reg-link:hover {
  text-decoration: none;
}

.pf-reg-link.pf-reg-link-red {
  color: red;
}

.to-bold {
  color: #000;
  text-transform: capitalize;
  border-bottom: 2px solid #000;
  font-size: 16px;
}

.shoplikto {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.shoplikto-left {
  flex-flow: wrap;
  flex: 1;
  justify-content: space-between;
  margin-top: 20px;
  padding-right: 0;
  display: flex;
}

.shoplikto-right {
  flex: 1;
  padding-left: 20px;
  display: none;
}

.sto-nr {
  color: #dfdfdf;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 700;
  display: block;
}

.templates-tyt-blog {
  color: #000;
  cursor: pointer;
  border-bottom: 4px solid #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Soleil, sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  transform: none;
}

.templates-tyt-blog:hover {
  border-bottom: 4px solid #ffeb11;
}

.blog-content {
  background-color: #0000;
  flex-flow: column;
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.blogcontent {
  border: 0 solid #e7e7e7;
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 60px;
  padding: 0;
  display: flex;
}

.blog-col {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.blog-artyk-zaj {
  cursor: pointer;
  border-bottom: 0 solid #fff;
  border-right: 0 solid #fff;
  width: 48%;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 0;
  padding-right: 0;
  transition: padding .2s;
}

.blog-artyk-zaj:hover {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ba-photo {
  justify-content: center;
  align-items: center;
  height: 350px;
  margin-top: 10px;
  display: flex;
  overflow: hidden;
}

.bap-ph {
  background-image: url('../images/brooke-cagle-WHWYBmtn3_0-unsplash.jpg');
  background-position: 50% 100%;
  background-size: cover;
  height: 100%;
}

.ba-info {
  padding-top: 20px;
  padding-bottom: 20px;
}

.bai-tyt {
  color: #000;
  cursor: pointer;
  min-height: 80px;
  margin-top: 5px;
  font-size: 38px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  display: block;
}

.bai-tyt:hover {
  text-decoration: none;
}

.bai-time {
  color: #a8a8a8;
  text-align: left;
  font-size: 13px;
  font-weight: 300;
  line-height: 13px;
}

.bai-zajawka {
  opacity: .4;
  color: #000;
  border-left: 0 solid #000;
  margin-top: 10px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.bai-botton {
  color: #000;
  cursor: pointer;
  background-color: #0000;
  margin-top: 10px;
  padding: 0;
  font-weight: 700;
  transition: letter-spacing .2s;
  display: block;
}

.bai-botton:hover {
  letter-spacing: 1px;
}

.ba-zaj-phot {
  width: 100%;
}

.art-content {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0;
  display: flex;
}

.art-top-left {
  float: right;
  clear: right;
  width: 60%;
  display: block;
  position: relative;
  right: 40%;
}

.art-top-right {
  float: left;
  clear: left;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  width: 50%;
  padding: 0 0 0 30px;
  display: block;
  position: relative;
  right: -60%;
  overflow: visible;
}

.art-img {
  width: 100%;
}

.art-top-tyt {
  color: #000;
  font-size: 50px;
  line-height: 50px;
}

.artykul {
  background-image: none;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 40px;
  font-size: 16px;
  overflow: visible;
}

.art-date {
  color: #000;
  text-align: left;
  background-color: #ebebeb;
  margin-left: 0;
  padding: 10px;
  font-size: 16px;
  line-height: 16px;
}

.art-top-in-date {
  align-items: center;
  display: flex;
}

.art-ic-calendar {
  opacity: .13;
  cursor: auto;
  width: 35px;
  display: none;
}

.cal-d {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.cal-m {
  line-height: 20px;
}

.cal-y {
  line-height: 14px;
}

.art-top {
  flex: 1;
  display: flex;
}

.art-tresc {
  text-align: justify;
  padding: 20px 30px 20px 0;
}

.b-art-p {
  color: #000;
  text-align: left;
  flex: 1;
  margin-top: 20px;
  font-size: 18px;
  line-height: 28px;
}

.b-art-p.bap2 {
  color: #000;
  margin-top: 0;
  padding-left: 20px;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  text-decoration: none;
}

.art-tr-p {
  flex-direction: column;
  display: flex;
}

.hm3 {
  background-color: #000;
  width: 100%;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.st-zaj {
  background-color: #0000;
  border: 0 solid #bbb6b345;
  border-right-color: #fff;
  width: 48%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 47px;
}

.hero-info-tyt {
  color: #05ca92;
  text-align: left;
  letter-spacing: 0;
  border: 0 solid #f5f5f5;
  width: auto;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
  font-family: Soleilbold, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 25px;
  display: block;
}

.hero-ic {
  opacity: 1;
  width: 60px;
  display: block;
}

.sekcja-paylink {
  padding-top: 0;
  padding-bottom: 60px;
}

.sek-peli {
  background-color: #e8e9e8;
  background-image: linear-gradient(#cad1cd17, #cad1cd);
  background-position: 0 0;
  border-radius: 0;
  margin-top: 40px;
  display: flex;
}

.sek-peli-cont {
  flex: 0 auto;
  width: 100%;
  padding: 50px 40px;
}

.sek-tyt4 {
  color: #000;
  flex: 1;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

.sek-tyt3-copy {
  color: #033f68;
  margin-top: 40px;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}

.sek-tyt5 {
  color: #000;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.sek-peli-zajawki {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: space-between;
  width: 50%;
  margin-top: 20px;
  padding-right: 10px;
  display: flex;
}

.sek-peli-zajawka {
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 20px 20px 0;
}

.sek-peli-ico {
  opacity: 1;
  height: 50px;
  display: block;
}

.pc-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.p24-logo {
  width: 300px;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

.brethcrumbs {
  border-bottom: 0 solid #e6e6e6;
  align-items: center;
  padding: 5px 0;
  display: flex;
}

.b-link {
  color: #9c9c9c;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  transition: color .2s;
}

.b-link:hover {
  color: #303030;
}

.b-link.b-link-root {
  color: #000;
  font-size: 20px;
  line-height: 20px;
}

.b-sep {
  color: #9c9c9c;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 14px;
}

.pc-ul {
  margin-top: 20px;
  margin-bottom: 0;
}

.pc-li {
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.pcli-no {
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 40px;
  margin-right: 10px;
  padding: 0 5px 2px;
  display: flex;
  box-shadow: -3px 2px 20px 2px #bdbdbd75;
}

.pc-txt {
  padding-top: 9px;
}

.pclin {
  color: #b8b8b8;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}

.p24ekr2 {
  width: 962px;
}

.p24ekr3 {
  width: 1133px;
}

.p24ekr4 {
  width: 1132px;
}

.cennik-tab-prom-tr {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 10px;
  padding-left: 0;
  display: block;
  position: relative;
  top: 20px;
}

.ctpt-prom {
  color: #e7e7e6;
  text-align: left;
  margin-right: 16px;
  padding: 7px;
  font-size: 180px;
  font-weight: 700;
}

.ctpt-txt {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.gr {
  opacity: .15;
  background-image: url('../images/gr.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  display: none;
}

.bl {
  opacity: .15;
  background-image: url('../images/bl.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  display: none;
}

.or {
  opacity: .15;
  background-image: url('../images/or.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  display: none;
}

.template-baner2 {
  background-color: #0000;
  border: 0 solid #e6e6e6;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 47%;
  height: 380px;
  margin-top: 50px;
  margin-bottom: 0;
  padding: 30px;
  display: none;
  position: relative;
  top: -5px;
  left: -5px;
}

.pakiet-szab-w {
  color: #000;
  text-align: left;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
}

.tp02 {
  color: #fff;
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 100px;
  font-weight: 300;
  line-height: 100px;
  display: flex;
}

.pakiet-szab-txt {
  color: #fff;
  text-align: center;
  margin-top: 100px;
  display: none;
}

.pakiet-szab-w2 {
  color: #000;
  text-align: left;
  background-color: #0000;
  border-radius: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.psw {
  color: #000;
  text-align: left;
  font-weight: 300;
}

.pakiet-proces {
  background-color: #fff;
  border: 0 solid #11a0ff;
  flex-flow: column;
  justify-content: space-between;
  margin-top: 40px;
  padding: 0;
  display: flex;
}

.pp-zaj {
  background-color: #ddfff5;
  border: 5px solid #fff;
  border-top: 0 solid #d1edff00;
  border-left: 0 solid #d1edff00;
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  width: 50%;
  margin: 0;
  padding: 40px 20px;
  transition: background-color .4s;
  display: flex;
}

.pp-zaj:hover {
  background-color: #fff;
}

.pp-tyt {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.pp-zajawki {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: stretch;
  margin-top: 20px;
  display: flex;
}

.ppz-no {
  opacity: 1;
  color: #000;
  text-align: center;
  border: 0 solid #11a0ff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  font-size: 60px;
  font-weight: 400;
  line-height: 50px;
  display: flex;
  position: relative;
  top: -4px;
}

.ppz-inf {
  flex: 1;
  padding-left: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  position: relative;
}

.ppz-n {
  font-weight: 300;
  text-decoration: none;
  display: none;
}

.payment-left {
  flex: 1;
  padding: 0;
}

.pom-podgroup {
  border-left: 0 solid #000;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  margin-top: 5px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.pom-podgroup.pp-active {
  height: auto;
}

.pom-podlink {
  color: #000;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0;
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;
  transition: padding .2s;
}

.pom-podlink:hover {
  padding-left: 5px;
}

.pom-podlink.pom-podlink-online {
  padding-left: 5px;
  font-weight: 700;
}

.pom-podlink.pp-bl {
  color: #000;
}

.pom-podlink.pp-wh {
  color: #fff;
}

.pom-podlink.pomp-active {
  font-weight: 700;
  text-decoration: none;
}

.pomoc-tematy {
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.pomoc-search {
  color: #000;
  background-color: #fff0;
  border: 0 solid #000;
  margin-bottom: 0;
  padding: 10px 5px;
  font-size: 20px;
  line-height: 20px;
}

.pomoc-search:hover {
  color: #000;
}

.pomoc-search::placeholder {
  color: #a1a1a1;
  font-weight: 300;
}

.pomoc-form {
  flex-direction: row;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.wyszukiwarka-pomocy {
  border: 0 solid #e0e0e0;
  border-bottom-width: 5px;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  width: 49%;
  height: 50px;
  margin-top: 33px;
  margin-bottom: 0;
  display: flex;
}

.pomoc-sb {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/icon-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.pm-brethcrumbs {
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.pm-bc-link {
  color: #3d3d3d;
  cursor: pointer;
  margin-right: 0;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
}

.pm-bc-link:hover {
  text-decoration: underline;
}

.pmbc-sep {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 11px;
  line-height: 12px;
}

.pm-txt {
  padding-top: 40px;
}

.pm-art-tyt {
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}

.pom-otworz {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  margin-top: 5px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.pg-left {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  width: 45%;
  padding-top: 0;
  display: flex;
}

.pg-left.pgn-left {
  width: 100%;
}

.pg-info-graph {
  width: 100px;
  height: 100px;
  margin-right: 40px;
}

.pg-info-graph.pgig {
  background-image: url('../images/or.png');
  background-position: 50%;
  background-size: contain;
}

.pg-info-graph.pgig-start {
  opacity: 1;
  filter: none;
  background-image: url('../images/shop_icon.png');
  background-position: 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: block;
}

.pg-info-graph.pgig-start.pgig-start-bl {
  filter: none;
  width: 50px;
  height: 50px;
}

.pg-info-graph.pgig-config {
  opacity: .15;
  filter: none;
  background-image: url('../images/ico_configurations.png');
  background-position: 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: block;
}

.pg-info-graph.pgig-creator {
  opacity: .27;
  filter: invert();
  background-image: url('../images/ic-components.png');
  background-position: 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
}

.pg-info-graph.pgig-asortyment {
  opacity: .15;
  filter: none;
  background-image: url('../images/5208379_list_menu_navigation_square_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  width: 50px;
  height: 50px;
}

.pg-info-graph.pgig-sprzedaz {
  opacity: .15;
  filter: none;
  background-image: url('../images/ic-seo.png');
  background-position: 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
}

.pg-info-graph.pgig-platnosci {
  opacity: .15;
  filter: none;
  background-image: url('../images/wallet2.png');
  background-position: 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
}

.pg-info-graph.pgig-config2 {
  opacity: .1;
  filter: none;
  background-image: url('../images/ico_configurations.png');
  background-position: 50%;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
}

.pg-info-graph.pgig-faq {
  opacity: 1;
  filter: none;
  background-image: url('../images/faq_icon.png');
  background-position: 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: block;
}

.pg-info-graph.pgig-help-sys {
  opacity: 1;
  filter: none;
  background-image: url('../images/reading_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  width: 50px;
  height: 50px;
}

.pg-links {
  flex-direction: column;
  padding-top: 10px;
  display: flex;
}

.pg-right {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: static;
}

.pgr-tyt-zajawki {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.pgr-tyt-zajawki.pgr-tz {
  color: #fff;
  text-align: left;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

.pgr-tyt-zajawki.ptz-black {
  color: #000;
}

.bold-text {
  color: #000;
  font-size: 40px;
  font-weight: 400;
  line-height: 30px;
}

.but-zaj {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #78e8da54;
  border-bottom: 0 solid #0ef3e7;
  border-radius: 40px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 15px;
  padding: 10px 13px 9px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.but-zaj:hover {
  letter-spacing: 2px;
}

.but-zaj-mig {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #ffcd7c8f;
  border-bottom: 0 solid #0ef3e7;
  border-radius: 40px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 15px;
  padding: 10px 13px 9px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.but-zaj-mig:hover {
  letter-spacing: 2px;
}

.but-zaj2 {
  box-shadow: none;
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #ff0059;
  border-bottom: 0 solid #0ef3e7;
  border-radius: 5px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 15px;
  padding: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  transition: letter-spacing .2s;
}

.but-zaj2:hover {
  letter-spacing: 2px;
}

.but-zaj-pom {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #ffffff54;
  border-bottom: 0 solid #0ef3e7;
  border-radius: 40px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 15px;
  padding: 10px 13px 9px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.but-zaj-pom:hover {
  letter-spacing: 2px;
}

.but-zaj3 {
  box-shadow: none;
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #0b30ff;
  border-bottom: 0 solid #0ef3e7;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 15px;
  padding: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  transition: letter-spacing .2s;
}

.but-zaj3:hover {
  letter-spacing: 2px;
}

.pomg-bredcrumbs {
  display: flex;
}

.pomg-b-link {
  color: #000;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
}

.pomg-b-link:hover {
  text-decoration: underline;
}

.pomg-bl-sep {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
  line-height: 12px;
}

.pomg-txt {
  color: #696969;
  flex: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}

.centrum-pomocy {
  color: #000;
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.pom-tr {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.pom-nr {
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5px;
  margin-right: 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  display: flex;
}

.pom-right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.pomg-inf {
  color: #696969;
  background-color: #e4fffc;
  background-image: url('../images/info_icon.png');
  background-position: 12px 15px;
  background-repeat: no-repeat;
  background-size: 35px;
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 60px;
}

.pom-img {
  width: 70%;
}

.pomg-right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.pomg-left {
  width: 250px;
}

.pom-podlink-bl {
  color: #000;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  transition: padding .2s;
}

.pom-podlink-bl:hover {
  padding-left: 5px;
}

.pom-podlink-bl.pom-podlink-online {
  padding-left: 5px;
  font-weight: 700;
}

.pom-podlink-bl.pp-bl {
  color: #000;
}

.pg-nav {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  display: flex;
}

.pom-link-bl {
  color: #000;
  margin-top: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.pom-link-bl.pom-link-black {
  color: #000;
}

.ctp-bold {
  z-index: 1;
  color: #000;
  font-size: 180px;
  line-height: 16px;
}

.hero-bold {
  font-size: 70px;
  font-weight: 700;
}

.hero-anim {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 50px;
  padding-left: 28px;
  padding-right: 0;
  display: none;
}

.ha-device {
  opacity: .83;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1000px;
  min-width: 1000px;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.had-cont {
  height: 1000px;
  display: none;
}

.ha-vid {
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: block;
  position: relative;
  overflow: visible;
}

.hero-ban {
  flex-direction: column;
  display: flex;
}

.cennik-bottom {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.cennik-bottom.cen-t {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
}

.cennik-tyt2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 0;
  font-family: SoleilBold, sans-serif;
  font-size: 53px;
  font-weight: 700;
  line-height: 55px;
}

.hda {
  border: 18px solid #79797933;
  border-radius: 18px 18px 0 0;
  flex: 0 auto;
  width: 100%;
  height: 572px;
}

.hdb {
  background-color: #ccf9ec;
  border: 0 solid #adadad47;
  border-radius: 0 0 18px 18px;
  flex: 0 auto;
  width: 100%;
  height: 100px;
}

.ha-graph {
  z-index: 20;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.ha-graph-bg {
  z-index: 1;
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  top: 0%;
  overflow: visible;
}

.hag1 {
  z-index: 10;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -100%;
}

.hag2 {
  z-index: 11;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -200%;
}

.hag1-graph {
  background-image: none;
  justify-content: space-between;
  width: 75%;
  height: 560px;
  padding: 10px;
  display: flex;
  position: relative;
  top: -102px;
  left: -56px;
}

.hag1-dot {
  border: 1px dotted #619bff;
  width: 30%;
  height: 70%;
  position: relative;
  top: -29px;
}

.hag1-ph {
  background-image: url('../images/prezph.jpg');
  background-size: cover;
  border: 0 dotted #000;
  width: 35%;
  transform: rotate(0);
}

.hag-pal {
  position: relative;
  top: -119px;
  right: 61px;
  box-shadow: 6px 6px 30px #00000047;
}

.hag3 {
  z-index: 8;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -300%;
}

.hag-prost {
  background-color: #f5f5f5;
  border-radius: 0;
  width: 20%;
  height: 500px;
  display: none;
  position: relative;
  top: -227px;
  left: -299px;
}

.hag4 {
  z-index: 11;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -400%;
}

.hag-zest {
  position: relative;
  top: -133px;
  left: 50px;
  right: -25px;
  box-shadow: 6px 6px 30px #00000047;
}

.hag5 {
  z-index: 22;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -500%;
}

.hag-div {
  border: 1px dotted #1a8ef7;
  width: 35%;
  height: 60px;
  position: relative;
  top: 67px;
  left: 85px;
}

.hagd-zak {
  background-color: #1a8ef7;
  width: 20px;
  height: 5px;
  position: relative;
  top: -6px;
  left: -1px;
}

.hero-inf2 {
  z-index: 2;
  object-fit: contain;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.h1-ban2 {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  min-width: 70vw;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: SoleilBold, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 80px;
  position: relative;
}

.h2-ban2 {
  z-index: 3;
  color: #000;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0 3px;
  padding: 0 0 0 2px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  transition: letter-spacing .2s;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.button-hero2 {
  box-shadow: none;
  color: #f09606;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #ffa00800;
  border: 5px solid #f09606;
  border-radius: 60px;
  margin-top: 40px;
  padding: 16px 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  transition: letter-spacing .2s;
}

.button-hero2:hover {
  letter-spacing: 2px;
  border-color: #f09606ad;
}

.hero2 {
  background-color: #efeeea;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  height: auto;
  min-height: 100vh;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.sb-tyt2 {
  z-index: 2;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 0;
  font-style: normal;
  display: flex;
  position: relative;
}

.button {
  color: #000;
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #2756a540;
  border-radius: 5px;
  margin-top: 10px;
  padding: 11px 17px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  transition: letter-spacing .2s;
}

.button:hover {
  letter-spacing: 1px;
}

.s-cen-usl-content2 {
  cursor: pointer;
  background-color: #bbfff9;
  background-image: none;
  background-position: 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 30px;
  display: none;
}

.ban-but-got2 {
  color: #0f8dde;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #fff;
  border: 4px solid #ffffff29;
  border-radius: 100px;
  margin-top: 20px;
  padding: 15px 20px 14px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.ban-but-got2:hover {
  letter-spacing: 2px;
}

.ban-got-skl-rozp {
  color: #000;
  margin-right: 40px;
  font-size: 55px;
  font-weight: 400;
  line-height: 55px;
}

.s-op-content {
  background-color: #e9e9e9;
  flex-direction: column;
  padding: 60px 30px 60px 50px;
  display: flex;
}

.zaj-tyt-22 {
  color: #000;
  text-align: left;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.op-tab {
  display: flex;
}

.op-photos {
  flex: 1;
  height: 600px;
  overflow: visible;
}

.op-ph1 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.op-ph2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -100%;
}

.op-ph4 {
  z-index: 3;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -300%;
}

.button-op {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 3px solid #72dbd0;
  border-radius: 40px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 17px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.button-op:hover {
  letter-spacing: 1px;
}

.op-ph3 {
  z-index: 3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -200%;
}

.op-ph5 {
  z-index: 3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: -400%;
}

.op-img-flow {
  position: relative;
  top: -102px;
  left: -213px;
}

.op-img-dwi {
  position: relative;
  top: 194px;
  left: 49px;
}

.op-img-wspol {
  position: relative;
  top: -55px;
  left: 69px;
}

.op-img-shelws {
  position: relative;
  top: 251px;
  left: -5px;
}

.op-img-krz {
  position: relative;
  top: -93px;
  left: 49px;
}

.ab-price-inf {
  color: #fff;
  background-color: #ff5c5c;
  border-radius: 0;
  margin-top: 20px;
  padding-left: 3px;
  padding-right: 3px;
  display: none;
}

.pp-podtyt {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.pp-tyt3 {
  color: #000;
  margin-top: 20px;
  font-size: 90px;
  font-weight: 400;
  line-height: 90px;
}

.pp-inf-time {
  color: #000;
  background-color: #ff5c5c26;
  border-radius: 0;
  margin-top: 0;
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  display: block;
}

.hero-bttons {
  flex-direction: row;
  display: flex;
}

.konc-right {
  flex: 0 auto;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.konc-left {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  padding: 20px 60px 0 0;
  display: flex;
}

.h1-konc {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 75px;
  font-weight: 500;
  line-height: 75px;
}

.konc-txt {
  color: #000;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.konc-inf {
  color: #b4b4b4;
  margin-top: 20px;
  font-size: 14px;
  line-height: 14px;
}

.concept-section {
  background-color: #f2f5fa;
  width: 100%;
  padding: 30px;
  display: flex;
}

.templates-koncept-name {
  color: #000;
  text-align: center;
  letter-spacing: 2px;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
}

.templates-konc-date {
  color: #000;
  text-align: center;
  background-color: #0000;
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: 1px;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

.tem-kons-but {
  color: #fff6cc;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  cursor: pointer;
  background-color: #000;
  border: 0 solid #969696;
  border-radius: 5px;
  margin-top: 20px;
  padding: 12px 18px;
  font-size: 16px;
  font-weight: 700;
  transition: letter-spacing .2s;
  display: block;
}

.tem-kons-but:hover {
  letter-spacing: 3px;
}

.offfer-permit {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.op-content {
  height: auto;
}

.pc-link {
  color: #ff6265;
  cursor: pointer;
}

.pc-link:hover {
  text-decoration: none;
}

.inf-rez {
  color: #000;
  text-align: center;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.p24now {
  width: 80%;
  margin-top: 20px;
}

.logo-bg {
  z-index: 1;
  justify-content: flex-end;
  width: 100%;
  height: 5px;
  padding: 0;
  display: none;
  position: relative;
  top: 0;
  left: 13px;
}

.lba {
  background-color: #5f5f5f;
  width: 8px;
  height: 100%;
  margin-left: 2px;
}

.lbb {
  background-color: #30c9f0;
  border-radius: 20px;
  width: 22px;
  height: 100%;
  margin-left: 5px;
}

.lbc {
  background-color: #22dfdf;
  width: 10px;
  height: 100%;
  margin-left: 8px;
}

.lbd {
  background-color: #14a061;
  width: 8px;
  height: 100%;
  margin-left: 2px;
}

.logo-bottom {
  z-index: 2;
  border-radius: 0;
  flex-direction: row;
  height: 50px;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block {
  width: auto;
}

.log-content {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.text-span {
  color: #000;
}

.logo-b {
  z-index: 2;
  color: #000fbd;
  letter-spacing: -2px;
  background-color: #000fbd0d;
  border-radius: 5px;
  align-items: flex-end;
  padding-top: 0;
  font-family: Varela Round, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 35px;
  display: flex;
  position: relative;
}

.logo-b.llh {
  margin-left: 2px;
}

.logo-b.llo {
  margin-left: 3px;
}

.logo-b.llp {
  margin-left: 4px;
}

.logo-b.lll {
  margin-left: 5px;
}

.logo-b.lli {
  margin-left: 6px;
}

.logo-b.llk {
  margin-left: 7px;
}

.logo-b.lbh {
  margin-left: 2px;
}

.logo-fo {
  z-index: 2;
  border-radius: 0;
  flex-direction: row;
  height: 38px;
  padding: 0;
  display: flex;
  position: relative;
}

.ab-okres {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5px;
  display: flex;
}

.ab-okres.abo-mig {
  margin-top: 20px;
}

.abo-ety {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.abo-m {
  cursor: pointer;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 10px;
}

.abo-mt {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 13px;
}

.abo-r {
  cursor: pointer;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 10px;
}

.abo-butt {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  top: -100%;
}

.abo-ety-but {
  flex-direction: row;
  height: 35px;
  margin-bottom: 0;
}

.abo-suw {
  background-color: #ffeb11;
  border-radius: 5px;
  width: 56px;
  height: 100%;
  transform: translate(0);
}

.ab-oszcz {
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.abo-txt {
  color: #ff6265;
  text-align: center;
  padding-bottom: 5px;
  font-weight: 700;
  line-height: 14px;
}

.cennik-info {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cennik-info.cen-t {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
}

.cenn-info {
  text-align: center;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
}

.span-wykonamy {
  font-weight: 700;
}

.abo-ety-but2 {
  height: 35px;
  margin-top: 10px;
  margin-bottom: 0;
  display: none;
}

.cen-info-konc {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: none;
}

.but-cenn {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #ff6265;
  border-bottom: 0 solid #0ef3e7;
  border-radius: 5px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 14px 15px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: letter-spacing .2s;
}

.but-cenn:hover {
  letter-spacing: 2px;
}

.art-photo-bg {
  height: 40vh;
}

.art-photo-bg.apb-fb {
  background-image: url('../images/fb-sbl2.jpg');
  background-position: 50%;
  background-size: cover;
  height: 50vh;
}

.art-photo-bg.apb-migracja {
  background-image: url('../images/graf.jpg');
  background-position: 50%;
  background-size: cover;
  height: 50vh;
}

.art-h2 {
  color: #000;
  text-align: left;
  margin-top: 0;
  padding-top: 70px;
}

.bold-text-2 {
  color: #000;
  text-align: left;
}

.artul-li {
  align-items: stretch;
  display: flex;
}

.li {
  background-color: #ff6265;
  border-radius: 0;
  width: 2px;
  min-width: 2px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 10px;
}

.art-tr {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.bl-link {
  color: #000;
  cursor: pointer;
  height: auto;
  margin-top: 3px;
  margin-bottom: 3px;
  transition: color .2s;
}

.bl-link:hover {
  color: #07f;
  text-decoration: none;
}

.bl-link.w--current {
  margin-top: 4px;
  margin-bottom: 4px;
}

.bl-link.bll {
  color: gray;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 18px;
}

.bl-link.bll:hover {
  color: #1bc090;
}

.bl-menu {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  padding-top: 0;
  display: flex;
}

.bl-top {
  z-index: 1;
  position: sticky;
  top: 120px;
}

.li-right {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.bl-ul {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

.bluli {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2px;
  padding-bottom: 4px;
  display: flex;
}

.bluli-bull {
  background-color: #000;
  border-radius: 20px;
  width: 5px;
  min-width: 5px;
  height: 1px;
  margin-top: 8px;
  margin-right: 5px;
}

.bluli-txt {
  color: #000;
  text-align: left;
  flex: 0 auto;
  font-size: 14px;
  line-height: 18px;
}

.blm-tyt {
  color: #000;
  margin-bottom: 5px;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}

.bl-menu2 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
}

.blm2-links {
  flex-direction: column;
  display: flex;
}

.ab-oi-ety {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.ab-oi-ety.ab-oi-txt-imp {
  color: #fff;
  letter-spacing: 1px;
  background-color: #e99713;
  border-radius: 0;
  margin-left: 5px;
  padding: 1px 2px;
  font-size: 12px;
  line-height: 12px;
}

.ab-oi-ety.ab-oi-txt-imp.ab-oi-mob {
  margin-left: 0;
  display: none;
}

.ab-oi-ety.ab-oi-txt-prom {
  color: #fff;
  letter-spacing: 1px;
  background-color: #39d5c1;
  border-radius: 0;
  margin-left: 5px;
  padding: 1px 2px;
  font-size: 12px;
  line-height: 12px;
}

.ab-oi-ety.ab-oi-txt-prom.ab-oi-mob-prom {
  display: none;
}

.ab-oi-ety.aoe-mob {
  opacity: .1;
  text-align: left;
  display: block;
}

.ab-sekcja {
  border-bottom: 0 solid #d2d9e452;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ab-sekcja.ab-oi-last {
  border-bottom-width: 1px;
  border-bottom-color: #d2d9e452;
}

.ab-sekcja.ab-oi-last.ob-oi-hide {
  display: none;
}

.h1-ban3 {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 100px;
  position: relative;
  left: -5px;
}

.sbl-hero {
  color: #000;
  align-items: flex-start;
  padding-left: 40px;
  display: flex;
}

.hero-sellbylink {
  color: #912f2f;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  margin: 0 auto;
  padding: 160px 0 2vh;
  display: flex;
}

.sbl-right {
  background-color: #f5f5f5;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.sbl-tyt {
  z-index: 2;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px 0 0;
  font-style: normal;
  display: block;
  position: relative;
}

.sbl-sub-info {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.sbl-inf-txt {
  border-bottom: 0 solid #d1faee;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.sbl-inf-txt.sbl-bold-txt {
  color: #fff;
  background-color: #ff6265;
  border-radius: 0;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.sbl-inf-txt.sit {
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 3px solid #d1faee;
  border-radius: 0;
  padding: 0;
}

.sbl-inf-txt.sit-plus {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 800;
}

.sbl-inf-txt.sit-sum {
  margin-left: 10px;
  margin-right: 10px;
}

.sbl-btxt {
  color: #000;
  background-color: #d1faee;
  border-radius: 30px;
  font-size: 40px;
  font-weight: 500;
  display: inline;
}

.sbl-rownanie {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.sbl-gw {
  color: #000;
  margin-top: 10px;
  font-size: 16px;
}

.spc {
  display: flex;
}

.sek-graph {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sek-peli-img {
  height: 60px;
  display: block;
}

.sbl-ico {
  opacity: 1;
  display: block;
  position: relative;
}

.sek-spl-cont {
  flex: 0 auto;
  width: 100%;
  padding: 50px 40px;
}

.sbl-logos {
  margin-top: 10px;
}

.sbl-logo {
  margin-top: 20px;
  padding-bottom: 20px;
}

.sekcja {
  padding-top: 0;
  padding-bottom: 60px;
}

.sekcja.sekcja-sbl-jakto-dziala {
  margin-bottom: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.sekcja.sekcja-streaming {
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 50px;
}

.sekcja.sekcja-sbl-korz {
  background-color: #202636;
  width: 100vw;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.sekcja.sekcja-fb-jakaktywowac {
  margin-bottom: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
}

.sekcja.ega-sekcja-sbl-korz {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #202636;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  max-width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  overflow: hidden;
}

.sbl-jcontent {
  border: 0 solid #465b64;
  justify-content: space-between;
  margin-top: 40px;
  padding: 0;
  display: flex;
}

.sblj-right {
  background-image: linear-gradient(149deg, #fff7c745, #fff7c7 81%);
  flex: 0 auto;
  width: 60%;
  padding: 50px 30px;
}

.sbjrc {
  cursor: pointer;
  border: 0 solid #fff;
  border-bottom: 1px solid #000;
  flex-direction: row;
  align-items: center;
  padding: 15px 0;
  display: flex;
}

.sbjrc.sbjrc-last {
  border-bottom-width: 0;
}

.sbljr-tyt {
  color: #000;
  font-size: 50px;
  font-weight: 600;
  line-height: 50px;
}

.sbj-punkty {
  margin-top: 60px;
}

.sbjr-ety {
  color: #000;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 600;
}

.sbjrc-inf {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.sbjrc-num {
  opacity: 1;
  color: #000;
  text-align: right;
  justify-content: center;
  width: 40px;
  margin-left: 20px;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  display: flex;
}

.sbjr-inf {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.sbjr-info {
  height: 0;
  margin-top: 0;
  overflow: hidden;
}

.sblj-left {
  width: 40%;
  padding-left: 20px;
}

.sek-tyt6 {
  color: #000;
  flex: 1;
  margin-top: 0;
  padding-top: 48px;
  padding-bottom: 40px;
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
  position: sticky;
  top: 100px;
}

.sbl-stream-content {
  z-index: 1;
  border: 0 solid #465b64;
  justify-content: space-between;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.sek-tyt7 {
  z-index: 2;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 150px;
  font-weight: 600;
  line-height: 150px;
  position: relative;
}

.sbl-sc-left {
  width: 50%;
  height: 550px;
  padding: 0;
  overflow: hidden;
}

.sbl-sc-right {
  width: 50%;
  padding: 60px 40px 40px 60px;
}

.sbl-sc-cont {
  height: 100%;
  position: sticky;
  top: 100px;
  transform: none;
}

.jtd-tyt {
  font-size: 70px;
  font-weight: 300;
  line-height: 60px;
  position: relative;
  left: -4px;
}

.sbl-bgvid {
  z-index: 1;
  opacity: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.sbv-top {
  background-color: #fff;
  height: 60px;
}

.jtd-info {
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 25px;
}

.jtd-infos {
  margin-top: 40px;
}

.sek-tyt8 {
  color: #fff;
  flex: 1;
  height: 500px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 60px;
  font-weight: 400;
  line-height: 70px;
  position: sticky;
  top: 100px;
}

.sbl-sblk-korz {
  border-radius: 8px;
  padding: 20px 20px 20px 0;
  transition: background-color .2s;
}

.sbl-sblk-right {
  width: 50%;
  height: 550px;
  padding: 0;
  overflow: hidden;
}

.sbl-korz-content {
  z-index: 1;
  border: 0 solid #465b64;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  padding: 0 40px 0 0;
  display: flex;
  position: relative;
}

.jtd-k-info {
  height: 0;
  margin-top: 0;
  overflow: hidden;
}

.jtd-tytk {
  color: #fff;
  font-size: 26px;
  font-weight: 300;
  line-height: 30px;
  position: static;
  left: 0;
}

.sbl-korzysci {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50%;
  margin-top: 40px;
  padding-top: 100px;
  display: flex;
}

.jtdk-info {
  opacity: .4;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.sblk-contener {
  display: flex;
}

.sbl-k-right {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  display: flex;
}

.sbpk-s {
  flex-direction: column;
  display: flex;
}

.sbpks {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sbl-img {
  max-width: none;
}

.smzt-link {
  color: #000;
  cursor: pointer;
}

.smzt-link:hover {
  text-decoration: none;
}

.h2-b2 {
  z-index: 3;
  color: #000;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin: 0 0 40px 3px;
  padding: 0 0 0 2px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  transition: letter-spacing .2s;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.hero2-conent {
  flex-direction: row;
  height: 100%;
  padding-top: 73px;
  display: flex;
}

.her2-c-right {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: 60%;
  padding-left: 59px;
  display: flex;
}

.skle-ekr {
  background-image: none;
  background-size: auto;
  border: 0 solid #000;
  border-radius: 0;
  width: 60vw;
  min-width: 60vw;
  height: auto;
}

.ha-ekr-bg {
  background-image: url('../images/plant-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.hdb2 {
  background-color: #fff;
  border: 0 solid #adadad47;
  border-radius: 0 0 18px 18px;
  flex: 0 auto;
  width: 100%;
  height: 120px;
  display: block;
}

.hda2 {
  border: 18px solid #fff;
  border-bottom: 0 solid #e9e9e9;
  border-radius: 18px 18px 0 0;
  flex: 0 auto;
  width: 100%;
  height: 65vh;
}

.ha-ekd-img {
  width: 100%;
  display: none;
}

.ha-device2 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.h1-bann-copy {
  color: #000;
  text-align: left;
  letter-spacing: 5px;
  background-color: #fff0;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: SoleilLight, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  display: block;
  position: relative;
}

.heb-top {
  padding: 20px;
  display: flex;
}

.heb-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.heb-icon {
  width: 40px;
  margin-right: 40px;
}

.heb-slid {
  display: flex;
  position: relative;
  top: 34px;
  left: -178px;
}

.hsl {
  width: 130px;
  height: 130px;
  margin-left: 5px;
  margin-right: 5px;
  box-shadow: 5px -9px 10px #0000000f;
}

.hsl-ph {
  background-image: url('../images/kak1.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.hsl-ph2, .hsl-ph3 {
  background-image: url('../images/kak3.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.hsl-ph4 {
  background-image: url('../images/kak4.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.sekcja-proces {
  z-index: 4;
  padding-top: 60px;
  padding-bottom: 0;
  transition: background-color .6s;
  position: relative;
}

.proces {
  margin-top: 40px;
}

.h2-sekcja {
  margin-top: 0;
  font-family: SoleilBold, sans-serif;
  font-size: 80px;
  line-height: 80px;
}

.proces-subtyt {
  margin-top: 60px;
  font-size: 20px;
  font-weight: 700;
}

.proc-tr {
  margin-bottom: 5px;
  display: flex;
}

.proc-trl {
  background-color: #11ffe721;
  flex: 1;
  margin-right: 0;
  padding: 20px;
}

.proc-trl.pmig {
  padding-left: 30px;
}

.proc-trr {
  background-color: #efeeea;
  justify-content: center;
  align-items: center;
  width: 20%;
  padding: 20px;
  display: flex;
}

.pt-ety {
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.ptr-price {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.ptr-pr {
  font-size: 20px;
  line-height: 20px;
}

.proc-ext {
  height: 0;
  overflow: hidden;
}

.psx-cont {
  margin-top: 10px;
  padding-left: 0;
  padding-right: 40px;
}

.psxc-txt {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.proc-top {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pt-min {
  background-color: #000;
  width: 40px;
  height: 2px;
}

.psxc-link {
  color: #000;
  cursor: pointer;
}

.sekcja-migracja {
  min-height: 90vh;
  margin-top: 100px;
  margin-bottom: 60px;
  padding-top: 100px;
  padding-bottom: 60px;
}

.of-migracji {
  margin-top: 60px;
}

.mig-tyt {
  text-align: center;
  font-family: Soleilbold, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 70px;
}

.mig-subtyt {
  text-align: left;
  margin-top: 20px;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  position: relative;
}

.mig-tab {
  color: #fff;
  background-image: url('../images/migration.jpg');
  background-position: 50%;
  background-size: auto;
  background-attachment: fixed;
  align-items: flex-end;
  padding: 126px 0 0 40px;
  display: flex;
}

.mtleft {
  flex: 1;
  padding-top: 0;
  padding-bottom: 60px;
  padding-right: 0;
}

.mtright {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 40px 0 40px 40px;
  display: flex;
}

.mig-cinf {
  text-align: left;
  padding-top: 10px;
  padding-left: 264px;
  font-size: 16px;
}

.mig-war {
  display: none;
}

.p-txt {
  flex: 1;
  padding: 0;
}

.p-nav {
  background-color: #0000;
  border-right: 0 solid #f7f7f7;
  width: 300px;
  padding-top: 10px;
  padding-right: 50px;
}

.p-nav.pn-all {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.pom-group-nav {
  background-color: #fff;
  border: 0 solid #fff;
  border-radius: 0;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  transition: background-color .2s;
  display: flex;
  position: sticky;
  top: 100px;
}

.pom-group-nav:hover {
  background-color: #0000;
}

.pom-group-nav.pomg-kreator {
  background-color: #1f074d;
  width: 49%;
  padding: 30px;
}

.pom-group-nav.pomg-konfig {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-width: 5px;
  border-color: #f1f1f1;
  width: 49%;
  min-height: 300px;
  padding: 30px;
}

.pom-group-nav.pomg-start {
  background-color: #f1f1f1;
  background-image: none;
  background-position: 0 0;
  border-width: 0;
  border-color: #e0e0e0;
  width: 49%;
  min-height: 300px;
  padding: 30px;
}

.pom-group-nav.pomg-start.pomg-start-txt {
  background-color: #0000;
  border-width: 2px;
  border-color: #04cccc;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
}

.pom-group-nav.pomg-asortyment {
  background-color: #420033;
  padding: 30px;
}

.pom-group-nav.pomg-sprzedaz {
  background-color: #06509b;
  padding: 30px;
}

.pom-group-nav.pomg-platnosci {
  background-color: #e4e4e4;
  padding: 30px;
}

.pom-group-nav.pomg-komponenty {
  background-color: #03676e;
  width: 49%;
  padding: 30px;
}

.pom-group-nav.pomg-konf {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-width: 5px;
  border-color: #f1f1f1;
  width: 100%;
  min-height: 300px;
  padding: 10px;
}

.pg-content {
  border: 0 solid #f5f5f5;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.pg-content.pgn-left {
  width: 100%;
}

.pom-podgroup-menu {
  border-left: 0 solid #000;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  margin-top: 20px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.pom-podgroup-menu.pp-active {
  height: auto;
}

.ab-korzysci {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 392px;
  padding-top: 0;
  padding-right: 0;
  display: flex;
}

.abk-inf {
  color: #000;
  border-bottom: 0 solid #ff626545;
  padding-top: 7px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.abk {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  padding: 50px 0 0;
  display: none;
}

.abk-tyt {
  text-transform: none;
  margin-bottom: 22px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.abk-time {
  justify-content: flex-end;
  margin-top: 0;
  display: none;
}

.timer-td {
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: flex-end;
  min-width: 40px;
  height: 50px;
  margin-left: 0;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.timer-l {
  font-size: 25px;
  line-height: 25px;
}

.timer-sp {
  align-items: flex-end;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.abki {
  color: #ff6265;
  padding-right: 0;
  font-size: 14px;
  font-weight: 700;
}

.abki.abki-mig {
  margin-top: 10px;
}

.tim-dni {
  font-size: 12px;
  line-height: 12px;
}

.bai-top {
  justify-content: space-between;
  display: flex;
}

.bai-kateg {
  display: flex;
}

.baik-link {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f7f7f7;
  margin-right: 10px;
  padding: 1px 2px;
  text-decoration: none;
  display: block;
}

.baik-link:hover {
  background-color: #f7f7f7;
}

.bap-link {
  color: #1e00ff;
  cursor: pointer;
}

.bap-link:hover {
  text-decoration: none;
}

.pak-infos {
  margin-top: 0;
}

.pak-inf-txt {
  margin-top: 2px;
}

.pakt {
  flex-direction: column;
  align-items: flex-start;
  min-height: 200px;
  display: flex;
}

.sekcja-realizacje {
  border-top: 0 solid #000;
  flex-direction: column;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.realizacje-mob {
  background-color: #fff;
  background-image: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  width: 120vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  display: flex;
  position: relative;
  left: -10vw;
  overflow: hidden;
}

.realizacja-mob {
  background-color: #f8dcdb;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 2vw 1.5vw;
  display: block;
  overflow: visible;
}

.realizacja-mob.rm2 {
  background-color: #caccce;
  display: block;
}

.realizacja-mob.rm3 {
  background-color: #bfd5be;
  align-items: flex-start;
  display: block;
}

.realizacja-mob.rm-parallax {
  align-items: flex-start;
  display: none;
}

.realizacja-mob.rm2-margo {
  background-color: #caccce;
  display: block;
}

.rm-vid {
  z-index: 1;
  border: 4px solid #000;
  border-radius: 20px;
  width: 15vw;
  height: 31vw;
  position: relative;
  top: -6px;
  left: -6px;
  overflow: hidden;
}

.rm-vid.rmv-domilu {
  width: 53vw;
  height: 31vw;
  margin-top: 0;
}

.rm-vid.rmv-margo {
  width: 15vw;
}

.rmv {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.sr-reali-tyt {
  color: #000;
  letter-spacing: 0;
  font-family: SoleilBold, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  position: relative;
}

.srl-txt {
  color: #000;
  font-size: 20px;
  display: none;
}

.sr-content {
  flex-direction: column;
  padding: 20px 0 0;
  display: flex;
}

.ksi-info {
  border: 3px solid #ffe551;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.ksi-info.ksi-info2 {
  border-width: 3px;
  border-color: #3780ff;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 10px 10px 10px 20px;
}

.ksi-txt {
  color: #000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
}

.ksit-b {
  font-size: 50px;
  font-weight: 700;
}

.ksii {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.ksi-ico {
  width: 40px;
  display: none;
}

.art-movies-tr {
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.art-movie {
  background-color: #292929;
  flex: 1;
}

.artm-dodaj {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.tlc-logo {
  margin-top: 20px;
}

.ban-got-skl2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
}

.st-shoplikinfo {
  color: #999;
  margin-top: 13px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  display: block;
}

.stl {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.ety {
  text-transform: uppercase;
  background-color: #ffea09;
  border-radius: 2px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 2px;
  font-size: 11px;
  line-height: 11px;
}

.ety.ety-prom {
  background-color: #d3fdf1;
}

.ss-copyright {
  color: #5f5f5f;
}

.sscb-proc {
  color: #000;
  padding-left: 10px;
  padding-right: 0;
  font-size: 30px;
  font-weight: 500;
  position: relative;
  top: -3px;
}

.pc-kod {
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  display: block;
}

.pck-input {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-right-width: 0;
  height: 35px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 16px;
  display: block;
}

.pck-input::placeholder {
  color: #ffffff80;
}

.pck-inf {
  color: #ffb8b8;
  cursor: pointer;
  margin-bottom: 5px;
  padding-left: 10px;
  display: flex;
}

.pct-int-tr {
  display: flex;
}

.pck-i-but {
  color: #006eec;
  cursor: pointer;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 2px 11px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  transition: letter-spacing .2s;
  display: flex;
}

.pck-i-but:hover {
  letter-spacing: 1px;
}

.pcrp-oryg {
  color: #ffb8b8;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-decoration: line-through;
}

.pcrp-oryg.pcrp-vat {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.pcrp-oryg.pcrp-rab {
  color: #87ff99;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.mkexte {
  color: #fff;
  padding-left: 10px;
  text-decoration: underline;
}

.mkexte:hover {
  text-decoration: none;
}

.coupon-content {
  z-index: 100;
  opacity: 1;
  background-color: #0579ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 650px;
  margin-top: 25vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  transform: translate(0, -70vh);
}

.coup-tyt {
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  top: -10px;
}

.coup-kod {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

.ctb {
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
}

.cc-content {
  border: 0 dashed #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 10px 20px;
  display: flex;
}

.coupon-etyk {
  z-index: 100;
  opacity: 0;
  cursor: pointer;
  background-color: #0579ff;
  justify-content: flex-start;
  align-items: center;
  width: 70px;
  height: 50px;
  padding-left: 5px;
  font-family: Merriweather, serif;
  transition: width .2s;
  display: none;
  position: fixed;
  inset: 25vh 0% auto auto;
}

.coupon-etyk:hover {
  width: 80px;
}

.ico_coup {
  filter: invert();
  width: 40px;
  height: 40px;
}

.ccc-top {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.ccc-x {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.cccx1 {
  background-color: #fff;
  width: 100%;
  height: 2px;
  transform: rotate(45deg);
}

.cccx2 {
  background-color: #fff;
  width: 100%;
  height: 2px;
  transform: translate(0, -2px)rotate(-45deg);
}

.art-link {
  color: #0579ff;
  cursor: pointer;
}

.art-link:hover {
  text-decoration: none;
}

.art-templates {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.art-temp {
  width: 100%;
  height: 100%;
}

.art-temp.at1 {
  background-image: url('../images/ride.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.art-temp.at2 {
  background-image: url('../images/parallax.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.art-temp.at3 {
  background-image: url('../images/fashion2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.art-temp.at4 {
  background-image: url('../images/green.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.art-temp.at5 {
  background-image: url('../images/template-colorful.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.art-temp.at6 {
  background-image: url('../images/fashion.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.art-szab-but {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 5px solid #f8f8f8;
  width: 100%;
  margin-top: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.art-szab-but:hover {
  letter-spacing: 1px;
}

.art-szab {
  width: 200px;
  height: 200px;
  margin-bottom: 40px;
}

.icpalay, .icpause {
  width: 60px;
  height: 60px;
}

.icview {
  width: 60px;
  height: 60px;
  display: none;
}

.icv {
  width: 56px;
}

.rm-but {
  color: #000;
  background-color: #ffffff4d;
  border-radius: 7px;
  font-weight: 700;
}

.rmv-link {
  cursor: pointer;
  height: 100%;
  margin-bottom: 70px;
}

.artimg-in {
  width: auto;
  margin-top: 20px;
  display: block;
}

.section-blog {
  background-image: none;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 60px;
  padding: 40px 30px;
  display: flex;
  overflow: hidden;
}

.temp-ekr {
  background-color: #e7e8ec;
  border-radius: 23px;
  transition: padding .1s;
}

.temp-ekr:hover {
  padding-bottom: 5px;
}

.temp-ekr.temp-ride {
  background-color: #c3cffc;
}

.temp-ekr.temp-rider {
  background-color: #b8c7ff;
}

.temp-ekr.temp-fashion {
  background-color: #bdffed;
}

.tempbancontent {
  background-color: #fff6cc;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 370px;
  padding: 32px;
  display: flex;
  position: relative;
  top: -5px;
}

.sekcja-cennik-pakiety-etapy {
  background-color: #fff;
  border-top: 0 solid #000;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  overflow: hidden;
}

.art-vid {
  width: 100%;
  height: 415px;
}

.mt-tyt2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 40px;
  line-height: 48px;
}

.mt-inf-tr {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.mt-li {
  color: #000;
  border-bottom: 1px solid #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
}

.mt-li.mt-li-bold {
  font-size: 40px;
  line-height: 40px;
}

.mt-li.mt-li-bold2 {
  color: #000;
  border-bottom-color: #ffeb11;
}

.mt-buttons {
  display: flex;
}

.mig-dlaczego {
  flex-direction: column;
  margin-top: 5vh;
  margin-bottom: 40px;
  display: flex;
}

.lult {
  background-color: #d5d5d7;
  border-radius: 20px;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  margin-right: 10px;
  display: none;
}

.migh2 {
  font-size: 100px;
  font-weight: 400;
  line-height: 100px;
}

.of-spec {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #b6a7a030;
  padding: 11px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  display: flex;
}

.mig-list {
  flex-direction: column;
  margin-top: 60px;
  display: flex;
}

.mig-li-txt {
  font-size: 20px;
  font-weight: 700;
}

.mig-li {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.psx-txt-link {
  color: #000;
}

.psx-txt-link:hover {
  text-decoration: none;
}

.sbjr-link {
  color: #000;
}

.sbjr-link:hover {
  text-decoration: none;
}

.sekcja-mig-form {
  margin-bottom: 60px;
  padding-top: 40px;
}

.mig-form {
  background-color: #ececec;
  flex-direction: row;
  padding: 40px 30px 50px;
  display: flex;
}

.mig-f-left {
  flex: 1;
  padding-top: 15px;
  padding-right: 40px;
}

.mig-f-right {
  flex: 0 auto;
  width: 45%;
}

.migf-tyt {
  font-size: 55px;
  line-height: 60px;
}

.migf-txt {
  margin-top: 20px;
  font-size: 20px;
  line-height: 25px;
}

.migf-ety {
  margin-bottom: 0;
  display: none;
}

.migf-field {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom-width: 2px;
  padding: 10px 0;
}

.migf-field.migff-red {
  border-bottom-color: red;
}

.migf-field-textarea {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom-width: 2px;
  height: 300px;
  padding: 10px 0;
  overflow: auto;
}

.migf-field-textarea.migff-red {
  border-bottom-color: red;
}

.migf-button {
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #0356e5;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  transition: letter-spacing .2s;
}

.migf-button:hover {
  letter-spacing: 2px;
}

.mig-info-true {
  background-color: #ebfff9;
  padding: 10px;
  font-weight: 700;
  display: flex;
}

.mig-info-false {
  color: #000;
  background-color: #f59e9e52;
  padding: 10px;
  font-weight: 700;
  display: flex;
}

.scc-mig {
  border: 5px solid #f0f0f0;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 60px;
  margin-bottom: 10px;
  padding: 30px;
  display: flex;
}

.ab-cols {
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.mig-ab-tyt {
  flex: 1;
  margin-top: 0;
  padding-right: 30px;
  font-size: 70px;
  line-height: 70px;
}

.scc-mig-top {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.mig-ab-info {
  flex: 0 auto;
  width: 75%;
  padding-top: 22px;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
}

.ofspec {
  color: #000;
  background-color: #e4fcf5;
  border-radius: 5px;
  margin-top: 20px;
  padding: 0 3px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.txt-url {
  color: #000;
  cursor: pointer;
}

.txt-url:hover {
  text-decoration: none;
}

.p-nav-links.pnl-all {
  width: 33.3%;
  margin-bottom: 0;
}

.pnl-group {
  margin-top: 10px;
}

.pnlg-top {
  cursor: pointer;
  padding-bottom: 5px;
}

.pnlg-ext {
  flex-direction: column;
  align-items: flex-start;
  height: 0;
  padding-left: 10px;
  display: flex;
  overflow: hidden;
}

.pnlg-ext.pnlg-ext-open {
  height: auto;
}

.pm-g-tyt {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.pm-link {
  color: #000;
  cursor: pointer;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
}

.pm-link:hover, .pm-link.pml-active {
  background-color: #2e2e4812;
  text-decoration: underline;
}

.h1-help {
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.h1-help.h1p {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 400;
}

.help-imp {
  background-color: #fbff0b26;
  border-left: 5px solid #fff309;
  border-radius: 0;
  margin-top: 20px;
  padding: 5px 15px 15px;
}

.navi-pom-hamb {
  display: none;
}

.bls-1, .bls-2, .bls-3 {
  display: flex;
}

.img-pom {
  margin-top: 10px;
  margin-bottom: 10px;
}

.sekcja-help {
  padding-top: 20px;
}

.h2-help {
  margin-bottom: 0;
}

.pct-link {
  color: #000;
  cursor: pointer;
}

.pct-link:hover {
  text-decoration: none;
}

.fb-tab {
  color: #fff;
  background-image: url('../images/transmisja-sprzedazowa.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  align-items: flex-end;
  padding: 100px 0 0;
  display: flex;
}

.fbleft {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding-top: 0;
  padding-bottom: 40px;
  padding-right: 0;
  display: flex;
}

.fbright {
  opacity: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.fb-hero {
  margin-top: 60px;
}

.fb-mobile {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 4px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 250px;
  height: 450px;
  display: flex;
  overflow: hidden;
}

.fbmt {
  opacity: 1;
  background-color: #fff0;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.fbm-log {
  background-image: url('../images/ico-fb.png');
  background-position: 50%;
  background-size: cover;
  width: 40px;
  height: 40px;
  display: none;
}

.fbm-rig {
  display: flex;
}

.fbm-ic {
  background-color: #fff;
  border-radius: 20px;
  width: 7px;
  height: 7px;
  margin-left: 5px;
}

.fbmc {
  flex-wrap: wrap;
  flex: 1;
  place-content: flex-start space-between;
  align-items: center;
  padding: 127px 10px 10px;
  display: flex;
}

.fbm-ph {
  background-color: #ffffff4d;
  background-image: none;
  background-size: auto;
  border-radius: 7px;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.fbm-ph.mph2 {
  opacity: .85;
  background-image: url('../images/p2.jpg');
  background-position: 50%;
  background-size: cover;
}

.fbm-ph.mphc {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.h2-fb {
  color: #000;
  margin-bottom: 20px;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}

.fb-tyt {
  text-align: left;
  font-family: Soleilbold, sans-serif;
  font-size: 120px;
  font-weight: 700;
  line-height: 120px;
  overflow: hidden;
}

.fb-txt {
  color: #000;
  font-size: 20px;
  line-height: 25px;
}

.fbr-t {
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.fb-arr {
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.fb-cart {
  background-image: url('../images/fbcar.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

.fb-payment {
  width: 150px;
  margin-left: 10px;
  margin-right: 10px;
}

.logo-cart {
  opacity: 1;
  cursor: pointer;
  flex-direction: column;
  margin-left: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  display: block;
  position: relative;
  top: -8px;
  overflow: visible;
  transform: scale(.7);
}

.logo-cart.logo-foot {
  opacity: 1;
  width: auto;
}

.logo-cart.logo-grey {
  filter: grayscale();
}

.logo-cart.logo-template {
  opacity: 1;
  width: auto;
  top: 0;
}

.scc-fb {
  background-color: #f2f6ff;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 60px;
  margin-bottom: 10px;
  padding: 30px 30px 40px;
  display: flex;
}

.mig-fb-tyt {
  flex: 1;
  margin-top: 0;
  padding-right: 30px;
  font-size: 64px;
  line-height: 70px;
}

.sfb-rek {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.fb-info-txt {
  flex: 0 auto;
  padding-top: 5px;
  font-size: 17px;
  line-height: 25px;
}

.sekcja-facebok {
  min-height: 90vh;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.fb-info-tyt {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.sffb-ico {
  width: 50px;
  margin-right: 40px;
}

.scc-fb-mod {
  border: 0 solid #f0f0f0;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 60px;
  margin-bottom: 10px;
  padding: 30px 30px 40px;
  display: flex;
}

.fb-baza {
  width: 150px;
}

.fbplus {
  color: #000;
  margin-left: 20px;
  font-size: 50px;
  line-height: 50px;
}

.fbr-t2 {
  justify-content: space-around;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.fb-cart2 {
  background-image: url('../images/fbcar.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

.faq-link {
  color: #000;
}

.faq-link:hover {
  text-decoration: none;
}

.logo-cart2 {
  opacity: 1;
  cursor: pointer;
  flex-direction: column;
  margin-left: 0;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  display: block;
  position: relative;
  top: -8px;
  overflow: visible;
  transform: scale(.7);
}

.logo-cart2.logo-foot {
  opacity: 1;
  width: auto;
}

.logo-cart2.logo-grey {
  filter: grayscale();
}

.logo-cart2.logo-template {
  opacity: 1;
  width: auto;
  top: 0;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr;
}

.admtyt {
  font-weight: 700;
}

.adm-td {
  border-bottom: 1px solid #ececec;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.adm-td.atdtyt {
  background-color: #ececec;
  padding: 5px;
}

.adminf {
  padding: 0;
}

.adminf.adm-start {
  background-color: #e7fffa;
  border-radius: 2px;
  padding: 3px;
  line-height: 14px;
}

.adminf.adm-pro {
  background-color: #c6e1ff;
  border-radius: 2px;
  padding: 3px;
  line-height: 14px;
}

.adminf.adm-prem {
  background-color: #ffe3c6;
  border-radius: 2px;
  padding: 3px;
  line-height: 14px;
}

.adminf.adm-sellbylink {
  background-color: #f3f3f3;
  border-radius: 2px;
  padding: 3px;
  line-height: 14px;
}

.adminf.adm-test {
  border-radius: 2px;
  padding: 3px;
  line-height: 14px;
}

.admin-top {
  height: 40px;
}

.admin-list {
  overflow: auto;
}

.dotred {
  background-color: red;
  border-radius: 20px;
  width: 7px;
  height: 7px;
  margin-right: 3px;
}

.dotorange {
  background-color: #ff9500;
  border-radius: 20px;
  width: 7px;
  height: 7px;
  margin-right: 3px;
}

.pc-button {
  color: #000;
  cursor: pointer;
  background-color: #0000;
  margin-top: 10px;
  margin-right: 10px;
  padding: 0;
  text-decoration: underline;
}

.pc-button:hover {
  text-decoration: none;
}

.sfbop {
  background-color: #d1faee96;
  padding: 30px;
}

.sfb {
  margin-top: 40px;
  display: flex;
}

.sfb-left {
  flex: 1;
  padding-right: 20px;
}

.sfb-right {
  flex: 1;
  padding-left: 20px;
}

.sfbl {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #fff;
  border: 0 solid #000;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 25px;
  display: flex;
}

.sfbl-txt {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.sbl-value {
  font-size: 30px;
  line-height: 40px;
}

.sfbr {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 25px;
  display: flex;
}

.img-sellbylink {
  height: 200px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sfb-info {
  margin-top: 20px;
}

.mig-fb-tyt2 {
  flex: 1;
  margin-top: 0;
  padding-right: 30px;
  font-size: 100px;
  line-height: 100px;
}

.img-sklep {
  height: 200px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 45px;
}

.sfbl-inf {
  margin-top: 10px;
}

.fb-info-txt2 {
  flex: 0 auto;
  margin-top: 20px;
  padding-top: 5px;
  font-size: 17px;
  line-height: 25px;
}

.help-youtube {
  margin-top: 40px;
  margin-bottom: 40px;
}

.artm-kreator {
  z-index: 1;
  width: 100%;
  height: 590px;
}

.bold-text-3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 22px;
}

.lejek {
  color: #0000;
  background-image: url('../images/lejek8.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  display: inline-block;
}

.ab-button-more {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 0 solid #0579ff;
  border-radius: 0;
  width: 100%;
  margin-top: 20px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  transition: letter-spacing .2s;
  display: none;
}

.ab-button-more:hover {
  letter-spacing: 1px;
}

.ab-button-more.ab-but-payment {
  color: #fff;
  background-color: #0579ff;
  border-width: 0;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}

.ab-button-more.ab-button-green {
  border-width: 1px;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-more.ab-button-green:hover {
  border-color: #70e7c4;
}

.ab-button-more.ab-button-blue {
  color: #fff;
  background-color: #0579ff;
  border-width: 0;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-more.ab-button-blue:hover {
  border-color: #2cceff;
}

.ab-button-more.ab-button-orange {
  border-width: 1px;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-more.ab-button-orange:hover {
  border-color: #e99713;
}

.ab-button-more.ab-but-payment-grey {
  color: #000;
  background-color: #d2d9e4;
  border-width: 0;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}

.ab-button-more.ab-button-greey {
  border-width: 1px;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-more.ab-button-greey:hover {
  border-color: #70e7c4;
}

.pk-etyk {
  background-color: #ffeb11;
  margin-top: 7px;
  margin-left: 5px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
}

.abk-inf-tr {
  align-items: center;
  width: 100%;
  display: flex;
}

.pket {
  padding-top: 8px;
}

.bezpp {
  border-bottom: 4px solid #ffeb11;
}

.ab-button-less {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 0 solid #0579ff;
  border-radius: 0;
  width: 100%;
  margin-top: 20px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  transition: letter-spacing .2s;
  display: none;
}

.ab-button-less:hover {
  letter-spacing: 1px;
}

.ab-button-less.ab-but-payment {
  color: #fff;
  background-color: #0579ff;
  border-width: 0;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}

.ab-button-less.ab-button-green {
  border-width: 1px;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-less.ab-button-green:hover {
  border-color: #70e7c4;
}

.ab-button-less.ab-button-blue {
  color: #fff;
  background-color: #0579ff;
  border-width: 0;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-less.ab-button-blue:hover {
  border-color: #2cceff;
}

.ab-button-less.ab-button-orange {
  border-width: 1px;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-less.ab-button-orange:hover {
  border-color: #e99713;
}

.ab-button-less.ab-but-payment-grey {
  color: #000;
  background-color: #d2d9e4;
  border-width: 0;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}

.ab-button-less.ab-button-greey {
  border-width: 1px;
  border-color: #0579ff;
  border-radius: 0;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  transition: border-color .2s, letter-spacing .2s;
}

.ab-button-less.ab-button-greey:hover {
  border-color: #70e7c4;
}

.bezpl {
  background-color: #ffeb11;
  border-bottom: 4px solid #ffeb11;
  padding-left: 5px;
  font-size: 35px;
  font-weight: 700;
}

.cennkon {
  color: #0000;
  background-image: url('../images/idea.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  top: -12px;
}

.blog-info-ram {
  text-align: left;
  background-color: #fffae1;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px;
}

.bir {
  color: #000;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  display: flex;
}

.abo-txt2 {
  text-align: center;
  margin-top: 5px;
  font-weight: 400;
  line-height: 16px;
}

.open-animate {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.op-an {
  opacity: 1;
  background-color: #8affeb;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.pc-info {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.pc-img-contener {
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 30px;
  display: flex;
  box-shadow: 4px 5px 50px #00000014;
}

.pc-list {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pc-podtyt {
  color: #562cff;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.pc-podtyt:hover {
  text-decoration: none;
}

.price-zero {
  font-size: 70px;
}

.abo-txt-link {
  color: #ff6265;
  text-align: center;
  height: 19px;
  font-weight: 400;
  line-height: 14px;
}

.abo-txt-link:hover {
  text-decoration: none;
}

.ab-oszcz-info {
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 44px;
  display: flex;
}

.abo-txt-link2 {
  color: #0579ff;
  text-align: center;
  -webkit-text-stroke-color: #000;
  height: 19px;
  font-weight: 400;
  line-height: 14px;
}

.abo-txt-link2:hover {
  text-decoration: none;
}

.abo-txt-linkk {
  color: #000;
  text-align: center;
  height: 19px;
  font-weight: 400;
  line-height: 14px;
}

.abo-txt-linkk:hover {
  text-decoration: none;
}

.abo-txt-copy {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.ab-top {
  flex-direction: column;
  align-items: center;
  min-height: 280px;
  display: flex;
}

.promproc {
  opacity: 1;
  color: #ff6265;
  background-color: #0000;
  border: 4px solid #ff6265;
  border-radius: 7px;
  padding: 5px;
  font-size: 25px;
  font-weight: 300;
  line-height: 20px;
  display: inline-block;
  position: relative;
  left: 10px;
}

.ap-info-prom {
  margin-top: 73px;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  display: none;
}

.popup {
  z-index: 100;
  background-color: #fff;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: none;
  position: fixed;
  inset: 30vh 0% auto;
}

.popup-left {
  background-image: url('../images/majowka.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 400px;
}

.cennik-pakwdr-tyt {
  color: #000;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 0;
  font-family: SoleilBold, sans-serif;
  font-size: 49px;
  font-weight: 400;
  line-height: 49px;
  display: block;
}

.bold-text-4 {
  font-size: 70px;
  font-weight: 700;
  line-height: 70px;
}

.pakt-top {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pakt-ico {
  width: 50px;
}

.bold-text-5 {
  font-size: 25px;
}

.mai-b {
  color: #ff6265;
  font-weight: 700;
}

.mai-link {
  color: #000;
  cursor: pointer;
}

.mai-link:hover {
  text-decoration: none;
}

.mig-ab-info-link {
  flex: 0 auto;
  width: 75%;
  padding-top: 22px;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.pc-panel {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.pcp-vid {
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
}

.pcpv {
  background-color: #53ffc024;
  height: 100%;
}

.pcpv.pcpv1 {
  background-color: #ffd00030;
}

.pcp-slider {
  width: 100%;
}

.pg-w100 {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.pg-w100.pgn-left {
  width: 100%;
}

.pc-col {
  width: 49%;
}

.pom-group-creator {
  box-shadow: none;
  border-radius: 6px;
  flex-direction: column;
  height: auto;
  margin-bottom: 20px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.pom-group-creator:hover {
  z-index: 10;
  box-shadow: 8px 8px 100px #3180ff66;
}

.pom-faq-link {
  margin-top: 5px;
  margin-bottom: 5px;
}

.sub-pom-faq {
  opacity: 1;
  flex-direction: column;
  justify-content: flex-end;
  height: 0;
  display: flex;
  overflow: hidden;
}

.spf-txt {
  color: #000;
  border: 1px solid #d1d1d1;
  border-width: 0 1px 1px 0;
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
}

.pg-cont {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.pg-cont.pgn-left {
  width: 100%;
}

.pl-subtyt {
  font-weight: 700;
}

.but-zaj4 {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 15px;
  padding: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  transition: letter-spacing .2s;
}

.but-zaj4:hover {
  letter-spacing: 2px;
}

.cproc {
  color: #000;
  font-size: 200px;
  font-weight: 700;
  display: inline;
}

.cyber-prom {
  background-color: #000;
  background-image: radial-gradient(circle at 0%, #001adf, #fff0 88%);
  flex-direction: row;
  align-items: center;
  margin-top: 40px;
  padding: 16px 20px 20px;
  display: none;
}

.cyberkod {
  color: #fff;
  text-transform: uppercase;
  font-size: 60px;
  line-height: 50px;
}

.cyber-tyt {
  color: #fff;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  font-size: 25px;
  line-height: 25px;
}

.bold-text-6 {
  font-weight: 400;
}

.gs-price-thru {
  color: #ff2957;
  font-size: 20px;
  font-style: normal;
  line-height: 30px;
  text-decoration: line-through;
}

.ab-oi-yell {
  border-bottom: 1px solid #d2d9e452;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 5px;
  display: flex;
  overflow: visible;
}

.ab-oi-yell.ab-oi-last {
  border-bottom-width: 1px;
  border-bottom-color: #d2d9e452;
}

.ab-oi-yell.ab-oi-last.ob-oi-hide, .ab-oi-yell.ab-oi-hide {
  display: none;
}

.ab-oi-yell.ab-oi-yellow {
  background-color: #fffcdd;
  height: 60px;
  margin-top: 1px;
}

.ab-opcja-yell {
  border-bottom: 1px solid #d2d9e452;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.ab-opcja-yell.ab-op-blank {
  background-color: #0000;
  border-bottom-color: #d2d9e452;
}

.ab-opcja-yell.abo {
  border-bottom-color: #d2d9e452;
  flex-direction: column;
  align-items: center;
}

.ab-opcja-yell.abo.ab-ob-last, .ab-opcja-yell.ab-op-last {
  border-bottom-width: 0;
}

.ab-opcja-yell.ab-opcja-hide {
  display: none;
}

.ab-opcja-yell.ao-yellow {
  background-color: #fffcdd;
  height: 60px;
  margin-top: 1px;
}

.tr-baners {
  margin-top: 60px;
  display: flex;
}

.zero {
  font-size: 120px;
  line-height: 100px;
}

.egal-mob {
  z-index: 2;
  filter: brightness(112%);
  background-image: linear-gradient(#ffffff40, #ffffff40), url('../images/frames-for-your-heart-NNik2I50ng4-unsplash.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border: 0 solid #000;
  border-radius: 40px;
  flex-flow: column;
  width: 280px;
  height: 550px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 5px 5px #00eeab;
}

.em-top {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 21px;
  display: flex;
}

.eg-sbl-inf-txt {
  text-align: center;
  letter-spacing: 8.3px;
  border-bottom: 0 solid #d1faee;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.eg-sbl-inf-txt.sbl-bold-txt {
  color: #fff;
  background-color: #ff6265;
  border-radius: 0;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.eg-sbl-inf-txt.sit {
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 3px solid #d1faee;
  border-radius: 0;
  padding: 0;
}

.eg-sbl-inf-txt.sit-plus {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 800;
}

.eg-sbl-inf-txt.sit-sum {
  margin-left: 10px;
  margin-right: 10px;
}

.eg-sbl-sub-info {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.eg-h1 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 134px;
  font-weight: 700;
  line-height: 120px;
  display: none;
  position: relative;
  left: -5px;
}

.eg-ban-main-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.eg-sbl-sub-tyt {
  color: #000;
  text-align: left;
  border-bottom: 0 solid #d1faee;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 130px;
  font-weight: 400;
  line-height: 100px;
}

.eg-sbl-sub-tyt.sbl-bold-txt {
  color: #fff;
  background-color: #ff6265;
  border-radius: 0;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.eg-sbl-sub-tyt.sit {
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 3px solid #d1faee;
  border-radius: 0;
  padding: 0;
}

.eg-sbl-sub-tyt.sit-plus {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 800;
}

.eg-sbl-sub-tyt.sit-sum {
  margin-left: 10px;
  margin-right: 10px;
}

.ega-sbl-inf-txt {
  border-bottom: 0 solid #d1faee;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.ega-sbl-inf-txt.sbl-bold-txt {
  color: #fff;
  background-color: #ff6265;
  border-radius: 0;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.ega-sbl-inf-txt.sit {
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 3px solid #d1faee;
  border-radius: 0;
  padding: 0;
}

.ega-sbl-inf-txt.sit-plus {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 800;
}

.ega-sbl-inf-txt.sit-sum {
  margin-left: 10px;
  margin-right: 10px;
}

.eg-prow {
  color: red;
  font-size: 16px;
  text-decoration: line-through;
}

.ent-logo {
  background-color: #fff;
  background-image: url('../images/yojistic-3Q848rifJQ0-unsplash2.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  width: 70px;
  height: 70px;
}

.em-content {
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
  padding: 10px;
  display: flex;
}

.emc-prod {
  background-color: #fff;
  background-image: url('../images/josh-muller-yG9x3th3GYI-unsplash.jpg');
  background-size: cover;
  border-radius: 14px;
  width: 100px;
  height: 100px;
  margin-bottom: 18px;
}

.emc-prod.emc-p2 {
  background-image: url('../images/surf2.jpg');
}

.emc-prod.emc-p3 {
  background-image: url('../images/surf3.jpg');
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
  top: 27px;
  left: 24px;
  transform: scale(1.7);
  box-shadow: 0 2px 5px #0003;
}

.emc-prod.emc-p4 {
  background-image: url('../images/yojistic-3Q848rifJQ0-unsplash2.jpg');
}

.emc-prod.emc-p5 {
  background-image: url('../images/bernard-hermant-O8kQQzJ-im0-unsplash.jpg');
}

.emc-prod.emc-p6 {
  background-image: url('../images/surf6.jpg');
}

.ega-spl-cont {
  flex: 0 auto;
  width: 100%;
  padding: 20px 40px 50px;
}

.ega-peli {
  background-image: radial-gradient(circle, #ffeb11, #fff), linear-gradient(#a3d98cbd, #a3d98cbd);
  background-position: 0 0, 0 0;
  border-top-right-radius: 200px;
  margin-top: 40px;
  display: flex;
}

.ega-url {
  border: 4px solid #000;
  border-radius: 50px;
  margin-top: 0;
  transition: border-color .2s;
  overflow: hidden;
}

.ega-url:hover {
  border-color: #00eeab;
}

.ega-darm {
  color: #00eeab;
  border-radius: 6px;
  padding-left: 5px;
  padding-right: 5px;
}

.en-spol-icons {
  margin-top: 15px;
  display: flex;
}

.em-sp {
  background-image: url('../images/211902_social_facebook_icon.png');
  background-position: 50%;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-left: 3px;
  margin-right: 3px;
}

.em-sp.emsp2 {
  background-image: url('../images/instagram_icon.png');
}

.em-sp.emsp3 {
  background-image: url('../images/tiktok_icon.png');
}

.em-sp.emsp4 {
  background-image: url('../images/pinterest_icon.png');
}

.emcp-bot {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 5px 5px;
  display: flex;
}

.emcmb-price {
  font-size: 9px;
  font-weight: 700;
  line-height: 9px;
}

.emc-cart {
  background-image: url('../images/surf_ico_cart.png');
  background-position: 50%;
  background-size: cover;
  width: 20px;
  height: 20px;
}

.egal-addings {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.ega-tyt4 {
  color: #000;
  flex: 1;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.egal-mob-content {
  border: 5px solid #000;
  border-radius: 39px;
  width: 100%;
  height: 100%;
}

.egall-url {
  display: flex;
}

.ega-input-url {
  color: #000;
  background-color: #fff0;
  border: 0 solid #000;
  height: 50px;
  margin-bottom: 0;
  padding-left: 95px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.ega-input-dom {
  background-color: #fff0;
  border: 0 solid #000;
  width: 125px;
  margin-bottom: 0;
  padding: 0 0 0 10px;
  font-size: 16px;
  line-height: 16px;
}

.ega-inpurl {
  justify-content: flex-start;
  align-items: center;
  width: 0;
  font-size: 16px;
  line-height: 16px;
  display: flex;
}

.ega-inp-home-txt {
  color: #000;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 400;
}

.ega-url-butt {
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #e9e9e9;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-left: 3px;
  padding: 0 20px;
  font-weight: 700;
  line-height: 14px;
  transition: padding .2s;
  display: flex;
}

.ega-url-butt:hover {
  padding-left: 25px;
  padding-right: 25px;
}

.ega-ofer {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 60px;
  display: flex;
}

.ega-of-left {
  background-color: #00ffc0;
  border-radius: 400px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 600px;
  padding: 40px;
  display: flex;
}

.ega-of-right {
  background-color: #fff;
  border-radius: 0 100px 100px 0;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  padding: 40px;
  display: flex;
}

.ega-ot-txt {
  text-align: center;
  font-size: 80px;
  line-height: 80px;
}

.ega-ot-txt2 {
  text-align: center;
  font-size: 50px;
  line-height: 60px;
}

.bold-text-7 {
  font-size: 70px;
}

.ega-zas {
  color: #000;
  font-size: 40px;
  line-height: 30px;
}

.ega-inf-txt {
  border-bottom: 0 solid #d1faee;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 22px;
}

.ega-inf-txt.sbl-bold-txt {
  color: #fff;
  background-color: #ff6265;
  border-radius: 0;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.ega-inf-txt.sit {
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 3px solid #d1faee;
  border-radius: 0;
  padding: 0;
}

.ega-inf-txt.sit-plus {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 800;
}

.ega-inf-txt.sit-sum {
  margin-left: 10px;
  margin-right: 10px;
}

.ega-rownanie {
  align-items: center;
  display: flex;
}

.ega-sblj-left {
  width: 35%;
  padding-left: 20px;
}

.ega-sblj-right {
  background-image: linear-gradient(149deg, #fff7c745, #00ffc02e 81%);
  border-top-right-radius: 100px;
  flex: 0 auto;
  width: 65%;
  padding: 50px 30px;
}

.ega-sbljr-tyt {
  color: #000;
  font-size: 80px;
  font-weight: 600;
  line-height: 50px;
}

.ega-sbl-hero {
  color: #000;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.ega-sbl-tyt {
  z-index: 2;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 20px 0 0;
  font-style: normal;
  display: block;
  position: relative;
}

.ega-sbl-right {
  background-color: #f5f5f5;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.bold-text-8 {
  font-size: 70px;
}

.hero-egall {
  color: #912f2f;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  margin: 0 auto;
  padding: 160px 0 2vh;
  display: flex;
}

.ega-sek-tyt5 {
  color: #000;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.ega-jcontent {
  border: 0 solid #465b64;
  justify-content: space-between;
  margin-top: 100px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.ega-register-input {
  margin-top: 40px;
}

.ega-infos {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 3px;
  margin-bottom: 0;
  display: flex;
}

.ega-but-top {
  box-shadow: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  background-color: #00ffc0;
  border: 0 solid #ffb109;
  border-radius: 20px;
  margin-left: 15px;
  margin-right: 0;
  padding: 13px 15px 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: letter-spacing .2s;
}

.ega-but-top:hover {
  letter-spacing: 2px;
}

.ega-but-top.butt {
  color: #e9fff9;
  background-color: #000;
  margin-top: 10px;
  padding-bottom: 13px;
  font-weight: 700;
}

.egall-logo {
  z-index: 2;
  border-radius: 0;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  margin-right: 10px;
  padding: 0;
  display: flex;
  position: relative;
}

.egall-l {
  z-index: 2;
  color: #000;
  text-transform: none;
  text-shadow: none;
  background-color: #000;
  border: 0 solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 2px;
  padding: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: relative;
}

.egall-l.llh {
  margin-left: 2px;
}

.egall-l.llo {
  margin-left: 3px;
}

.egall-l.llp {
  margin-left: 4px;
}

.egall-l.lll {
  margin-left: 5px;
}

.egall-l.lli {
  margin-left: 6px;
}

.egall-l.llk {
  margin-left: 7px;
}

.egall-l.lf {
  color: #000;
  background-color: #fff;
  padding-right: 2px;
}

.egall-l.lfg {
  color: #5c5c5c;
  background-color: #fff3;
  padding-right: 2px;
}

.egall-l.llfb {
  background-color: #ffb109;
}

.egall-l.egall-lg {
  color: #fff;
  background-color: #000;
}

.egall-logo-txt {
  color: #000;
  letter-spacing: 0;
  margin-right: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.log-by-shoplik {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.egalllogo {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.egalllogotyp {
  display: flex;
}

.egall-stopka {
  background-color: #fafafa;
  border-top: 0 solid #000;
  padding-top: 40px;
  padding-bottom: 100px;
  overflow: hidden;
}

.egall-stopka-content {
  border-top: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.egalllogotyp-stopka {
  opacity: 1;
  display: flex;
}

.ega-stopka-kol {
  align-items: center;
  width: auto;
  display: flex;
}

.ega-stopka-kol.sk-log {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 14px;
  display: flex;
}

.ega-st-linki {
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ega-st-socials {
  display: flex;
}

.ega-st-social {
  opacity: 1;
  filter: none;
  cursor: pointer;
  background-image: url('../images/facebook.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  transition: opacity .2s;
}

.ega-st-social:hover {
  opacity: 1;
}

.ega-st-social.sts-twitter {
  background-image: url('../images/twitter.png');
}

.ega-st-social.sts-instagram {
  background-image: url('../images/instagram.png');
}

.ega-st-social.sts-linkedin {
  background-image: url('../images/linkedin.png');
}

.ega-st-social.sts-youtube {
  background-image: url('../images/youtube.png');
}

.ega-st-social.sts-pinterest {
  background-image: url('../images/pinterest.png');
}

.ega-st-link {
  color: #000;
  letter-spacing: 0;
  border-top: 0 solid #000;
  border-bottom: 1px solid #ffffff30;
  padding: 3px 20px 3px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: padding .2s;
}

.ega-st-link:hover {
  letter-spacing: 0;
  padding-left: 5px;
  padding-right: 15px;
}

.ega-st-link.st-link-bold {
  color: #1f2138;
  cursor: pointer;
  background-color: #acfff6;
  border-radius: 20px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 14px;
}

.ega-start-info {
  color: #000;
  text-align: left;
  letter-spacing: -2px;
  margin-top: 0;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
}

.ega-start-info.si-sbl {
  font-size: 90px;
  line-height: 90px;
}

.ega-ssc-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.egall-content {
  padding-top: 100px;
}

.inf-breadcrumbs {
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-end;
  padding-left: 20px;
  display: flex;
}

.infb-link {
  color: #000;
  cursor: pointer;
  background-color: #f8f8f8;
  border-radius: 4px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding: 7px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.infb-link:hover {
  background-color: #e2e2e2;
}

.infb-link.infbl-active {
  background-color: #ffeb11;
}

.inf-baner {
  cursor: pointer;
  background-image: radial-gradient(circle at 100%, #ffeb1199, #fff0 86%), radial-gradient(circle at 0 100%, #ffeb11, #fff0 60%);
  border: 0 solid #ffeb11;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 20px;
  padding: 30px 20px;
  display: flex;
}

.inf-b-tyt {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.inf-b-tyt:hover {
  color: #000;
}

.inf-b-start-link {
  color: #000;
  cursor: pointer;
  border: 0 solid #fff;
  border-bottom-width: 3px;
  border-radius: 0;
  margin-top: 20px;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: padding .2s;
}

.inf-b-start-link:hover {
  padding-left: 20px;
  padding-right: 20px;
}

.bl-conected-section {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
}

.bl-conected {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.bl-con {
  cursor: pointer;
  flex-flow: column;
  align-items: flex-start;
  width: 48%;
  margin-bottom: 20px;
  padding-top: 10px;
  transition: padding .2s;
  display: flex;
}

.bl-con:hover {
  padding-top: 0;
  padding-bottom: 10px;
}

.blc-photo {
  background-image: url('../images/pix.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 200px;
}

.blc-lint-tyt {
  color: #000;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.blc-data {
  margin-top: 5px;
  font-size: 14px;
  line-height: 14px;
}

.blog-category-info {
  border-bottom: 2px solid #000;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding-bottom: 40px;
  display: flex;
}

.blog-ci-left {
  background-image: url('../images/pix.png');
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.blog-ci-right {
  flex: 1;
  padding-left: 50px;
  padding-right: 0;
}

.blog-cat-tyt {
  color: #000;
  margin-top: 0;
  font-family: Soleilbold, sans-serif;
  font-weight: 400;
}

.bct-txt {
  color: #000;
  font-size: 18px;
  line-height: 25px;
}

.art-frame {
  border: 5px solid #3fb;
  width: 100%;
  margin-top: 40px;
  padding: 15px;
}

.prow-standard {
  font-size: 14px;
  text-decoration: line-through;
}

.prowizja-stand {
  text-decoration: line-through;
}

.s-cen-oferta {
  cursor: pointer;
  background-color: #fff;
  background-image: none;
  border: 5px solid #11ffe7;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: 1px;
  padding: 40px 40px 50px;
  display: flex;
}

.s-cen-oferta.scuc {
  background-image: none;
  border-bottom-width: 0;
  border-right-width: 0;
  margin-left: 0;
  margin-right: 5px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.ban-off-tyt {
  color: #000;
  margin-bottom: 20px;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.ban-off-txt {
  color: #000;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.ban-off-txt.bgsi {
  color: #0579ff;
  background-color: #ffeb11;
  border-radius: 0;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.ban-off-butt {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #11ffe7;
  border: 0 solid #ffffff29;
  border-radius: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 24px 22px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  transition: letter-spacing .2s;
}

.ban-off-butt:hover {
  letter-spacing: 2px;
}

.ban-off-points {
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.callp {
  z-index: 10000;
  opacity: 0;
  background-color: #0000001a;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.callp-box {
  background-color: #fff;
  border: 0 solid #c2c2c229;
  border-bottom: 2px solid #f8e72f;
  flex-flow: column;
  width: 600px;
  display: flex;
  box-shadow: 0 0 50px 4px #8181810a;
}

.callp-tyt {
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.callp-call-button {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0579ff;
  border-radius: 50px;
  height: 50px;
  font-size: 20px;
  transition: letter-spacing .2s;
}

.callp-call-button:hover {
  letter-spacing: 1px;
}

.callp-tell-input {
  color: #000;
  text-align: left;
  background-color: #f7f7f7;
  background-image: url('../images/phone-icon.png');
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 30px;
  border: 0 solid #c4c4c4;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  margin-top: 0;
  padding-left: 60px;
  font-size: 20px;
  line-height: 20px;
}

.callp-tell-input::placeholder {
  color: #cacaca;
  font-size: 20px;
  line-height: 20px;
}

.callp-priv {
  color: #979797;
  text-align: left;
  margin-top: 10px;
  font-size: 13px;
  line-height: 16px;
}

.callp-select {
  color: #000;
  background-color: #fff;
  border: 0 solid #ececec;
  border-bottom-width: 2px;
  border-radius: 0;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.callp-tr {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.callp-top {
  justify-content: flex-end;
  padding-top: 5px;
  padding-right: 5px;
  display: flex;
}

.callp-content {
  flex-flow: column;
  padding: 0 20px 20px;
  display: flex;
}

.callp-x {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 30px;
  height: 30px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.callp-x:hover {
  transform: rotate(-90deg);
}

.callp-x1 {
  background-color: #000;
  height: 1px;
  transform: rotate(45deg);
}

.callp-x2 {
  background-color: #000;
  height: 1px;
  position: relative;
  top: -1px;
  transform: rotate(-45deg);
}

.callp-form {
  height: auto;
  transition: height .2s;
  overflow: hidden;
}

.callp-info {
  height: 0;
  transition: height .2s;
  overflow: hidden;
}

.callp-inf-txt {
  color: #000;
  text-align: center;
  padding: 9px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.callp-icon {
  z-index: 1000;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto auto 50px 50px;
}

.callp-icon-invite {
  justify-content: center;
  align-items: flex-end;
  width: 0;
  height: 0;
  display: flex;
}

.callp-ii-content {
  opacity: 0;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: none;
}

.text-block {
  width: 100px;
}

.callp-ii-txt {
  color: #000;
  text-align: center;
  border-radius: 10px;
  width: 150px;
  padding: 9px;
  font-size: 16px;
  line-height: 20px;
}

.callp-button-yes {
  background-color: #0579ff;
  border-radius: 10px;
}

.callp-ico {
  background-color: #ffeb11;
  background-image: url('../images/phone-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  margin-top: 5px;
  box-shadow: 0 2px 5px #0000000f;
}

.black-weak {
  box-shadow: none;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  margin-top: 60px;
  padding: 0 20px;
  display: flex;
}

.bw-txt {
  text-align: center;
  letter-spacing: 5px;
  text-transform: none;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}

.cproc-do {
  color: #000;
  font-size: 50px;
}

.select-time-offer {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.sto-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.black-friday {
  z-index: 10;
  background-color: #000;
  justify-content: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: block;
  position: absolute;
  top: 105px;
  overflow: hidden;
}

.bf-slide {
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  min-width: 1500px;
  display: flex;
}

.bfs-txt {
  color: #fff;
  letter-spacing: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.bf-slides {
  cursor: pointer;
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 1500px;
  min-width: 1500px;
  height: 40px;
  display: flex;
  position: static;
}

.aoy-inf {
  transition: height .2s;
  overflow: hidden;
}

.aoy-ab-inf-tr {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  transition: height .2s;
  display: flex;
  overflow: hidden;
}

.gs-curr {
  font-size: 20px;
  line-height: 30px;
}

html.w-mod-js [data-ix="apiere1"], html.w-mod-js [data-ix="apiere-2"], html.w-mod-js [data-ix="apiere-3"], html.w-mod-js [data-ix="apiere-4"] {
  opacity: 0;
  transform: translate(0, 100px);
}

@media screen and (max-width: 991px) {
  .hero {
    margin-top: 0;
  }

  .belka-left {
    z-index: 101;
    position: relative;
  }

  .belka-center {
    flex: 0 auto;
    display: flex;
  }

  .belka-right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: auto;
    margin-top: 40px;
    display: flex;
    position: relative;
  }

  .menu {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .menu-link {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .link {
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 16px;
    transition: letter-spacing .2s;
    position: relative;
  }

  .sb-tyt {
    height: 40vh;
  }

  .sb-graf {
    margin-top: 60px;
  }

  .hero-baner {
    height: auto;
  }

  .hero-contents {
    padding-top: 5vh;
    padding-left: 0;
  }

  .h1-ban {
    left: 0;
  }

  .h2-ban {
    font-size: 20px;
    line-height: 25px;
    left: 0;
  }

  .but-top {
    background-color: #0000;
    border-bottom-width: 4px;
    border-bottom-color: #ffeb11;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 1px;
    font-size: 20px;
    line-height: 20px;
  }

  .but-top.butt {
    border-bottom-width: 0;
    border-radius: 5px;
    padding: 14px 13px 12px;
  }

  .but-top-grey {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin-top: 20px;
    margin-left: 0;
    font-size: 20px;
    line-height: 20px;
  }

  .center {
    width: 94%;
    padding-left: 0;
    padding-right: 0;
  }

  .center.p-center {
    width: 100%;
  }

  .zajawka {
    width: 28%;
    min-height: 0;
    font-size: 33.33%;
  }

  .zaj-ety {
    font-size: 16px;
    line-height: 20px;
  }

  .zaj-content {
    padding: 38px 10px;
  }

  .image, .image.imgcss, .image.im-seo {
    height: 70px;
  }

  .image.im-speed {
    height: 80px;
  }

  .image.im-link {
    height: 65px;
  }

  .sekcja-opinie {
    padding-top: 60px;
  }

  .zaj-tyt-2 {
    text-align: left;
    justify-content: center;
  }

  .opinie {
    justify-content: space-around;
    width: 50%;
  }

  .opinia {
    padding: 0;
  }

  .opinia-content {
    padding: 5px;
  }

  .zaj-tyt-3 {
    font-size: 70px;
    line-height: 70px;
  }

  .start-info {
    font-size: 35px;
    line-height: 35px;
  }

  .start-info.si-sbl {
    font-size: 8vw;
    line-height: 8vw;
  }

  .start-field {
    height: 40px;
  }

  .stopka-kol {
    width: 50%;
    min-width: 100px;
    margin-bottom: 40px;
  }

  .stopka-kol.sk-log {
    width: 100%;
    min-height: 100px;
  }

  .stopka-content {
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
  }

  .h3-ban {
    font-size: 80px;
    line-height: 80px;
  }

  .h-graf-inf {
    flex-direction: column;
    margin-top: 0;
  }

  .hero-info-txt {
    width: 100%;
    margin-top: 10px;
  }

  .belka-content {
    justify-content: space-between;
    padding-left: 0;
  }

  .hb-img {
    flex: 1;
    width: 50%;
    height: auto;
    margin-right: 40px;
  }

  .hb-prod {
    width: 300px;
    height: 450px;
  }

  .sekcja-shoplik-to {
    margin-top: 0;
    padding-top: 40px;
  }

  .sekcja-design {
    padding-bottom: 10px;
  }

  .sek-tyt {
    font-size: 90px;
    line-height: 90px;
  }

  .sek-subtyt {
    font-size: 25px;
  }

  .sek-col.sek-col-left {
    justify-content: flex-start;
  }

  .sek-t {
    font-size: 40px;
  }

  .sek-ekr-left {
    padding-left: 30px;
    padding-right: 20px;
  }

  .sek-ekr-right {
    background-position: 0 0;
    width: 360px;
  }

  .sekr-tyt-tyt {
    font-size: 25px;
    line-height: 25px;
  }

  .sek-mg {
    flex-direction: column;
  }

  .sek-mg-right {
    flex: 0 auto;
    height: 70vh;
    display: flex;
    top: 0;
  }

  .sek-mg-left {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .sek-tyt2 {
    width: 70%;
  }

  .sek-mg-zajawki {
    margin-top: 20px;
  }

  .sekcja-faq {
    margin-top: 40px;
  }

  .sek-faq-tyt {
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 40px;
    line-height: 50px;
  }

  .sek-faq-content {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
  }

  .faq-list {
    width: 100%;
    margin-top: 40px;
  }

  .sek-cennik-content {
    padding-left: 0;
  }

  .ab-col {
    flex: 0 auto;
    width: 49%;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .ab-col.ab-col-inf {
    background-color: #fff;
    justify-content: flex-start;
    width: 100%;
    padding: 20px;
    display: flex;
  }

  .ab-col.abc2, .ab-col.abc3, .ab-col.abc44 {
    width: 100%;
  }

  .ab-col.abc-proj, .ab-col.abc-proj.abcp {
    width: 49%;
  }

  .ab-col.abc4, .ab-col.abcol-mig, .ab-col.abc1, .ab-col.abc-zero, .ab-col.abc-combo {
    width: 100%;
  }

  .abon-content {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .abon-content.abon-c-blue {
    border-width: 4px;
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .abon-content.abon-content-green {
    border-width: 0;
    border-color: #cacaca;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .abon-content.abon-content-green:hover {
    border-color: #c2c2c2;
  }

  .abon-content.abon-content-orange {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .abon-content.abon-content-mig-st {
    padding-left: 20px;
    padding-right: 20px;
  }

  .abon-content.abon-content-zero {
    border-width: 0;
    border-color: #cacaca;
    padding-left: 20px;
    padding-right: 20px;
  }

  .abon-content.abon-content-zero:hover {
    border-color: #c2c2c2;
  }

  .abon-name {
    margin-left: auto;
    margin-right: auto;
  }

  .abon-name.abn, .abon-name.ab-name-konf {
    margin-left: 0;
  }

  .abon-name.ab-name-prem {
    font-size: 50px;
    line-height: 50px;
  }

  .abon-name.ab-name-gotowy {
    margin-left: 0;
  }

  .ab-for, .ab-price {
    margin-left: auto;
    margin-right: auto;
  }

  .ab-price.ab-pr-gr {
    margin-left: 0;
  }

  .ab-button {
    width: 100%;
  }

  .ab-button.ab-button-green {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .ab-button.ab-button-blue, .ab-button.ab-button-orange, .ab-button.ab-button-zero {
    margin-bottom: 20px;
  }

  .scc {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
  }

  .ab-opcje {
    height: 0;
    margin-top: 20px;
    overflow: hidden;
  }

  .ab-opcja {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 36px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .ab-opcja.ab-op-blank {
    justify-content: center;
  }

  .ab-opcja.abo {
    display: none;
    overflow: visible;
  }

  .ab-opcje-inf {
    display: none;
  }

  .ab-oi-txt.ab-oi-txt-imp.ab-oi-mob {
    margin-bottom: 3px;
    display: flex;
  }

  .ab-oi-txt.ab-oi-txt-prom.ab-oi-mob-prom {
    margin-bottom: 3px;
    margin-left: 0;
    display: block;
  }

  .ab-bird, .ab-tab-txt, .ab-tab-txt.ab-txt {
    display: none;
  }

  .sekcja-templates {
    margin-top: 40px;
  }

  .sek-templates-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .templ {
    width: 500px;
  }

  .templ.templ-meble {
    width: 600px;
  }

  .templ.templ-ubran {
    width: 500px;
  }

  .form-start {
    display: none;
  }

  .fs-left {
    transform: translate(-100%);
  }

  .fs-right {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fsr-top {
    display: flex;
  }

  .fsr-content {
    margin-top: 10px;
    padding: 20px;
    transform: translate(0, 100%);
  }

  .start-but-pop {
    font-size: 14px;
  }

  .sf-content {
    width: 100%;
  }

  .start-bg {
    opacity: 0;
    display: flex;
  }

  .sek-podtyt-panel {
    margin-bottom: 0;
  }

  .sek-adm-txt {
    padding-left: 30px;
    padding-right: 30px;
  }

  .templates-content {
    margin-top: 20px;
  }

  .section-tempales {
    padding-left: 10px;
    padding-right: 10px;
  }

  .temlate {
    width: 43vw;
    height: 36vw;
    margin-bottom: 20px;
  }

  .template-content {
    height: 29vw;
  }

  .template-img {
    transform: scale(1.002);
  }

  .template-col {
    width: 100%;
    overflow: visible;
  }

  .template-col.template-col3 {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .templates-tyt {
    font-size: 80px;
    line-height: 58px;
  }

  .templates-podtyt {
    letter-spacing: 10px;
    margin-top: 20px;
    font-size: 18px;
  }

  .page-content.pc-kontakt {
    padding-top: 100px;
  }

  .templates-top-tyt {
    flex-direction: column;
    align-items: flex-start;
  }

  .hamb {
    z-index: 101;
    align-items: flex-end;
    width: 35px;
    height: auto;
    margin-top: 28px;
    margin-right: 20px;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .hm, .hm2 {
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .belka-cr {
    z-index: 100;
    background-color: #fff;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 120vh;
    padding-bottom: 20vh;
    padding-left: 129px;
    display: flex;
    position: fixed;
    inset: 0%;
    transform: translate(0, -120vh);
  }

  .lc-left, .lc-right {
    width: 80%;
  }

  .logowanie-content {
    padding-top: 0;
  }

  .lbg-photo {
    background-position: 100%, 100%, 100%;
  }

  .ab-tab-ety {
    font-size: 16px;
    line-height: 16px;
    display: block;
  }

  .ab-tab-ety.ate-label {
    display: flex;
  }

  .ab-more {
    color: #000;
    text-align: center;
    cursor: pointer;
    background-color: #f3f3f3;
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: 0;
    padding: 9px;
    font-size: 11px;
    line-height: 11px;
    transition: letter-spacing .2s;
    display: none;
  }

  .ab-more:hover {
    letter-spacing: 1px;
  }

  .ab-more.ab-zwin {
    display: none;
  }

  .start-field-pop {
    height: 40px;
  }

  .p-content {
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
  }

  .p-content.pc-dok {
    width: 100%;
  }

  .cs-left {
    padding-right: 0;
  }

  .platnosc {
    width: 48%;
    height: 250px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .formularz-kontaktowy.fk-koncept {
    width: 100%;
  }

  .h1-bann {
    text-align: left;
    letter-spacing: -5px;
    font-size: 70px;
    line-height: 60px;
    left: 0;
  }

  .cennik-top {
    align-items: flex-start;
  }

  .hk-top {
    flex-direction: column;
    margin-top: 20px;
  }

  .kreat-tyt {
    letter-spacing: -7px;
    font-size: 100px;
    line-height: 100px;
  }

  .hero-kreator {
    margin-top: 40px;
  }

  .hk-vid {
    width: 100%;
    margin-top: 20px;
  }

  .hkv {
    width: 100%;
  }

  .kreat-zaj-txt {
    line-height: 25px;
  }

  .hkv-movie {
    width: 92vw;
    height: 50vw;
    margin-left: auto;
    margin-right: auto;
  }

  .rwd-tyt {
    font-size: 80px;
    line-height: 58px;
  }

  .rwd-tyt.komp-tyt {
    font-size: 80px;
    line-height: 80px;
  }

  .rwdvid {
    height: 56vw;
  }

  .kreator-komponenty {
    margin-top: 60px;
  }

  .kkk-left {
    flex-direction: column;
    justify-content: space-between;
    width: 200px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .kkk-right {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .kkk-g1 {
    display: none;
  }

  .kkk-g2 {
    margin-top: 40px;
    position: relative;
    left: auto;
  }

  .kkk-g3 {
    margin-top: 60px;
  }

  .kkk-ety {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 18px;
  }

  .kompp-zaj-txt {
    line-height: 24px;
  }

  .kreator-templates {
    margin-top: 0;
    padding-top: 60px;
  }

  .kreat-temp {
    flex-direction: column;
  }

  .kt-img {
    width: 200px;
    max-width: none;
    margin-top: 20px;
  }

  .temp-tyt {
    font-size: 80px;
    line-height: 58px;
    left: -2px;
  }

  .kreator-narzedzia {
    margin-top: 100px;
  }

  .kreator-n-content {
    padding: 30px;
  }

  .narz-tyt {
    letter-spacing: -3px;
    font-size: 70px;
    line-height: 58px;
    left: 0;
  }

  .kreat-editzaj-txt {
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 20px;
  }

  .tp0 {
    font-size: 60px;
  }

  .template-info {
    opacity: 1;
  }

  .template-baner {
    margin-bottom: 20px;
    padding: 10px;
  }

  .template-baner.tb-dedykowane {
    justify-content: flex-end;
    height: 36vw;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 37px;
  }

  .templates-prom-name {
    letter-spacing: 2px;
    font-size: 35px;
    line-height: 35px;
  }

  .templates-prom-date {
    font-size: 20px;
    line-height: 20px;
  }

  .template-cola {
    width: 48%;
  }

  .fsr-top-tmp {
    display: flex;
  }

  .template-login-content {
    width: 95%;
    display: flex;
  }

  .ssc-left {
    padding-right: 20px;
  }

  .ssc-baner {
    padding: 40px 20px;
  }

  .ssc-templates-prom-name {
    font-size: 28px;
    line-height: 30px;
  }

  .ssc-temp-prom {
    margin-bottom: 0;
  }

  .ssc-tp0 {
    font-size: 80px;
  }

  .ssc-templates-prom-date {
    font-size: 20px;
    line-height: 20px;
  }

  .ssc-ban-inf {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
  }

  .prem-tyt {
    letter-spacing: -7px;
    font-size: 70px;
    line-height: 70px;
  }

  .prem-t {
    font-size: 120px;
    line-height: 110px;
  }

  .ded-top {
    flex-direction: column;
    margin-top: 20px;
  }

  .ded-hkt-right {
    padding-left: 0;
  }

  .de-tyt {
    letter-spacing: -2px;
    margin-bottom: 40px;
    font-size: 80px;
    line-height: 80px;
    left: 0;
  }

  .de-grafika {
    margin-top: 60px;
  }

  .de-n-content {
    padding: 30px;
  }

  .de-sekcja-premium {
    margin-top: 60px;
  }

  .de-s-content {
    padding: 30px;
  }

  .de-prem-tyt {
    letter-spacing: -3px;
    font-size: 70px;
    line-height: 58px;
    left: 0;
  }

  .des-zaj {
    width: 48%;
    margin-bottom: 20px;
  }

  .movie-prem {
    width: 87vw;
    height: 50vw;
    margin-left: auto;
    margin-right: auto;
    transform: translate(-5px)rotateX(14deg)rotateY(31deg)rotateZ(0);
  }

  .de-niesz-podtyt {
    flex-direction: column;
  }

  .sekcja-serwer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sek-serw-left {
    padding-left: 0;
    padding-right: 0;
  }

  .sek-podtyt-serw {
    font-size: 50px;
    line-height: 60px;
  }

  .de-serw-tyt {
    letter-spacing: -3px;
    font-size: 70px;
    line-height: 58px;
    left: 0;
  }

  .sek-serw-left-content {
    padding: 20px;
  }

  .sek-ad-content {
    margin-top: 0;
  }

  .sek-kontaktowa-content {
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .sek-kon-right {
    width: 100%;
    margin-top: 40px;
  }

  .adm-podtyt {
    flex-direction: column;
  }

  .adm-podtyt-tr {
    width: 100%;
  }

  .cookies {
    width: 90%;
  }

  .templates-prom-date-inf, .templates-prom-sub-name {
    font-size: 20px;
    line-height: 20px;
  }

  .pom-group {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }

  .pom-group.pomg-kreator, .pom-group.pomg-asortyment, .pom-group.pomg-sprzedaz {
    flex-direction: column;
    align-items: flex-start;
  }

  .pom-group.pomg-komponenty {
    flex-direction: column;
  }

  .button-hero {
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-hero.bh3 {
    margin-top: 20px;
  }

  .sc-info-txt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ssc-templates-prom-tyt {
    line-height: 30px;
  }

  .ab-info-tip.ab-info-tip-mob, .ab-info-tip.ab-info-tip-mob-active {
    display: flex;
  }

  .ab-inf-tr {
    justify-content: center;
    display: flex;
  }

  .ab-inf-tr-l {
    display: none;
  }

  .sekcja-zajawek {
    margin-top: 20px;
  }

  .s-zajawki-content {
    padding-left: 0;
    padding-right: 0;
  }

  .szaj-tyt-h1 {
    font-size: 60px;
    line-height: 60px;
    left: 0;
  }

  .szaj-sub-tyt-top {
    margin-top: 60px;
  }

  .szaj-editzaj-txt {
    letter-spacing: 2px;
    padding-left: 30px;
    font-size: 20px;
    line-height: 25px;
  }

  .szaj-zaj {
    margin-bottom: 15px;
  }

  .shaj-creat-button {
    letter-spacing: 2px;
    padding: 10px;
    font-size: 16px;
    line-height: 16px;
  }

  .menu-podlinks {
    z-index: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .menu-podlinks-content {
    padding: 0;
  }

  .sublink {
    color: #050505;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    transition: letter-spacing .2s;
  }

  .sublink:hover {
    color: #000;
  }

  .sublink.sb-link {
    margin-bottom: 0;
  }

  .mpc {
    box-shadow: none;
    opacity: 1;
    background-color: #0000;
    background-image: none;
    border-width: 0;
    border-radius: 0;
    margin-top: 0;
    padding: 3px 0 0;
    display: flex;
  }

  .hero-bg {
    height: 70vw;
    margin-top: 40px;
  }

  .ab-for-graph {
    margin-left: 0;
    margin-right: auto;
  }

  .abon-content-graph {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .scc-graph {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ab-opcja-inf {
    justify-content: center;
    align-items: flex-start;
  }

  .ab-opcja-inf.ab-op-blank {
    justify-content: center;
  }

  .ab-opcja-inf.abo {
    display: none;
    overflow: visible;
  }

  .ab-opcja-txt {
    display: flex;
  }

  .ab-opcja-txt.ab-txt {
    display: none;
  }

  .ab-infos {
    height: auto;
    margin-top: 20px;
    overflow: hidden;
  }

  .ab-opcja-infw {
    justify-content: center;
    align-items: flex-start;
  }

  .ab-opcja-infw.ab-op-blank {
    justify-content: center;
  }

  .ab-opcja-infw.abo {
    display: none;
    overflow: visible;
  }

  .cennik-tyt-txt {
    text-align: left;
  }

  .scc-usl-dod {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .tab-usl-dod {
    flex: 0 auto;
    width: 49%;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .tab-usl-dod.ab-col-inf {
    display: none;
  }

  .tab-usl-dod.abc-proj {
    width: 49%;
  }

  .dod-records {
    height: auto;
    margin-top: 20px;
    overflow: hidden;
  }

  .tab-usl-dod-content {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .dod-rec-tr {
    justify-content: center;
    align-items: flex-start;
  }

  .dod-rec-tr.ab-op-blank {
    justify-content: center;
  }

  .dod-rec-tr.abo {
    display: none;
    overflow: visible;
  }

  .dod-rec-txt {
    display: flex;
  }

  .dod-rec-txt.ab-txt {
    display: none;
  }

  .sek-dod-cennik-content {
    padding-left: 0;
  }

  .dod-rec-cena {
    display: flex;
  }

  .dod-rec-cena.ab-txt {
    display: none;
  }

  .sekcja-ban {
    margin-top: 20px;
  }

  .s-cen-usl-content {
    margin-top: 2px;
    margin-left: 0;
    padding: 30px 20px;
  }

  .s-cen-usl-content.scuc {
    margin-right: 0;
  }

  .ban-got-skl {
    font-size: 50px;
    line-height: 50px;
  }

  .ban-but-got {
    line-height: 14px;
  }

  .sek-payment-content {
    padding-left: 0;
  }

  .p-cart {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .payment-cart {
    flex: 0 auto;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .payment-cart.ab-col-inf {
    display: none;
  }

  .payment-cart.abc-proj {
    width: 49%;
  }

  .payment {
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .payment-form {
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 20px;
  }

  .pf-butt {
    width: 100%;
  }

  .pc-tyt {
    text-align: left;
  }

  .shoplikto {
    margin-top: 40px;
  }

  .blog-content {
    flex-wrap: wrap;
  }

  .blogcontent {
    margin-top: 20px;
  }

  .blog-col {
    width: 100%;
  }

  .blog-col.template-col3 {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .ba-photo {
    height: auto;
  }

  .bai-tyt {
    min-height: 60px;
    font-size: 30px;
    line-height: 32px;
  }

  .art-content {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .art-top-left {
    width: 100%;
    right: 0%;
  }

  .art-top-left.template-col3 {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .art-top-right {
    width: 100%;
    padding-left: 0;
    right: 0%;
  }

  .art-top-right.template-col3 {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .art-top-tyt {
    font-size: 40px;
    line-height: 40px;
  }

  .artykul {
    padding-top: 10px;
  }

  .art-top {
    display: block;
  }

  .art-tresc {
    padding-right: 0;
  }

  .hm3 {
    width: 80%;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .st-zaj {
    width: 49%;
  }

  .hero-info-tyt {
    width: 100%;
    margin-top: 10px;
  }

  .sek-peli {
    flex-direction: column;
  }

  .sek-peli-cont {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .sek-tyt4 {
    width: 70%;
    font-size: 50px;
    line-height: 50px;
  }

  .sek-tyt5 {
    margin-top: 0;
  }

  .sek-peli-zajawki {
    width: 100%;
    margin-top: 0;
  }

  .sek-peli-zajawka {
    width: 49%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sek-peli-ico {
    height: 60px;
  }

  .brethcrumbs {
    z-index: 2;
    background-color: #fff;
    padding: 10px 10px 10px 30px;
    position: sticky;
    top: 70px;
  }

  .p24ekr2, .p24ekr3, .p24ekr4 {
    width: 100%;
  }

  .cennik-tab-prom-tr {
    align-items: flex-start;
    top: 10px;
  }

  .ctpt-prom {
    font-size: 14vw;
    line-height: 10vw;
  }

  .template-baner2 {
    padding: 20px;
  }

  .pakiet-szab-w {
    font-size: 30px;
  }

  .pakiet-szab-w2 {
    line-height: 24px;
  }

  .pp-zaj {
    border-right-width: 0;
    width: 100%;
    margin-bottom: 0;
  }

  .pg-left {
    width: 100%;
  }

  .pg-right {
    margin-top: 20px;
  }

  .pgr-tyt-zajawki, .bold-text {
    font-size: 20px;
    line-height: 25px;
  }

  .but-zaj, .but-zaj-mig {
    background-color: #78e8da00;
    border-bottom-width: 2px;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 16px;
  }

  .but-zaj2 {
    font-size: 16px;
  }

  .but-zaj-pom {
    background-color: #78e8da00;
    border-bottom-width: 2px;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 16px;
  }

  .ha-device {
    width: 90vw;
    min-width: 90vw;
  }

  .cennik-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .cennik-tyt2 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hda {
    height: 52vw;
  }

  .hdb {
    height: 12vw;
  }

  .ha-graph {
    padding-bottom: 0;
  }

  .hag1 {
    align-items: flex-start;
  }

  .hag2 {
    z-index: 18;
    align-items: center;
  }

  .hag1-graph {
    width: 80vw;
    height: 55vw;
    margin-top: 95px;
    top: -150px;
    left: 2px;
  }

  .hag1-dot {
    width: 45%;
    top: -33px;
    left: -50px;
  }

  .hag1-ph {
    width: 50%;
  }

  .hag-pal {
    top: 21px;
    right: -42px;
  }

  .hag-prost {
    height: 300px;
    top: -258px;
    left: -236px;
  }

  .hag4 {
    align-items: center;
    left: -58px;
  }

  .hag-zest {
    top: -71px;
  }

  .hag5 {
    align-items: flex-end;
  }

  .hag-div {
    top: 50px;
  }

  .h1-ban2 {
    font-size: 9vw;
    line-height: 9vw;
    left: 0;
  }

  .h2-ban2 {
    text-transform: none;
    font-size: 20px;
    line-height: 25px;
    left: 0;
  }

  .button-hero2 {
    padding: 13px 20px 11px;
  }

  .sb-tyt2 {
    align-items: flex-start;
    width: 100%;
    padding-bottom: 60px;
    padding-left: 74px;
  }

  .s-cen-usl-content2 {
    padding: 30px 20px;
  }

  .s-op-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .zaj-tyt-22 {
    text-align: left;
    justify-content: center;
    line-height: 50px;
  }

  .op-img-flow {
    width: 100px;
    left: -95px;
  }

  .op-img-dwi {
    width: 120px;
    top: 74px;
  }

  .op-img-wspol {
    width: 200px;
  }

  .op-img-shelws {
    width: 160px;
    top: 258px;
  }

  .op-img-krz {
    width: 200px;
  }

  .hero-bttons {
    flex-direction: row;
    align-items: flex-start;
    padding-top: 20px;
  }

  .konc-right {
    margin-top: 40px;
    padding-right: 0;
  }

  .konc-left {
    padding-top: 0;
    padding-right: 0;
  }

  .h1-konc {
    font-size: 65px;
    line-height: 70px;
  }

  .concept-section {
    flex-direction: column;
    padding: 20px;
  }

  .templates-koncept-name {
    font-size: 30px;
    line-height: 30px;
  }

  .templates-konc-date {
    font-size: 15px;
    line-height: 16px;
  }

  .tem-kons-but {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .p24now {
    width: 100%;
  }

  .cennik-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .cenn-info {
    text-align: left;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
  }

  .abo-ety-but2 {
    display: none;
  }

  .cen-info-konc {
    flex-direction: column;
    align-items: flex-start;
  }

  .but-cenn {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .bl-menu {
    padding-bottom: 30px;
  }

  .bl-menu2 {
    padding-bottom: 20px;
  }

  .ab-oi-ety.ab-oi-txt-imp.ab-oi-mob {
    margin-bottom: 3px;
    display: flex;
  }

  .ab-oi-ety.ab-oi-txt-prom.ab-oi-mob-prom {
    margin-bottom: 3px;
    margin-left: 0;
    display: block;
  }

  .ab-oi-ety.aoe-mob {
    font-size: 16px;
    line-height: 16px;
    display: flex;
  }

  .h1-ban3 {
    font-size: 7vh;
    line-height: 7vh;
    left: 0;
  }

  .sbl-hero {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-left: 20px;
  }

  .hero-sellbylink {
    margin-top: 0;
    padding-top: 59px;
    padding-bottom: 5px;
  }

  .sbl-right {
    justify-content: flex-start;
    width: 100%;
    padding-top: 0;
  }

  .sbl-tyt {
    align-items: flex-start;
    width: 100%;
    padding-top: 40px;
  }

  .spc {
    flex-direction: column;
  }

  .sek-graph {
    margin-top: 20px;
  }

  .sek-peli-img {
    height: 80px;
  }

  .sekimg {
    width: 100%;
  }

  .sbl-ico {
    width: 50vw;
  }

  .sek-spl-cont {
    width: 100%;
    padding: 10px 20px 30px;
  }

  .sekcja.sekcja-sbl-jakto-dziala {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sekcja.sekcja-streaming {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sekcja.sekcja-sbl-korz {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .sekcja.sekcja-fb-jakaktywowac {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sekcja.ega-sekcja-sbl-korz {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .sbl-jcontent {
    flex-direction: column;
    padding-left: 0;
  }

  .sblj-right {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sblj-left {
    width: 100%;
    padding-left: 0;
  }

  .sek-tyt6 {
    width: 100%;
    padding: 10px 30px 20px 20px;
    font-size: 50px;
    line-height: 50px;
    position: static;
  }

  .sbl-stream-content {
    flex-direction: column;
    padding-left: 0;
  }

  .sek-tyt7 {
    width: 100%;
    padding: 10px 20px 20px;
    font-size: 50px;
    line-height: 50px;
    position: static;
  }

  .sbl-sc-left {
    width: 100%;
    height: 75vw;
  }

  .sbl-sc-right {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .jtd-tyt {
    font-size: 60px;
    line-height: 50px;
  }

  .sbv-top {
    height: 5vw;
  }

  .sek-tyt8 {
    width: 100%;
    padding: 10px 20px 20px 0;
    font-size: 40px;
    line-height: 45px;
    position: static;
  }

  .sbl-korz-content {
    flex-direction: column;
    padding-left: 0;
  }

  .sbl-korzysci {
    padding-top: 0;
  }

  .sbl-k-right {
    align-items: flex-start;
    padding-left: 20px;
  }

  .h2-b2 {
    text-transform: none;
    font-size: 20px;
    line-height: 25px;
    left: 0;
  }

  .hero2-conent {
    flex-direction: column;
    height: 100%;
    padding-top: 187px;
  }

  .her2-c-right {
    flex-wrap: nowrap;
    padding-bottom: 20px;
  }

  .ha-ekr-bg {
    background-position: 50%;
  }

  .hda2 {
    height: 60vw;
  }

  .ha-device2 {
    width: 95vw;
    min-width: 90vw;
  }

  .h1-bann-copy {
    left: 0;
  }

  .heb-slid {
    left: -54px;
  }

  .sekcja-proces {
    margin-top: 20px;
  }

  .h2-sekcja {
    font-size: 12vw;
    line-height: 12vw;
  }

  .proc-trl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .proc-trl.pmig {
    padding-right: 30px;
  }

  .proc-trr {
    padding-left: 5px;
    padding-right: 5px;
  }

  .pt-ety {
    font-size: 20px;
  }

  .ptr-price {
    font-size: 25px;
    line-height: 25px;
  }

  .ptr-pr {
    font-size: 16px;
  }

  .proc-ext {
    height: 0;
  }

  .psx-cont {
    padding-left: 0;
    padding-right: 0;
  }

  .psxc-txt {
    font-size: 14px;
    line-height: 20px;
  }

  .pt-min {
    width: 30px;
  }

  .sekcja-migracja {
    padding-top: 30px;
  }

  .mig-tyt {
    font-size: 8vw;
    line-height: 8vw;
  }

  .mig-subtyt {
    padding-left: 0;
  }

  .mig-tab {
    background-image: url('../images/migration.jpg');
    background-position: 50%;
    background-size: auto;
    background-attachment: fixed;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 136px;
    padding-left: 15vw;
  }

  .mtleft {
    padding-bottom: 40px;
  }

  .mtright {
    padding: 30px;
  }

  .mig-cinf {
    padding-left: 0;
  }

  .p-nav {
    z-index: 1;
    background-color: #fff;
    width: 50vw;
    padding-top: 140px;
    padding-left: 30px;
    display: block;
    position: fixed;
    inset: 0% auto 0% 0%;
    transform: translate(-100%);
  }

  .p-nav.pn-all {
    padding-top: 40px;
    padding-left: 0;
    transform: none;
  }

  .ab-korzysci {
    align-items: flex-start;
    height: auto;
    padding-top: 0;
  }

  .abk {
    align-items: flex-start;
    padding-top: 0;
  }

  .abk-tyt {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
  }

  .pakt {
    width: 100%;
  }

  .realizacje-mob {
    width: 110vw;
    margin-left: auto;
    margin-right: auto;
    left: -5vw;
  }

  .realizacja-mob.rm-parallax {
    width: 100%;
    margin-top: 40px;
    padding-top: 65px;
  }

  .rm-vid {
    width: 20vw;
    height: 40vw;
  }

  .rm-vid.rmv-domilu {
    width: 67vw;
    height: 40vw;
  }

  .rm-vid.rmv-margo {
    width: 20vw;
  }

  .sr-content {
    justify-content: center;
    align-items: center;
  }

  .ban-got-skl2 {
    font-size: 50px;
    line-height: 50px;
  }

  .art-szab {
    width: 29vw;
    height: 29vw;
  }

  .section-blog {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tempbancontent {
    height: 29vw;
    top: 0;
  }

  .art-vid {
    height: 54vw;
  }

  .mt-li {
    font-size: 22px;
  }

  .mt-li.mt-li-bold {
    font-size: 30px;
  }

  .mig-dlaczego {
    margin-top: 3vh;
  }

  .migh2 {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 7vw;
    line-height: 7vw;
  }

  .of-spec, .migf-tyt {
    font-size: 5vw;
    line-height: 5vw;
  }

  .scc-mig {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
  }

  .mig-ab-tyt {
    font-size: 7vw;
    line-height: 7vw;
  }

  .mig-ab-info {
    width: 100%;
  }

  .ofspec {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .p-nav-links {
    overflow: auto;
  }

  .pnlg-top {
    cursor: pointer;
  }

  .pnlg-ext {
    height: 0;
    overflow: hidden;
  }

  .pm-g-tyt {
    font-size: 20px;
    line-height: 20px;
  }

  .navi-pom-hamb {
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nph {
    background-color: #000;
    width: 100%;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nph2 {
    background-color: #000;
    width: 70%;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .bls-1 {
    display: none;
  }

  .img-pom {
    width: 100%;
  }

  .fb-tab {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 136px;
    padding-right: 120px;
  }

  .fbleft {
    justify-content: flex-start;
    width: 100%;
    margin-left: 30px;
    padding-bottom: 40px;
  }

  .fbright {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 30px;
  }

  .fb-tyt {
    font-size: 8vw;
    line-height: 8vw;
  }

  .fb-payment {
    width: 100px;
  }

  .scc-fb {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
  }

  .mig-fb-tyt {
    font-size: 7vw;
    line-height: 7vw;
  }

  .sekcja-facebok {
    padding-top: 30px;
  }

  .fb-info-tyt {
    font-size: 25px;
  }

  .scc-fb-mod {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
  }

  .fb-baza {
    width: 100px;
  }

  .fb-cart2 {
    width: 120px;
    height: 120px;
  }

  .logo-cart2 {
    top: -5px;
    transform: scale(.6);
  }

  .mig-fb-tyt2 {
    font-size: 7vw;
    line-height: 7vw;
  }

  .artm-kreator {
    height: 80vw;
  }

  .bold-text-3 {
    line-height: 30px;
  }

  .lejek {
    width: 40px;
    height: 40px;
    position: relative;
    top: -11px;
  }

  .ab-button-more {
    width: 100%;
    height: auto;
    margin-top: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    overflow: hidden;
  }

  .ab-button-less {
    width: 100%;
    height: 0;
    margin-top: 0;
    display: block;
    overflow: hidden;
  }

  .cennkon {
    width: 40px;
    height: 40px;
    top: -15px;
  }

  .pc-img-contener {
    padding: 10px 20px;
  }

  .ap-info-prom {
    margin-top: 20px;
  }

  .bold-text-4 {
    font-size: 10vw;
    line-height: 10vw;
  }

  .mig-ab-info-link, .pg-cont {
    width: 100%;
  }

  .cyber-tyt {
    font-size: 20px;
    line-height: 20px;
  }

  .ab-opcja-yell {
    background-color: #f7f7f7;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .ab-opcja-yell.ab-op-blank {
    justify-content: center;
  }

  .ab-opcja-yell.abo {
    display: none;
    overflow: visible;
  }

  .tr-baners {
    flex-direction: column;
    display: flex;
  }

  .zero {
    line-height: 20px;
  }

  .egal-mob {
    width: 230px;
    height: 440px;
  }

  .eg-h1 {
    font-size: 87px;
    line-height: 87px;
    left: 0;
  }

  .eg-sbl-sub-tyt {
    text-align: left;
    letter-spacing: 2px;
    margin-top: 0;
    font-size: 8vw;
    line-height: 8vw;
  }

  .ega-sbl-inf-txt {
    font-size: 30px;
    line-height: 35px;
  }

  .ent-logo {
    width: 60px;
    height: 60px;
  }

  .emc-prod {
    width: 80px;
    height: 80px;
  }

  .emc-prod.emc-p3 {
    top: 4px;
    left: 12px;
    transform: scale(1.6);
  }

  .ega-spl-cont {
    width: 100%;
    padding: 10px 20px 30px;
  }

  .ega-peli {
    flex-direction: column;
  }

  .ega-url {
    border-width: 4px;
  }

  .ega-tyt4 {
    width: 100%;
    font-size: 12vw;
    line-height: 11vw;
  }

  .egal-mob-content {
    border-width: 4px;
  }

  .ega-input-url {
    height: 45px;
  }

  .ega-of-left {
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 40%;
    padding: 20px 20px 20px 30px;
    display: flex;
  }

  .ega-of-right {
    flex: 1;
    padding-left: 20px;
    padding-right: 0;
  }

  .ega-ot-txt {
    font-size: 75px;
    line-height: 60px;
  }

  .ega-ot-txt2 {
    margin-top: 20px;
    font-size: 25px;
    line-height: 30px;
  }

  .ega-zas {
    font-size: 4.7vw;
    line-height: 4vw;
  }

  .ega-inf-txt {
    font-size: 3vw;
    line-height: 3vw;
  }

  .ega-sblj-left {
    width: 100%;
    padding-left: 0;
  }

  .ega-sblj-right {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ega-sbl-hero {
    align-items: flex-start;
    padding-left: 0;
  }

  .ega-sbl-tyt {
    align-items: flex-start;
    width: 100%;
    padding-top: 40px;
  }

  .ega-sbl-right {
    justify-content: flex-start;
    width: 100%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-egall {
    margin-top: 0;
    padding-top: 59px;
    padding-bottom: 5px;
  }

  .ega-sek-tyt5 {
    margin-top: 0;
  }

  .ega-jcontent {
    flex-direction: column;
    padding-left: 0;
  }

  .ega-but-top {
    background-color: #0000;
    border-bottom-width: 4px;
    border-bottom-color: #ffeb11;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 1px;
    font-size: 20px;
    line-height: 20px;
  }

  .ega-but-top.butt {
    border-bottom-width: 0;
    border-radius: 5px;
    padding: 14px 13px 12px;
  }

  .egall-stopka-content {
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
  }

  .ega-stopka-kol {
    width: 50%;
    min-width: 100px;
    margin-bottom: 40px;
  }

  .ega-stopka-kol.sk-log {
    width: 100%;
    min-height: 100px;
  }

  .ega-start-info {
    font-size: 7vw;
    line-height: 7vw;
  }

  .ega-start-info.si-sbl {
    font-size: 8vw;
    line-height: 8vw;
  }

  .ega-zal-darm {
    display: none;
  }

  .ega-ssc-left {
    padding-right: 20px;
  }

  .inf-breadcrumbs {
    justify-content: flex-start;
    padding-left: 0;
  }

  .infb-link {
    margin-left: 0;
    margin-right: 10px;
  }

  .inf-baner {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 15px;
  }

  .bl-conected-section {
    padding-bottom: 20px;
  }

  .s-cen-oferta {
    margin-top: 2px;
    margin-left: 0;
    padding: 30px 20px;
  }

  .s-cen-oferta.scuc {
    margin-right: 0;
  }

  .ban-off-tyt {
    font-size: 50px;
    line-height: 50px;
  }

  .ban-off-butt {
    line-height: 14px;
  }

  .black-weak {
    width: auto;
    height: 70px;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .bw-txt {
    font-size: 5vw;
    line-height: 5vw;
  }

  .aoy-ab-inf-tr {
    justify-content: center;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    height: auto;
  }

  .sb-tyt {
    justify-content: flex-start;
    width: 100%;
    height: auto;
  }

  .hero-contents {
    justify-content: flex-start;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h1-ban {
    letter-spacing: -.2vh;
    font-size: 55px;
    line-height: 55px;
  }

  .h2-ban {
    text-transform: none;
    margin-top: 10px;
  }

  .but-top.butt {
    font-size: 15px;
  }

  .zajawka {
    width: 40%;
  }

  .zaj-ety {
    font-size: 16px;
  }

  .zaj-content {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .image {
    height: 60px;
    margin-bottom: 10px;
  }

  .image.imgcss, .image.im-seo {
    height: 50px;
  }

  .image.im-speed {
    height: 60px;
  }

  .image.im-link {
    height: 55px;
  }

  .zaj-tyt-2 {
    width: 100%;
    margin-bottom: 40px;
    font-size: 12vw;
    line-height: 12vw;
  }

  .opinie {
    flex-wrap: wrap;
  }

  .opinia {
    width: 100%;
    margin-bottom: 20px;
  }

  .opinia-content {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
  }

  .opinia-txt {
    border-width: 0;
    font-size: 16px;
  }

  .opinia-photo {
    width: 50px;
    height: 50px;
  }

  .opinia-podpis {
    margin-top: 5px;
  }

  .zaj-tyt-3 {
    font-size: 50px;
    line-height: 50px;
  }

  .sekcja-start {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .start-info {
    font-size: 50px;
    line-height: 50px;
  }

  .start-info.si-sbl {
    font-size: 18vw;
    line-height: 15vw;
  }

  .start-form.sf-sekcja {
    width: 100%;
    max-width: none;
  }

  .start-formularz {
    margin-top: 20px;
  }

  .start {
    align-items: flex-start;
  }

  .stopka-kol {
    width: 50%;
    margin-bottom: 40px;
  }

  .stopka-kol.sk-log {
    width: 100%;
    min-height: 100px;
  }

  .stopka-content {
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .st-linki {
    padding-top: 10px;
  }

  .st-link {
    font-size: 14px;
    line-height: 14px;
  }

  .h3-ban {
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 50px;
    line-height: 50px;
  }

  .h-graf-inf {
    flex-direction: column;
    margin-top: 0;
  }

  .hero-info-txt {
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 10px;
  }

  .belka-content {
    padding-left: 0;
    padding-right: 20px;
  }

  .shoplik-to.shoplik-to-zaj {
    padding-top: 150px;
  }

  .hb-contener {
    flex-direction: row;
  }

  .hb-img {
    flex: 0 auto;
    display: block;
    left: 0;
  }

  .hb-prod {
    flex: 0 auto;
    width: 250px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
  }

  .hbp {
    margin-left: auto;
    margin-right: auto;
  }

  .sekcja-shoplik-to {
    margin-top: 20px;
  }

  .sek-tyt {
    font-size: 70px;
    line-height: 70px;
  }

  .sek-subtyt {
    margin-top: 20px;
  }

  .sek-info-cols {
    flex-direction: column;
    margin-top: 40px;
  }

  .sek-col.sek-col-left {
    padding-right: 0;
  }

  .sek-col.sek-col-right {
    padding-left: 0;
  }

  .sek-t {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .sek-p {
    letter-spacing: 0;
    margin-top: 10px;
    font-size: 14px;
  }

  .sek-p.sekpdesign {
    font-size: 16px;
  }

  .sek-ekr-right {
    background-repeat: no-repeat;
    background-attachment: scroll;
    flex: 1;
  }

  .s-ekr-zaj {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sekr-zaj {
    letter-spacing: 0;
    font-size: 14px;
  }

  .sekr-tyt-tyt {
    font-size: 20px;
  }

  .sekcja-manage {
    padding-top: 0;
  }

  .sek-mg-right {
    height: 70vh;
  }

  .sek-tyt2 {
    font-size: 50px;
    line-height: 50px;
  }

  .sek-tyt3 {
    font-size: 20px;
    line-height: 20px;
  }

  .sek-mgr-l {
    width: 55%;
  }

  .sek-mg-zaj-txt {
    letter-spacing: 0;
  }

  .sek-mgr-r {
    width: 45%;
  }

  .sek-faq-tyt {
    font-size: 30px;
    line-height: 40px;
  }

  .sek-faq-content {
    padding: 20px;
  }

  .sekcja-cennik {
    margin-top: 0;
  }

  .ab-col {
    width: 100%;
  }

  .ab-col.ab-col-inf {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ab-col.abc-proj, .ab-col.abc-proj.abcp, .ab-col.abc-combo {
    width: 100%;
  }

  .abon-content {
    align-items: flex-start;
  }

  .abon-content.abon-c-blue, .abon-content.abon-content-green, .abon-content.abon-content-orange, .abon-content.abon-content-mig-st {
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .abon-content.abon-content-mig-prem {
    padding-left: 15px;
    padding-right: 15px;
  }

  .abon-content.abon-content-zero {
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .abon-name.abn, .ab-price.ab-pr-gr {
    margin-left: 0;
  }

  .ab-button {
    width: auto;
  }

  .ab-button.ab-button-green, .ab-button.ab-button-blue, .ab-button.ab-button-orange, .ab-button.ab-button-greey, .ab-button.ab-button-zero {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 16px;
  }

  .scc {
    margin-top: 60px;
  }

  .ab-opcje {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .ab-opcja {
    text-align: center;
    height: auto;
    min-height: 36px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .ab-opcja.ab-op-blank {
    min-height: 36px;
  }

  .form-start {
    display: none;
  }

  .fs-left {
    display: none;
    transform: none;
  }

  .fs-right {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fsr-content {
    transform: translate(0, 100%);
  }

  .fs-left-photo {
    flex: 1;
  }

  .sek-podtyt-panel {
    font-size: 20px;
    line-height: 20px;
  }

  .templates-content {
    align-items: center;
    width: 90%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .temlate {
    width: 100%;
    height: 60vw;
    margin-bottom: 40px;
  }

  .template-content {
    height: 52vw;
  }

  .template-col {
    width: 100%;
  }

  .template-col.template-col3 {
    flex-direction: column;
  }

  .template-col.tc0 {
    display: none;
  }

  .templates-tyt {
    font-size: 80px;
    line-height: 67px;
  }

  .templates-podtyt {
    font-size: 16px;
  }

  .content-tyt {
    margin-top: 40px;
  }

  .page-content {
    padding-top: 100px;
  }

  .templates-top-tyt {
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .lc-left, .lc-right, .login-form.lf-template {
    width: 100%;
  }

  .lf-button {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .logowanie-content {
    padding-top: 0;
  }

  .logowanie-bg {
    padding-top: 0;
    padding-bottom: 0;
  }

  .fs-both-photo {
    flex: 1;
    display: none;
    transform: translate(0, 120%);
  }

  .st-info {
    padding-top: 10px;
  }

  .page-contene {
    padding-top: 0;
  }

  .p-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .p-content.p-cc {
    padding: 40px 10px 10px;
  }

  .contact-section {
    flex-direction: column;
  }

  .cs-left {
    flex: 0 auto;
  }

  .cs-right {
    padding-left: 10px;
  }

  .csr-txt {
    font-size: 16px;
  }

  .plat-name {
    text-align: center;
    line-height: 20px;
  }

  .plat-logo.ecard {
    width: 100px;
    height: 160px;
  }

  .h1-bann {
    letter-spacing: -6px;
    font-size: 70px;
    line-height: 70px;
  }

  .cennik-tyt {
    line-height: 50px;
  }

  .cennik-top {
    align-items: flex-start;
    padding-left: 0;
  }

  .hk-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .kreat-tyt {
    font-size: 80px;
    line-height: 57px;
  }

  .hk-tyt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rwd-tyt {
    font-size: 80px;
    line-height: 57px;
  }

  .rwd-tyt.komp-tyt {
    font-size: 60px;
    line-height: 60px;
  }

  .kk-komponenty, .kkk-g2, .kkk-g3 {
    height: auto;
  }

  .kreat-temp {
    align-items: flex-end;
  }

  .kt-img {
    width: 220px;
  }

  .hk-temp-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .hk-temp-tyt {
    width: 50%;
  }

  .temp-tyt {
    letter-spacing: -5px;
    font-size: 60px;
    line-height: 57px;
    left: 0;
  }

  .narz-tyt {
    font-size: 80px;
    line-height: 57px;
  }

  .knc-narz-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .knc-zaj {
    width: 48%;
    margin-bottom: 20px;
  }

  .start-info-green {
    font-size: 30px;
    line-height: 30px;
  }

  .tp0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .template-baner {
    align-items: center;
    width: 100%;
    min-height: auto;
    margin-bottom: 0;
    padding-top: 38px;
    padding-bottom: 22px;
  }

  .template-baner.tb-dedykowane {
    text-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 60px;
    padding-bottom: 0;
  }

  .templates-prom-name {
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 40px;
    line-height: 40px;
    display: block;
  }

  .templates-prom-date {
    margin-left: 0;
  }

  .template-c {
    padding-top: 50px;
  }

  .template-top {
    height: 50px;
  }

  .temp-top-left {
    padding-left: 10px;
  }

  .temp-top-center {
    display: none;
  }

  .temp-top-right {
    padding-right: 10px;
  }

  .template-cola {
    width: 100%;
  }

  .template-but-back {
    text-align: center;
    padding: 6px 10px;
    line-height: 14px;
  }

  .template-but-select {
    text-align: center;
    line-height: 14px;
  }

  .template-login-content {
    width: 90%;
  }

  .temp-log-cont {
    flex-direction: column;
  }

  .temp-login-open {
    width: 100%;
  }

  .lf-button-open {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .lf-button-tmp {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .rejestracjaa-bg {
    padding-top: 0;
    padding-bottom: 0;
  }

  .s-start-content {
    flex-direction: column;
  }

  .ssc-left {
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .ssc-right {
    width: 100%;
    margin-top: 40px;
  }

  .ssc-baner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ssc-templates-prom-name {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 30px;
    display: block;
  }

  .ssc-tp0 {
    line-height: 90px;
  }

  .ssc-templates-prom-date {
    margin-left: 0;
  }

  .ssc-ban-inf {
    font-size: 14px;
    line-height: 18px;
  }

  .prem-tyt {
    letter-spacing: -5px;
    font-size: 50px;
    line-height: 50px;
  }

  .prem-t {
    font-size: 90px;
    line-height: 90px;
  }

  .ded-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .de-tyt {
    font-size: 60px;
    line-height: 60px;
  }

  .de-n-content {
    padding: 0;
  }

  .de-s-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .de-prem-tyt {
    font-size: 80px;
    line-height: 57px;
  }

  .des-zaj {
    width: 48%;
    margin-bottom: 20px;
  }

  .movie-prem {
    margin-left: auto;
    margin-right: auto;
    transform: translate(-14px)rotateX(14deg)rotateY(31deg)rotateZ(0);
  }

  .de-nieszabknc {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sek-serw-content {
    flex-direction: column;
    justify-content: center;
    min-height: auto;
  }

  .sek-serw-left {
    width: 100%;
  }

  .sek-serw-right {
    flex: 0 auto;
    width: 100%;
    height: 300px;
  }

  .sek-podtyt-serw {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .de-serw-tyt {
    font-size: 80px;
    line-height: 57px;
  }

  .sek-serw-left-content {
    padding-top: 40px;
  }

  .sek-ad-content {
    flex-wrap: wrap;
  }

  .sek-ad-ek.sek-ad-col1, .sek-ad-ek.sek-ad-col2, .sek-ad-ek.sek-ad-col3 {
    width: 49%;
  }

  .sek-kon-right {
    min-width: auto;
  }

  .cookies {
    width: 100%;
  }

  .templates-prom-date-inf {
    margin-left: 0;
    display: block;
  }

  .templates-prom-sub-name {
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 30px;
    display: block;
  }

  .pomoc-categories {
    flex-direction: column;
  }

  .pom-group {
    padding: 20px;
  }

  .pom-group.pomg-kreator {
    padding: 21px;
  }

  .pom-group.pomg-asortyment, .pom-group.pomg-komponenty {
    padding: 20px;
  }

  .button-hero {
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-hero.bh2, .button-hero.bh3 {
    padding-top: 14px;
  }

  .sekcja-mobile {
    padding-top: 0;
  }

  .ssc-templates-prom-tyt {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 30px;
    display: block;
  }

  .sekcja-zajawek {
    padding-top: 40px;
  }

  .s-zajawki-content {
    padding-left: 0;
    padding-right: 0;
  }

  .szaj-tyt-h1 {
    font-size: 50px;
    line-height: 50px;
  }

  .szaj-sub-tyt-top, .shaj-right {
    flex-direction: column;
    align-items: flex-start;
  }

  .szaj-editzaj-txt {
    letter-spacing: 1px;
    padding-left: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .szaj-zaj {
    width: 48%;
    margin-bottom: 20px;
  }

  .shaj-creat-button {
    margin-top: 10px;
  }

  .hero-bg {
    float: none;
    width: 100%;
    height: 50vw;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 25px;
  }

  .hero-inf {
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .hero-bg-content-photo {
    justify-content: center;
    padding-top: 123px;
  }

  .scc-graph {
    flex-direction: column;
  }

  .sekcja-cennik-pakiety {
    margin-top: 0;
    padding-top: 40px;
  }

  .sekcja-cennik-dodatkowe {
    margin-top: 0;
  }

  .scc-usl-dod {
    flex-direction: column;
  }

  .tab-usl-dod, .tab-usl-dod.abc-proj {
    width: 100%;
  }

  .s-cen-usl-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sekcja-payment {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .sek-payment-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .payment-tyt {
    font-size: 25px;
    line-height: 27px;
  }

  .p-cart {
    flex-direction: column;
  }

  .payment-cart, .payment-cart.abc-proj {
    width: 100%;
  }

  .payment {
    flex-direction: column;
  }

  .payment-form {
    align-items: flex-start;
  }

  .pf-butt {
    width: auto;
  }

  .pf-tr {
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }

  .pf-field {
    padding: 10px;
  }

  .pf-field::placeholder {
    font-size: 14px;
  }

  .pf-tr-left {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .pf-tr-l {
    padding-right: 0;
  }

  .pf-tr-r {
    margin-top: 10px;
    padding-left: 0;
  }

  .to-bold {
    font-size: 15px;
  }

  .shoplikto {
    margin-top: 10px;
  }

  .templates-tyt-blog {
    line-height: 67px;
  }

  .blogcontent {
    align-items: center;
    margin-top: 10px;
  }

  .blog-col {
    width: 100%;
  }

  .blog-col.template-col3 {
    flex-direction: column;
  }

  .blog-artyk-zaj {
    width: 100%;
  }

  .bai-tyt {
    font-size: 30px;
    line-height: 30px;
  }

  .art-top-left {
    width: 100%;
  }

  .art-top-left.template-col3 {
    flex-direction: column;
  }

  .art-top-right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .art-top-right.template-col3 {
    flex-direction: column;
  }

  .art-top-tyt {
    font-size: 30px;
    line-height: 30px;
  }

  .artykul {
    padding-top: 10px;
  }

  .art-date {
    margin-left: 0;
  }

  .art-top {
    flex-direction: column;
  }

  .st-zaj {
    padding: 20px;
  }

  .hero-info-tyt {
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
  }

  .sekcja-paylink {
    padding-top: 0;
  }

  .sek-tyt4 {
    font-size: 40px;
    line-height: 40px;
  }

  .sek-tyt3-copy {
    font-size: 20px;
    line-height: 20px;
  }

  .sek-tyt5 {
    font-size: 16px;
  }

  .sek-peli-ico {
    height: 50px;
  }

  .pc-top {
    flex-direction: column;
  }

  .p24-logo {
    width: 200px;
  }

  .brethcrumbs {
    padding-left: 20px;
  }

  .cennik-tab-prom-tr {
    top: 4px;
  }

  .ctpt-prom {
    font-size: 14vw;
  }

  .template-baner2 {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pakiet-szab-w {
    letter-spacing: 3px;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 40px;
    line-height: 40px;
    display: block;
  }

  .tp02 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .pakiet-szab-w2 {
    letter-spacing: 3px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0;
    display: block;
  }

  .pp-zaj {
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .pp-zaj:hover {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .pp-tyt {
    font-size: 25px;
    line-height: 30px;
  }

  .ppz-no {
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 100px;
    line-height: 30px;
    display: flex;
  }

  .wyszukiwarka-pomocy {
    width: 100%;
    margin-top: 0;
  }

  .pg-left {
    width: 50%;
  }

  .pg-right {
    padding: 0;
  }

  .pgr-tyt-zajawki {
    font-size: 18px;
    line-height: 25px;
  }

  .bold-text {
    font-size: 25px;
    line-height: 30px;
  }

  .but-zaj2, .but-zaj3 {
    font-size: 14px;
    line-height: 14px;
  }

  .pg-nav {
    width: 50%;
  }

  .hero-anim {
    padding-top: 9px;
    padding-right: 0;
  }

  .ha-device {
    width: 60vw;
    min-width: 60vw;
  }

  .hero-ban {
    height: auto;
    padding-top: 120px;
  }

  .cennik-bottom {
    margin-top: 10px;
    padding: 0;
  }

  .cennik-tyt2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 8vw;
    line-height: 9vw;
  }

  .hda {
    border-width: 1.5vw;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
    height: 35vw;
  }

  .hdb {
    border-bottom-right-radius: 1.5vw;
    border-bottom-left-radius: 1.5vw;
    height: 8vw;
  }

  .hag1 {
    left: 33px;
  }

  .hag2 {
    z-index: 18;
    justify-content: flex-start;
    align-items: center;
    left: 196px;
  }

  .hag1-graph {
    width: 60vw;
    height: 40vw;
    margin-top: 0;
    top: -37px;
  }

  .hag-pal {
    width: 100px;
    top: -63px;
    left: 20vw;
    right: 0;
  }

  .hag-prost {
    top: -171px;
    left: -172px;
  }

  .hag4 {
    align-items: center;
  }

  .hag-zest {
    width: 100px;
    top: -78px;
  }

  .hag-div {
    top: -9px;
  }

  .hero-inf2 {
    width: 100%;
  }

  .h2-ban2 {
    text-transform: none;
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
  }

  .button-hero2 {
    padding: 16px 20px 14px;
    font-size: 18px;
  }

  .hero2 {
    height: auto;
    padding-top: 140px;
    padding-bottom: 6vh;
    padding-left: 20px;
  }

  .sb-tyt2 {
    width: 100%;
    height: auto;
    padding-left: 0;
  }

  .s-cen-usl-content2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .zaj-tyt-22 {
    margin-bottom: 40px;
    line-height: 25px;
  }

  .button-op {
    font-size: 14px;
  }

  .pp-tyt3 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .pp-inf-time {
    font-size: 18px;
    line-height: 20px;
  }

  .konc-right {
    flex: 0 auto;
  }

  .konc-left {
    padding-left: 0;
    padding-right: 0;
  }

  .h1-konc {
    font-size: 12vw;
    line-height: 12vw;
  }

  .concept-section {
    flex-direction: column;
  }

  .templates-koncept-name {
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 40px;
    line-height: 40px;
    display: block;
  }

  .templates-konc-date {
    margin-left: 0;
    display: block;
  }

  .cennik-info {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cenn-info {
    margin-top: 20px;
    padding: 0;
    line-height: 28px;
  }

  .abo-ety-but2 {
    margin-left: auto;
    margin-right: auto;
  }

  .but-cenn {
    margin-left: 20px;
  }

  .art-photo-bg.apb-fb, .art-photo-bg.apb-migracja {
    min-height: 200px;
  }

  .art-h2 {
    font-size: 26px;
    line-height: 30px;
  }

  .bold-text-2 {
    line-height: 30px;
  }

  .li {
    margin-left: 0;
  }

  .bl-link {
    font-size: 14px;
  }

  .ab-oi-ety.aoe-mob {
    font-size: 16px;
    line-height: 16px;
  }

  .h1-ban3 {
    letter-spacing: 0;
    font-size: 5vh;
    line-height: 6vh;
  }

  .hero-sellbylink {
    height: auto;
    padding-top: 140px;
    padding-bottom: 6vh;
    padding-left: 0;
  }

  .sbl-tyt {
    width: 100%;
    height: auto;
    padding-top: 18px;
    padding-right: 0;
  }

  .sbl-inf-txt {
    font-size: 18px;
    line-height: 22px;
  }

  .sbl-rownanie {
    margin-top: 20px;
  }

  .sek-peli-img {
    height: 50px;
  }

  .sbl-logos {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .sekcja {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .sbjrc {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .sbljr-tyt {
    font-size: 30px;
    line-height: 30px;
  }

  .sbj-punkty {
    margin-top: 40px;
  }

  .sbjr-ety {
    font-size: 20px;
  }

  .sbjrc-num {
    font-size: 40px;
    line-height: 40px;
  }

  .sek-tyt6 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .sek-tyt7 {
    font-size: 40px;
    line-height: 40px;
  }

  .jtd-tyt {
    font-size: 50px;
    line-height: 45px;
  }

  .sek-tyt8 {
    font-size: 40px;
    line-height: 40px;
  }

  .jtd-tytk {
    font-size: 20px;
    line-height: 20px;
  }

  .jtdk-info {
    font-size: 14px;
    line-height: 20px;
  }

  .sbl-img {
    width: 150vw;
  }

  .h2-b2 {
    text-transform: none;
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
  }

  .hero2-conent {
    padding-top: 0;
  }

  .her2-c-right {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .hdb2 {
    height: 90px;
  }

  .hda2 {
    border-top-width: 10px;
    border-left-width: 10px;
    border-right-width: 10px;
  }

  .h1-bann-copy {
    letter-spacing: 0;
  }

  .heb-icon {
    width: 30px;
  }

  .heb-slid {
    left: 11px;
  }

  .hsl {
    width: 100px;
    height: 100px;
  }

  .sekcja-proces {
    padding-top: 40px;
  }

  .proc-trl.pmig {
    padding-left: 15px;
  }

  .pt-ety {
    font-size: 16px;
    line-height: 16px;
  }

  .ptr-price {
    font-size: 20px;
    line-height: 20px;
  }

  .sekcja-migracja {
    margin-bottom: 0;
  }

  .mig-subtyt {
    letter-spacing: 2px;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .mig-tab {
    padding-left: 60px;
  }

  .mtleft {
    padding-bottom: 0;
    padding-left: 0;
  }

  .mtright {
    width: 100%;
  }

  .p-nav {
    width: 100vw;
  }

  .p-nav.pn-all {
    padding-top: 10px;
  }

  .pg-content {
    width: 50%;
  }

  .pakt {
    width: 100%;
  }

  .sekcja-realizacje {
    margin-top: 0;
  }

  .realizacje-mob {
    width: 115vw;
  }

  .realizacja-mob.rm-parallax {
    height: 320px;
  }

  .rm-vid {
    width: 30vw;
    height: 60vw;
  }

  .rm-vid.rmv-domilu {
    width: 84vw;
    height: 50vw;
  }

  .rm-vid.rmv-margo {
    width: 30vw;
    height: 60vw;
  }

  .sr-reali-tyt {
    padding-left: 15px;
  }

  .ksi-txt {
    text-align: left;
  }

  .coupon-content {
    width: 90%;
  }

  .coup-tyt {
    font-size: 25px;
  }

  .coup-kod, .ctb {
    font-size: 40px;
  }

  .art-temp {
    width: 30vw;
    height: 30vw;
  }

  .section-blog {
    padding-top: 0;
  }

  .tempbancontent {
    height: auto;
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .sekcja-cennik-pakiety-etapy {
    margin-top: 0;
  }

  .mig-dlaczego {
    margin-top: 0;
  }

  .migh2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .of-spec {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    letter-spacing: .5vw;
    padding-left: 30px;
  }

  .sekcja-mig-form {
    padding-top: 0;
  }

  .mig-form {
    flex-direction: column;
    padding: 20px;
  }

  .mig-f-right {
    width: 100%;
  }

  .migf-tyt {
    font-size: 8vw;
    line-height: 8vw;
  }

  .scc-mig {
    margin-top: 60px;
    padding: 15px;
  }

  .ab-cols {
    flex-direction: column;
  }

  .mig-ab-info {
    font-size: 20px;
    line-height: 25px;
  }

  .p-nav-links.pnl-all {
    width: 100%;
  }

  .bls-1 {
    display: none;
  }

  .fb-tab {
    padding-top: 60px;
    padding-right: 40px;
  }

  .fbleft {
    padding-bottom: 40px;
    padding-left: 0;
  }

  .fbright {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .fb-mobile {
    width: 35vw;
    height: 60vw;
  }

  .fbmc {
    padding-top: 79px;
  }

  .fbm-ph {
    width: 14vw;
    height: 14vw;
  }

  .h2-fb {
    font-size: 25px;
    line-height: 30px;
  }

  .faceb {
    width: 40px;
  }

  .fbrlog {
    width: 170px;
  }

  .fb-arr {
    width: 20px;
  }

  .fb-cart {
    width: 130px;
    height: 130px;
  }

  .fb-payment {
    width: 80px;
  }

  .scc-fb {
    margin-top: 60px;
    padding: 15px;
  }

  .sekcja-facebok {
    margin-bottom: 0;
  }

  .scc-fb-mod {
    margin-top: 60px;
    padding: 15px;
  }

  .fb-baza {
    width: 80px;
  }

  .fbplus {
    margin-left: 20px;
  }

  .fb-cart2 {
    width: 80px;
    height: 80px;
  }

  .fbrlog2 {
    width: 40px;
  }

  .logo-cart2 {
    top: -3px;
    transform: scale(.4);
  }

  .sfbop {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sfb {
    flex-direction: column;
  }

  .sfb-left {
    padding-right: 0;
  }

  .sfb-right {
    margin-top: 20px;
    padding-left: 0;
  }

  .bold-text-3 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .lejek {
    width: 30px;
    height: 30px;
    top: -2px;
  }

  .ab-button-more {
    width: auto;
  }

  .ab-button-more.ab-button-green, .ab-button-more.ab-button-blue, .ab-button-more.ab-button-orange, .ab-button-more.ab-button-greey {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 16px;
  }

  .ab-button-less {
    width: auto;
  }

  .ab-button-less.ab-button-green, .ab-button-less.ab-button-blue, .ab-button-less.ab-button-orange, .ab-button-less.ab-button-greey {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 16px;
  }

  .cennkon {
    width: 35px;
    height: 35px;
    top: -4px;
  }

  .cennik-pakwdr-tyt {
    line-height: 50px;
  }

  .mig-ab-info-link {
    font-size: 20px;
    line-height: 25px;
  }

  .pg-w100, .pc-col {
    width: 100%;
  }

  .pg-cont {
    width: 50%;
  }

  .but-zaj4 {
    font-size: 14px;
    line-height: 14px;
  }

  .cyber-prom {
    flex-direction: column;
  }

  .cyberkod {
    font-size: 50px;
  }

  .cyber-tyt {
    font-size: 20px;
  }

  .ab-opcja-yell {
    text-align: center;
  }

  .ab-opcja-yell.ab-op-blank {
    min-height: 36px;
  }

  .eg-sbl-inf-txt {
    font-size: 18px;
    line-height: 22px;
  }

  .eg-sbl-sub-info {
    margin-top: 0;
  }

  .eg-sbl-sub-tyt {
    font-size: 10vw;
    line-height: 10vw;
  }

  .ega-peli {
    border-top-right-radius: 100px;
    margin-top: 0;
  }

  .ega-ofer {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .ega-of-left {
    border-radius: 500px;
    justify-content: center;
    align-items: center;
    width: 93vw;
    height: 93vw;
  }

  .ega-of-right {
    border: 0 solid #00ffc0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ega-ot-txt {
    font-size: 12vw;
    line-height: 12vw;
  }

  .ega-inf-txt {
    font-size: 18px;
    line-height: 22px;
  }

  .ega-rownanie {
    margin-top: 20px;
  }

  .ega-sblj-right {
    padding-top: 40px;
  }

  .ega-sbljr-tyt {
    font-size: 12vw;
    line-height: 12vw;
  }

  .ega-sbl-hero {
    flex-flow: column;
  }

  .ega-sbl-tyt {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-right: 0;
  }

  .ega-sbl-right {
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    justify-content: center;
    margin-top: 20px;
  }

  .hero-egall {
    height: auto;
    padding-top: 100px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .ega-but-top.butt {
    font-size: 15px;
  }

  .egall-stopka-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ega-stopka-kol {
    width: 100%;
    margin-bottom: 10px;
  }

  .ega-stopka-kol.sk-log {
    width: 100%;
    min-height: 100px;
  }

  .ega-st-linki {
    padding-top: 10px;
  }

  .ega-st-link {
    font-size: 14px;
    line-height: 14px;
  }

  .ega-start-info.si-sbl {
    font-size: 18vw;
    line-height: 15vw;
  }

  .ega-ssc-left {
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .bl-con {
    width: 46vw;
  }

  .blc-photo {
    height: 30vw;
  }

  .blog-category-info {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 10px;
  }

  .blog-ci-left {
    width: 100px;
    height: 100px;
  }

  .blog-ci-right {
    padding-left: 0;
  }

  .blog-cat-tyt {
    margin-top: 10px;
  }

  .s-cen-oferta {
    padding-left: 25px;
    padding-right: 25px;
  }

  .callp-box {
    width: 90%;
  }

  .callp-tyt {
    font-size: 25px;
    line-height: 27px;
  }

  .callp-icon {
    background-image: none;
    justify-content: flex-start;
    bottom: 30px;
    left: 30px;
  }

  .callp-icon-invite {
    display: none;
  }

  .callp-ico {
    background-size: 40px;
    width: 60px;
    height: 60px;
  }

  .bw-txt {
    font-size: 8vw;
    line-height: 8vw;
  }

  .cproc-do {
    font-size: 8vw;
  }

  .bfs-txt {
    letter-spacing: 3px;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    background-image: radial-gradient(circle at 70%, #ffeb1157, #0000 54%);
    width: 100vw;
    height: auto;
    display: flex;
    overflow: visible;
  }

  .logo {
    margin-left: 0;
  }

  .sb-tyt {
    width: 100%;
    height: auto;
    padding-right: 0;
  }

  .hero-contents {
    justify-content: flex-end;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .h1-ban {
    text-align: left;
    letter-spacing: -.2vw;
    font-size: 10vw;
    line-height: 11vw;
  }

  .h2-ban {
    text-transform: none;
    margin-top: 20px;
    margin-left: 0;
    font-size: 18px;
    line-height: 22px;
  }

  .but-top.butt {
    margin-top: 20px;
    font-size: 14px;
  }

  .center {
    width: 94%;
  }

  .zajawka {
    width: 45%;
  }

  .zaj-tyt-2 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 14vw;
    line-height: 14vw;
  }

  .opinie {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0;
  }

  .opinia {
    width: 100%;
    margin-bottom: 20px;
  }

  .opinia-content {
    padding: 0;
  }

  .opinia-txt {
    border-width: 0;
  }

  .opinia-photo {
    width: 40px;
    height: 40px;
  }

  .zaj-tyt-3 {
    font-size: 35px;
    line-height: 35px;
  }

  .sekcja-start {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .start-info {
    text-align: left;
    font-size: 14vw;
    line-height: 14vw;
  }

  .start-form.sf-sekcja {
    width: 100%;
  }

  .start-field {
    height: 40px;
  }

  .start-but {
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
  }

  .start-but:hover {
    letter-spacing: 2px;
  }

  .s-start-txt {
    text-align: left;
  }

  .stopka {
    padding: 0;
  }

  .stopka-kol {
    width: 50%;
    min-height: 100px;
    margin-bottom: 40px;
    padding-right: 10px;
  }

  .stopka-kol.sk-log {
    margin-bottom: 40px;
  }

  .stopka-content {
    padding: 40px 20px 20px;
  }

  .st-tyt {
    font-size: 16px;
    line-height: 25px;
  }

  .st-link {
    margin-bottom: 15px;
    font-size: 12px;
  }

  .st-link.st-link-bold {
    padding-left: 8px;
    padding-right: 8px;
  }

  .contener {
    overflow: hidden;
  }

  .h3-ban {
    letter-spacing: -3px;
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 50px;
  }

  .hero-info-txt {
    line-height: 25px;
  }

  .belka-content {
    padding-left: 20px;
  }

  .hb-contener {
    flex-direction: column;
  }

  .hb-img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .hb-prod {
    width: 95%;
    height: 60vh;
    margin-top: 40px;
    left: 20px;
  }

  .hbp-chair {
    top: 20px;
    left: -20px;
  }

  .sekcja-shoplik-to {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
  }

  .sekcja-design {
    padding-top: 20px;
  }

  .sek-tyt {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 22vw;
    line-height: 22vw;
  }

  .sek-subtyt {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 6vw;
    line-height: 6vw;
  }

  .sek-col.sek-col-left, .sek-col.sek-col-right {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sek-p {
    font-size: 16px;
  }

  .sek-p.sekpdesign {
    margin-top: 20px;
  }

  .sek-ekr {
    flex-direction: column;
  }

  .sek-ekr-left {
    padding-bottom: 0;
    padding-left: 20px;
  }

  .sek-ekr-right {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 70vh;
    margin-top: 40px;
  }

  .sekr-tyt-tyt {
    font-size: 22px;
    font-weight: 500;
  }

  .sekcja-manage {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sek-mg {
    margin-top: 0;
  }

  .sek-mg-right {
    height: 50vh;
  }

  .sek-mg-left {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sek-tyt2 {
    width: 100%;
    font-size: 40px;
    line-height: 40px;
  }

  .sek-mg-zajawki {
    flex-direction: column;
  }

  .sek-mg-zajawka {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }

  .sek-mg-zaj-txt {
    line-height: 25px;
  }

  .sek-mgr-r {
    padding-left: 10px;
  }

  .sekcja-faq {
    margin-top: 40px;
  }

  .sek-faq-tyt {
    margin-right: 0;
    font-size: 27px;
    line-height: 35px;
  }

  .sek-faq-content {
    padding: 20px 10px;
  }

  .faq-tyt {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .faq-title {
    padding-right: 10px;
    font-size: 18px;
  }

  .faq-txt {
    font-size: 16px;
    line-height: 18px;
  }

  .faq-min-plus {
    width: 20px;
  }

  .sekcja-cennik {
    padding-top: 40px;
  }

  .ab-col.ab-col-inf {
    justify-content: flex-start;
    margin-top: 20px;
    padding: 20px;
  }

  .abon-content, .abon-content.abon-c-blue {
    align-items: stretch;
  }

  .abon-content.abon-proj-mini, .abon-content.abon-proj-premium, .abon-content.abon-proj-standard {
    align-items: stretch;
    padding: 20px 15px;
  }

  .abon-content.abon-content-green {
    align-items: center;
  }

  .abon-content.abon-content-orange:hover {
    border-color: #ffdda5;
  }

  .abon-content.abon-content-zero {
    align-items: center;
  }

  .abon-content.abon-combo {
    align-items: stretch;
    padding: 20px 15px;
  }

  .abon-name {
    font-size: 35px;
    line-height: 35px;
  }

  .abon-name.an-grey {
    font-size: 50px;
    line-height: 50px;
  }

  .abon-name.abn {
    letter-spacing: 0;
    margin-left: 0;
  }

  .abon-name.ab-name-konf {
    letter-spacing: 0;
  }

  .abon-name.ab-name-prem {
    letter-spacing: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .abon-name.ab-name-gotowy {
    letter-spacing: 0;
  }

  .ab-button.ab-button-green {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .ab-button.ab-button-greey, .ab-button.ab-button-zero {
    font-size: 15px;
  }

  .scc {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .ab-opcje {
    flex-direction: column;
    align-items: stretch;
    margin-top: 10px;
    display: flex;
  }

  .ab-opcja {
    align-items: flex-start;
    height: auto;
    min-height: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .sek-temp-tyt {
    font-size: 17vw;
    line-height: 17vw;
  }

  .fsr-tyt {
    font-size: 11vw;
    line-height: 10vw;
  }

  .start-but-pop {
    letter-spacing: 0;
    font-size: 14px;
  }

  .start-but-pop:hover {
    letter-spacing: 1px;
  }

  .sekcja-admin {
    margin-top: 40px;
  }

  .sek-tyt-panel {
    font-size: 80px;
  }

  .sek-podtyt-panel {
    font-size: 16px;
    line-height: 16px;
  }

  .cms-podtyt {
    flex-direction: column;
  }

  .cms-podtyt-tr {
    width: 100%;
  }

  .sek-adm-txt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .adm-ety {
    font-size: 14px;
  }

  .templates-content {
    width: 98%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-tempales {
    padding: 30px 15px 10px;
  }

  .temlate {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .template-img {
    transform: scale(1.005);
  }

  .template-col {
    width: 100%;
  }

  .templates-tyt {
    letter-spacing: -4px;
    padding-left: 0;
    font-size: 60px;
    line-height: 30px;
  }

  .templates-podtyt {
    letter-spacing: 3px;
    padding-left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }

  .content-tyt {
    margin-top: 20px;
  }

  .page-content {
    margin-top: 0;
    padding-top: 80px;
  }

  .page-content.pc-kontakt {
    margin-top: 0;
    padding-top: 90px;
  }

  .page-content.page-content-zakladka {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .templates-top-tyt {
    width: 98%;
    padding-left: 0;
    padding-right: 0;
  }

  .hamb {
    justify-content: flex-start;
  }

  .hm {
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .belka-cr {
    padding-left: 30px;
  }

  .login-form {
    padding: 20px;
  }

  .lf-tyt {
    font-size: 30px;
    line-height: 30px;
  }

  .logowanie-content {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .ab-tab-ety.ate-label {
    text-align: left;
  }

  .start-field-pop {
    height: 40px;
  }

  .fs-both-photo {
    display: none;
  }

  .st-txt, .st-txt-link {
    font-size: 12px;
  }

  .page-contene {
    padding-top: 0;
  }

  .p-content {
    padding: 20px 15px;
  }

  .p-content.p-cc {
    padding-top: 40px;
  }

  .h1-page {
    text-align: left;
    margin-top: 0;
    font-size: 24px;
  }

  .h1-page.h1p {
    text-align: left;
    font-size: 25px;
    line-height: 25px;
  }

  .platnosc {
    width: 100%;
  }

  .form-contact {
    opacity: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }

  .contact-f-right {
    width: auto;
  }

  .h1-bann {
    letter-spacing: -1vw;
    margin-top: 0;
    font-size: 15vw;
    font-weight: 700;
    line-height: 18vw;
  }

  .cennik-tyt {
    margin-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .cennik-top {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .cennik-top.cen-t {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ct-butt {
    font-size: 16px;
    line-height: 16px;
  }

  .hk-top {
    margin-top: 0;
  }

  .kreat-tyt {
    letter-spacing: -4px;
    padding-left: 0;
    font-size: 50px;
    line-height: 50px;
    left: -2px;
  }

  .hero-kreator {
    margin-top: 0;
  }

  .hk-vid {
    margin-top: 40px;
  }

  .hkv-movie {
    height: 48vw;
  }

  .kreator-rwd {
    margin-top: 40px;
  }

  .rwd-tyt {
    padding-left: 0;
    font-size: 60px;
    line-height: 60px;
    left: -4px;
  }

  .rwd-tyt.komp-tyt {
    letter-spacing: -4px;
    font-size: 50px;
    line-height: 50px;
  }

  .kk-komponenty {
    flex-direction: column;
  }

  .kkk-left {
    text-align: center;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding: 40px 20px 60px;
    overflow: hidden;
  }

  .kkk-g2, .kkk-g3 {
    width: 100%;
    height: auto;
  }

  .kkk-ety {
    color: #95fffa;
    letter-spacing: -1px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 16px;
  }

  .kreat-temp {
    align-items: center;
    padding-left: 0;
  }

  .kt-img {
    width: 100%;
    max-width: 350px;
    padding-left: 5px;
  }

  .kreator-t-content {
    flex-direction: column;
  }

  .hk-temp-top {
    margin-top: 10px;
  }

  .hk-temp-tyt {
    width: 100%;
  }

  .temp-tyt {
    padding-left: 0;
    font-size: 60px;
    line-height: 60px;
  }

  .kreator-narzedzia {
    margin-top: 40px;
  }

  .narz-tyt {
    letter-spacing: -2px;
    padding-left: 0;
    font-size: 50px;
    line-height: 50px;
  }

  .knc-zaj {
    width: 100%;
    height: 220px;
    transition-duration: .6s;
  }

  .knc-ic, .knc-ic.knc-ic-txt-compon {
    width: 50px;
    height: 50px;
  }

  .knc-ety {
    font-size: 16px;
  }

  .knctxt {
    font-size: 13px;
  }

  .start-sub-info {
    text-align: center;
  }

  .start-info-green {
    text-align: left;
    line-height: 40px;
  }

  .tp0 {
    font-size: 70px;
    line-height: 80px;
  }

  .template-baner {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
  }

  .template-baner.tb-dedykowane {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 0;
  }

  .templates-prom-name {
    text-align: center;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .templates-prom-date {
    margin-left: 0;
  }

  .tresc {
    font-size: 16px;
    line-height: 20px;
  }

  .h2-page {
    font-size: 18px;
  }

  .lf-tyt-templ {
    font-size: 25px;
    line-height: 25px;
  }

  .lf-button-open {
    width: 100%;
  }

  .lf-tyt-templl {
    font-size: 25px;
    line-height: 25px;
  }

  .lf-podtyt-templl {
    line-height: 25px;
  }

  .ssc-left {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ssc-baner {
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ssc-templates-prom-name {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
    line-height: 35px;
  }

  .ssc-tp0 {
    font-size: 80px;
    line-height: 80px;
    display: none;
  }

  .ssc-templates-prom-date {
    text-align: left;
    margin-top: 20px;
    margin-left: 0;
    margin-right: auto;
    padding: 0;
    font-size: 16px;
  }

  .ssc-ban-inf {
    text-align: center;
    margin-top: 20px;
    margin-left: 0;
    margin-right: auto;
  }

  .prem-tyt {
    letter-spacing: -2px;
    padding-left: 0;
    font-size: 30px;
    line-height: 30px;
    left: -2px;
  }

  .prem-t {
    font-size: 70px;
    line-height: 60px;
    left: -3px;
  }

  .de-tyt {
    letter-spacing: -2px;
    padding-left: 0;
    font-size: 35px;
    line-height: 35px;
  }

  .de-grafika, .de-sekcja-premium {
    margin-top: 40px;
  }

  .de-s-content {
    padding: 20px;
  }

  .de-prem-tyt {
    letter-spacing: -2px;
    padding-left: 0;
    font-size: 50px;
    line-height: 50px;
  }

  .des-zaj {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    transition-duration: .6s;
  }

  .des-ic {
    width: 50px;
    height: 50px;
  }

  .des-ic.des-ic-graph, .des-ic.des-ic-moduly, .des-ic.desc-ic-component, .des-ic.des-ic-kompat {
    width: 30px;
    height: 30px;
  }

  .des-ic.des-ic-speed {
    width: 35px;
    height: 35px;
  }

  .des-ic.des-ic-help, .des-ic.des-ic-optyz, .des-ic.des-ic-discount, .des-ic.des-ic-quali {
    width: 30px;
    height: 30px;
  }

  .des-zaj-inf {
    padding-top: 10px;
  }

  .des-z-ety {
    font-size: 16px;
  }

  .des-z-txt {
    font-size: 13px;
  }

  .movie-prem {
    transform: translate(-5px)rotateX(23deg)rotateY(20deg)rotateZ(0);
  }

  .de-niesz-podtyt {
    flex-direction: column;
  }

  .deniesz-podtyt-tr, .de-podtyt-tr {
    width: 100%;
  }

  .sekcja-serwer {
    margin-top: 40px;
  }

  .sek-serw-left {
    padding-left: 0;
    padding-right: 0;
  }

  .de-serw-podtyt {
    flex-direction: column;
  }

  .de-ser-podtyt-tr {
    width: 100%;
  }

  .sek-podtyt-serw {
    letter-spacing: -1px;
  }

  .serw-podtyt-tr {
    width: 100%;
  }

  .de-serw-tyt {
    letter-spacing: -2px;
    padding-left: 0;
    font-size: 50px;
    line-height: 50px;
  }

  .sek-serw-p {
    margin-bottom: 0;
  }

  .sek-serw-left-content {
    padding-top: 20px;
  }

  .sek-ad-content {
    flex-flow: column;
    align-content: center;
    padding: 20px 10px 10px;
    overflow: hidden;
  }

  .sekcja-administr {
    margin-top: 20px;
  }

  .sek-ad-ek.sek-ad-col1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .sek-ad-ek.sek-ad-col2 {
    width: 100%;
  }

  .sek-ad-ek.sek-ad-col3 {
    width: 100%;
    display: flex;
  }

  .sekcja-kontaktowa {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .sk-tyt {
    font-size: 20px;
  }

  .sek-kon-right {
    min-width: auto;
  }

  .sk-tyt2 {
    font-size: 20px;
  }

  .adm-podtyt {
    flex-direction: column;
  }

  .adm-podtyt-tr {
    width: 100%;
  }

  .cookies {
    flex-direction: row;
    align-items: stretch;
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    left: 0;
  }

  .cookies-txt {
    padding-left: 5px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .but-cookie {
    width: 100px;
    margin-top: 0;
    margin-left: auto;
    padding: 10px;
  }

  .but-cookie:hover {
    padding: 10px;
  }

  .templates-prom-date-inf {
    text-align: center;
    margin-left: 0;
    font-size: 16px;
    line-height: 16px;
  }

  .templates-prom-sub-name {
    margin-bottom: 10px;
    margin-left: 0;
    line-height: 30px;
  }

  .pom-group.pomg-kreator, .pom-group.pomg-konfig {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pom-group.pomg-start {
    flex-direction: column;
  }

  .pom-group.pomg-asortyment {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pom-group.pomg-sprzedaz {
    flex-direction: column;
    align-items: flex-start;
  }

  .pom-group.pomg-platnosci, .pom-group.pomg-komponenty, .pom-group.pomg-konf {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pom-link {
    font-size: 25px;
    line-height: 25px;
  }

  .button-hero {
    text-align: center;
    letter-spacing: 1px;
    flex: 0 auto;
    width: auto;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-hero.bh2 {
    flex: 0 auto;
    margin-top: 10px;
    display: flex;
  }

  .button-hero.bh3 {
    flex: 0 auto;
    margin-top: 20px;
    font-size: 14px;
    line-height: 14px;
    display: flex;
  }

  .sekcja-mobile {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sc-info-txt {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 16px;
  }

  .ssc-templates-prom-tyt {
    margin-bottom: 10px;
    margin-left: 0;
    line-height: 30px;
  }

  .ab-info-tip.ab-info-tip-mob {
    align-items: flex-end;
  }

  .ab-inf-tr {
    justify-content: space-between;
  }

  .ab-it {
    opacity: 0;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .ab-it-txt {
    text-align: left;
    left: auto;
    right: 0;
  }

  .sekcja-zajawek {
    margin-top: 40px;
  }

  .s-zajawki-content {
    padding-left: 0;
    padding-right: 0;
  }

  .szaj-tyt {
    margin-top: 0;
  }

  .szaj-tyt-h1 {
    letter-spacing: -2px;
    padding-left: 0;
    font-size: 30px;
    line-height: 35px;
  }

  .szaj-sub-tyt-top {
    padding-left: 20px;
    padding-right: 20px;
  }

  .szaj-editzaj-txt {
    letter-spacing: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .szaj-zaj {
    width: 100%;
    transition-duration: .6s;
  }

  .szaj-z-ic, .szaj-z-ic.knc-ic-txt-compon {
    width: 50px;
    height: 50px;
  }

  .szaj-z-ety {
    font-size: 20px;
  }

  .shaj-creat-button {
    border-width: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 16px;
  }

  .cennik-bot {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-bg {
    height: 62vw;
    padding-left: 0;
    top: 0%;
  }

  .hero-inf {
    padding: 12vh 15px 10vh;
  }

  .hero-bg-content-photo {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 5vh;
  }

  .ab-for-graph {
    min-height: 10px;
    margin-top: 10px;
    font-size: 18px;
  }

  .ab-opcja-txt.aot {
    display: block;
  }

  .cennik-tyt-txt {
    font-size: 16px;
    line-height: 18px;
  }

  .sekcja-cennik-pakiety {
    padding-bottom: 10px;
  }

  .tab-usl-dod-content.abon-proj-mini, .tab-usl-dod-content.abon-proj-premium, .tab-usl-dod-content.abon-proj-standard {
    padding: 20px 10px;
  }

  .sekcja-ban {
    margin-top: 40px;
  }

  .s-cen-usl-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ban-got-skl {
    font-size: 40px;
    line-height: 40px;
  }

  .ban-but-got {
    padding: 13px 17px 15px;
    font-size: 18px;
    line-height: 18px;
  }

  .ban-got-skl-inf {
    text-align: left;
    font-size: 18px;
    line-height: 23px;
  }

  .sek-payment-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .payment-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .payment-tyt {
    font-size: 20px;
  }

  .payment-form {
    align-items: stretch;
    padding: 10px;
  }

  .payment-form.abon-c-blue {
    align-items: stretch;
  }

  .payment-form.abon-proj-mini, .payment-form.abon-proj-premium, .payment-form.abon-proj-standard {
    align-items: stretch;
    padding: 20px 10px;
  }

  .pf-top-but, .pf-top-but.pf-top-but-active {
    letter-spacing: 1px;
  }

  .pf-field {
    padding: 10px;
  }

  .templates-tyt-blog {
    letter-spacing: -4px;
    padding-left: 0;
    font-size: 20vw;
    line-height: 20vw;
  }

  .blog-content {
    margin-top: 20px;
  }

  .blogcontent {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-col {
    width: 100%;
  }

  .bai-tyt {
    min-height: 50px;
  }

  .art-content {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .art-top-left, .art-top-right {
    width: 100%;
  }

  .artykul {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .art-tresc {
    padding-top: 10px;
    padding-right: 0;
  }

  .st-zaj {
    border-right-width: 0;
    width: 100%;
  }

  .hero-info-tyt {
    font-size: 18px;
    line-height: 25px;
  }

  .sekcja-paylink {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sek-peli {
    margin-top: 0;
  }

  .sek-peli-cont {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sek-tyt4 {
    width: 100%;
    font-size: 30px;
    line-height: 30px;
  }

  .sek-tyt5 {
    font-weight: 700;
  }

  .sek-peli-zajawki {
    flex-direction: column;
  }

  .sek-peli-zajawka {
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .sek-peli-ico {
    height: 50px;
  }

  .p24-logo {
    width: 150px;
  }

  .brethcrumbs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pc-txt {
    flex: 1;
    font-size: 16px;
    line-height: 20px;
  }

  .cennik-tab-prom-tr {
    text-align: center;
    top: 0;
  }

  .ctpt-prom {
    text-align: left;
    width: 100%;
    font-size: 16vw;
    line-height: 14vw;
  }

  .template-baner2 {
    padding: 40px 10px;
  }

  .pakiet-szab-w {
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .tp02 {
    font-size: 70px;
    line-height: 80px;
  }

  .pakiet-szab-w2 {
    letter-spacing: 0;
    margin-bottom: 10px;
    margin-left: 0;
    line-height: 25px;
  }

  .pakiet-proces {
    margin-top: 20px;
    padding: 15px;
  }

  .pp-zaj {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
    padding: 20px 5px;
  }

  .pp-zaj.pp-zaj-last {
    border-bottom-width: 0;
  }

  .pp-tyt {
    font-size: 30px;
    line-height: 35px;
  }

  .pp-zajawki {
    margin-top: 10px;
  }

  .ppz-no {
    text-align: left;
    width: 35px;
    height: 50px;
    margin-right: 10px;
    font-size: 50px;
    line-height: 50px;
  }

  .ppz-inf {
    flex: 1;
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
  }

  .pg-left {
    width: 100%;
  }

  .pg-info-graph.pgig-start {
    width: 50px;
    height: 50px;
    margin-right: 0;
  }

  .pg-info-graph.pgig-config, .pg-info-graph.pgig-creator, .pg-info-graph.pgig-asortyment, .pg-info-graph.pgig-sprzedaz, .pg-info-graph.pgig-platnosci, .pg-info-graph.pgig-config2, .pg-info-graph.pgig-faq, .pg-info-graph.pgig-help-sys {
    width: 50px;
    height: 50px;
  }

  .pg-right {
    padding-top: 0;
    padding-left: 0;
  }

  .pgr-tyt-zajawki {
    font-weight: 300;
  }

  .bold-text {
    font-size: 20px;
    line-height: 20px;
  }

  .pg-nav {
    width: 100%;
  }

  .ha-device {
    background-color: #fff0;
    align-items: flex-start;
    width: 90vw;
    min-width: 90vw;
    padding: 0;
    display: flex;
  }

  .ha-vid {
    border-width: 3vw;
    padding: 0;
  }

  .hero-ban {
    padding-top: 80px;
  }

  .cennik-bottom {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
  }

  .cennik-tyt2 {
    text-align: left;
    font-size: 9vw;
    line-height: 10vw;
  }

  .hda {
    border-width: 2.2vw;
    border-top-left-radius: 2.2vw;
    border-top-right-radius: 2.2vw;
    height: 52vw;
  }

  .hdb {
    border-bottom-right-radius: 2.2vw;
    border-bottom-left-radius: 2.2vw;
    height: 10vw;
  }

  .ha-graph {
    padding-left: 0;
  }

  .hag1 {
    opacity: 1;
  }

  .hag2 {
    z-index: 18;
    align-items: flex-end;
  }

  .hag1-graph {
    width: 80vw;
    height: 50vw;
    padding: 6px;
    position: relative;
    top: -2px;
    left: 18px;
  }

  .hag1-dot {
    position: relative;
    top: -19px;
    left: -15px;
  }

  .hag-pal {
    width: 70px;
    top: -70px;
    right: -32px;
  }

  .hag3 {
    align-items: center;
  }

  .hag-prost {
    width: 25%;
    height: 40%;
    top: -107px;
    left: -91px;
  }

  .hag4 {
    opacity: 1;
    align-items: center;
  }

  .hag-zest {
    width: 80px;
    top: -92px;
    left: 89px;
  }

  .hag5 {
    align-items: flex-end;
  }

  .hag-div {
    height: 35px;
    top: 22px;
    left: 54px;
  }

  .hero-inf2 {
    padding-top: 0;
  }

  .h1-ban2 {
    letter-spacing: -.2vw;
    font-size: 14vw;
    line-height: 13vw;
  }

  .h2-ban2 {
    text-transform: none;
    margin-top: 40px;
    margin-left: 0;
  }

  .button-hero2 {
    text-align: center;
    border-width: 3px;
    width: auto;
    margin-top: 20px;
    padding: 13px 20px 11px;
    line-height: 18px;
  }

  .hero2 {
    width: 100vw;
    height: auto;
    padding-bottom: 2vh;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .sb-tyt2 {
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .s-cen-usl-content2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .s-op-content {
    padding-top: 40px;
  }

  .zaj-tyt-22 {
    text-align: left;
    margin-top: 0;
  }

  .op-tab {
    flex-direction: column;
  }

  .op-photos {
    flex: 0 auto;
    height: 500px;
  }

  .op-img-flow {
    top: -92px;
    left: -80px;
  }

  .op-img-dwi {
    top: 44px;
    left: 20px;
  }

  .op-img-wspol {
    top: -29px;
    left: 38px;
  }

  .op-img-shelws {
    width: 100px;
    top: 234px;
  }

  .op-img-krz {
    top: -151px;
    left: 50px;
  }

  .pp-tyt3 {
    font-size: 9vw;
    line-height: 10vw;
  }

  .pp-inf-time {
    font-size: 16px;
    line-height: 18px;
  }

  .hero-bttons {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-top: 10px;
  }

  .h1-konc {
    margin-bottom: 0;
  }

  .konc-txt {
    font-size: 16px;
    line-height: 22px;
  }

  .concept-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .templates-koncept-name {
    text-align: center;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .templates-konc-date {
    text-align: center;
    margin-left: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .op-content {
    width: 90%;
  }

  .inf-rez {
    font-size: 18px;
  }

  .cennik-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .cenn-info {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
  }

  .cenn-info.cennin {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    line-height: 16px;
  }

  .cen-info-konc {
    border: 5px solid #ff626521;
    border-radius: 20px;
    align-items: flex-start;
    margin-top: 30px;
    padding: 20px 15px;
  }

  .but-cenn {
    text-align: center;
    margin-left: 0;
    padding-top: 13px;
  }

  .text-span-2 {
    font-size: 14px;
  }

  .art-photo-bg.apb-fb, .art-photo-bg.apb-migracja {
    height: 30vh;
  }

  .art-h2 {
    font-size: 24px;
    line-height: 26px;
  }

  .h1-ban3 {
    text-align: left;
    letter-spacing: -.2vw;
    font-size: 15vw;
    line-height: 15vw;
  }

  .sbl-hero {
    padding-left: 0;
  }

  .hero-sellbylink {
    width: 100vw;
    height: auto;
    padding: 82px 0 2vh;
    display: flex;
    overflow: hidden;
  }

  .sbl-tyt {
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sbl-sub-info {
    align-items: flex-start;
  }

  .sbl-inf-txt {
    text-align: left;
  }

  .sbl-inf-txt.sit {
    margin-top: 5px;
  }

  .sbl-inf-txt.sit-plus {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .sbl-inf-txt.sit-sum {
    margin-left: 0;
    margin-right: 0;
    display: none;
    transform: translate(0);
  }

  .sbl-rownanie {
    flex-direction: column;
    align-items: flex-start;
  }

  .sbl-gw {
    text-align: left;
    margin-top: 30px;
  }

  .sek-peli-img {
    height: 50px;
  }

  .sbl-ico {
    width: 100vw;
  }

  .sek-spl-cont {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sekcja {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .sekcja.sekcja-sbl-korz, .sekcja.ega-sekcja-sbl-korz {
    padding-bottom: 40px;
  }

  .sblj-right {
    padding: 30px 20px;
  }

  .sbjrc {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sbjr-ety {
    font-size: 20px;
    line-height: 20px;
  }

  .sbjrc-num {
    font-size: 30px;
    line-height: 30px;
  }

  .sek-tyt6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 25px;
    line-height: 25px;
  }

  .sek-tyt7 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 25px;
  }

  .sbl-sc-right {
    padding-left: 15px;
    padding-right: 15px;
  }

  .jtd-tyt {
    font-size: 13vw;
    font-weight: 300;
    line-height: 13vw;
  }

  .sek-tyt8 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 25px;
  }

  .sbl-sblk-korz {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .jtd-tytk {
    font-size: 16px;
    line-height: 20px;
  }

  .h2-b2 {
    text-transform: none;
    margin-top: 40px;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero2-conent {
    padding-top: 53px;
  }

  .hdb2 {
    border-bottom-right-radius: 2.2vw;
    border-bottom-left-radius: 2.2vw;
    height: 17vw;
  }

  .hda2 {
    border-top-left-radius: 2.2vw;
    border-top-right-radius: 2.2vw;
    height: 70vw;
  }

  .ha-device2 {
    background-color: #fff0;
    align-items: flex-start;
    width: 110vw;
    min-width: 110vw;
    padding: 0;
    display: flex;
  }

  .h1-bann-copy {
    margin-top: 20px;
    font-size: 16px;
    line-height: 16px;
  }

  .heb-icon {
    margin-right: 20px;
  }

  .heb-slid {
    top: 90px;
  }

  .hsl {
    width: 20vw;
    height: 20vw;
  }

  .sekcja-proces {
    margin-top: 40px;
  }

  .proces-subtyt {
    font-size: 16px;
  }

  .proc-trl {
    padding: 15px 5px;
  }

  .proc-trl.pmig {
    padding-left: 20px;
    padding-right: 15px;
  }

  .proc-trr {
    padding: 5px;
  }

  .pt-ety {
    padding-right: 10px;
    font-size: 16px;
    line-height: 16px;
  }

  .ptr-price {
    font-size: 16px;
    line-height: 16px;
  }

  .ptr-pr {
    font-size: 14px;
    line-height: 14px;
    display: none;
  }

  .pt-min {
    width: 20px;
    min-width: 20px;
  }

  .sekcja-migracja {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .of-migracji {
    margin-top: 40px;
  }

  .mig-tyt {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12vw;
    line-height: 12vw;
  }

  .mig-subtyt {
    text-align: left;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    line-height: 22px;
  }

  .mig-tab {
    background-image: url('../images/migration.jpg');
    background-position: 50% -20%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    padding-top: 235px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mtright {
    padding: 20px;
  }

  .p-nav.pn-all {
    padding-top: 10px;
  }

  .pom-group-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .pom-group-nav.pomg-kreator, .pom-group-nav.pomg-konfig, .pom-group-nav.pomg-start, .pom-group-nav.pomg-asortyment {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pom-group-nav.pomg-sprzedaz {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pom-group-nav.pomg-platnosci, .pom-group-nav.pomg-komponenty, .pom-group-nav.pomg-konf {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pg-content {
    width: 100%;
  }

  .ab-korzysci {
    align-items: flex-start;
  }

  .abk-inf {
    font-size: 16px;
  }

  .abk {
    align-items: flex-start;
  }

  .sekcja-realizacje {
    padding-top: 10px;
  }

  .realizacja-mob {
    margin: 3.5vw;
  }

  .realizacja-mob.rm-parallax {
    height: 230px;
  }

  .rm-vid.rmv-domilu {
    width: 94vw;
    height: 56vw;
  }

  .rm-vid.rmv-margo {
    width: 40vw;
    height: 80vw;
  }

  .sr-reali-tyt {
    letter-spacing: 2px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 40px;
  }

  .sr-content {
    padding-top: 0;
  }

  .ksi-txt {
    font-size: 25px;
    line-height: 25px;
  }

  .ksit-b {
    font-size: 40px;
  }

  .ban-got-skl2 {
    font-size: 30px;
    line-height: 30px;
  }

  .ety {
    padding: 3px;
    font-size: 10px;
    line-height: 10px;
  }

  .coup-tyt {
    font-size: 5vw;
  }

  .coup-kod {
    font-size: 9vw;
    line-height: 10vw;
  }

  .ctb {
    font-size: 5vw;
    line-height: 10vw;
  }

  .art-temp {
    width: 38vw;
    height: 38vw;
    margin-bottom: 20px;
  }

  .art-szab {
    width: 38vw;
    height: 38vw;
    margin-bottom: 10px;
  }

  .icpalay, .icpause {
    width: 40px;
    height: 40px;
  }

  .rmv-link {
    margin-bottom: 54px;
  }

  .section-blog {
    padding: 0 15px 10px;
  }

  .tempbancontent {
    height: auto;
  }

  .sekcja-cennik-pakiety-etapy {
    padding-bottom: 10px;
  }

  .mt-li.mt-li-bold {
    font-size: 8vw;
    line-height: 8vw;
  }

  .migh2 {
    padding-left: 15px;
    font-size: 10vw;
    line-height: 10vw;
  }

  .of-spec {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 6vw;
    font-weight: 400;
    line-height: 7vw;
  }

  .scc-mig {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .ofspec {
    line-height: 18px;
  }

  .migb-zadar {
    display: none;
  }

  .h1-help {
    text-align: left;
    margin-top: 0;
    font-size: 24px;
  }

  .h1-help.h1p {
    text-align: left;
    font-size: 25px;
    line-height: 25px;
  }

  .bls-1, .bls-2 {
    display: none;
  }

  .fb-tab {
    background-position: 0%;
    background-size: cover;
    background-attachment: fixed;
    padding-right: 0;
  }

  .fbright {
    padding: 20px 5px 20px 15px;
  }

  .fb-hero {
    margin-top: 40px;
  }

  .fb-mobile {
    width: 45vw;
    height: 80vw;
  }

  .fbmt {
    padding-top: 10px;
  }

  .fbmc {
    padding-top: 50px;
  }

  .fbm-ph {
    width: 17vw;
    height: 17vw;
    margin-bottom: 2vw;
  }

  .fb-tyt {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12vw;
    line-height: 13vw;
  }

  .faceb {
    width: 30px;
  }

  .fbrlog {
    width: 40vw;
  }

  .fb-arr {
    width: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .fb-cart {
    width: 100px;
    height: 100px;
  }

  .fb-payment {
    width: 50px;
  }

  .logo-cart {
    margin-left: 0;
    top: -4px;
    transform: scale(.55);
  }

  .scc-fb {
    margin-top: 20px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mig-fb-tyt {
    font-size: 8vw;
    line-height: 9vw;
  }

  .sfb-rek {
    margin-top: 30px;
  }

  .fb-info-txt {
    padding-top: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .sekcja-facebok {
    padding-top: 40px;
  }

  .fb-info-tyt {
    font-size: 20px;
    line-height: 25px;
  }

  .sffb-ico {
    width: 30px;
    margin-right: 20px;
  }

  .scc-fb-mod {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .fb-baza {
    width: 50px;
  }

  .fbplus {
    margin-left: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .fbr-t2 {
    justify-content: space-between;
    margin-top: 20px;
  }

  .fb-cart2 {
    width: 50px;
    height: 50px;
  }

  .logo-cart2 {
    margin-left: 0;
    top: -1px;
    transform: scale(.3);
  }

  .sfbop {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sfb-right {
    padding-left: 0;
  }

  .sfbl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sbl-value {
    font-size: 25px;
    line-height: 30px;
  }

  .sfbr {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mig-fb-tyt2 {
    font-size: 8vw;
    line-height: 9vw;
  }

  .fb-info-txt2 {
    padding-top: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .artm-kreator {
    height: 69vw;
  }

  .bold-text-3 {
    font-size: 6vw;
    line-height: 7vw;
  }

  .ab-button-more.ab-button-green, .ab-button-more.ab-button-greey {
    font-size: 15px;
  }

  .ab-button-less {
    height: 0;
  }

  .ab-button-less.ab-button-green, .ab-button-less.ab-button-greey {
    font-size: 15px;
  }

  .bezpl {
    background-color: #ffeb1133;
  }

  .cennkon {
    position: relative;
    top: -4px;
  }

  .blog-info-ram {
    padding: 10px;
  }

  .bir {
    text-align: left;
    font-size: 20px;
    line-height: 25px;
  }

  .pc-img-contener {
    padding: 0 10px;
  }

  .cennik-pakwdr-tyt {
    margin-right: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .bold-text-4 {
    font-size: 12vw;
    line-height: 12vw;
  }

  .pg-w100, .pg-cont {
    width: 100%;
  }

  .cproc {
    font-size: 35vw;
    line-height: 30vw;
  }

  .cyber-prom {
    flex-direction: column;
    width: 100%;
    padding-top: 12px;
  }

  .cyberkod {
    font-size: 40px;
    line-height: 40px;
  }

  .cyber-tyt {
    text-align: center;
    margin-right: 0;
    font-size: 18px;
  }

  .ab-opcja-yell {
    align-items: flex-start;
    padding-left: 5px;
    padding-right: 5px;
  }

  .zero {
    font-size: 100px;
  }

  .eg-sbl-inf-txt {
    text-align: left;
  }

  .eg-sbl-inf-txt.sit {
    margin-top: 5px;
  }

  .eg-sbl-inf-txt.sit-plus {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .eg-sbl-inf-txt.sit-sum {
    margin-left: 0;
    margin-right: 0;
    display: none;
    transform: translate(0);
  }

  .eg-sbl-sub-info {
    align-items: flex-start;
  }

  .eg-h1 {
    text-align: left;
    letter-spacing: -.2vw;
    font-size: 20vw;
    line-height: 20vw;
  }

  .eg-ban-main-top {
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .eg-sbl-sub-tyt {
    text-align: left;
    font-size: 13vw;
    font-weight: 700;
    line-height: 13vw;
  }

  .eg-sbl-sub-tyt.sit {
    margin-top: 5px;
  }

  .eg-sbl-sub-tyt.sit-plus {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .eg-sbl-sub-tyt.sit-sum {
    margin-left: 0;
    margin-right: 0;
    display: none;
    transform: translate(0);
  }

  .ega-sbl-inf-txt {
    text-align: left;
    margin-top: 40px;
    font-size: 25px;
    line-height: 28px;
  }

  .ega-sbl-inf-txt.sit {
    margin-top: 5px;
  }

  .ega-sbl-inf-txt.sit-plus {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .ega-sbl-inf-txt.sit-sum {
    margin-left: 0;
    margin-right: 0;
    display: none;
    transform: translate(0);
  }

  .emc-prod.emc-p3 {
    top: 23px;
    left: 21px;
  }

  .ega-spl-cont {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ega-peli {
    margin-top: 0;
  }

  .emcmb-price {
    font-size: 8px;
    line-height: 8px;
  }

  .emc-cart {
    width: 14px;
    height: 15px;
  }

  .ega-tyt4 {
    font-size: 13vw;
    line-height: 13vw;
  }

  .ega-input-url {
    padding-left: 79px;
    font-size: 16px;
    line-height: 16px;
  }

  .ega-inp-home-txt {
    font-size: 16px;
  }

  .ega-url-butt {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
  }

  .ega-of-left, .ega-of-right {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ega-ot-txt {
    text-align: center;
  }

  .ega-ot-txt2 {
    font-size: 7vw;
    line-height: 9vw;
  }

  .ega-inf-txt {
    text-align: left;
  }

  .ega-inf-txt.sit {
    margin-top: 5px;
  }

  .ega-inf-txt.sit-plus {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .ega-inf-txt.sit-sum {
    margin-left: 0;
    margin-right: 0;
    display: none;
    transform: translate(0);
  }

  .ega-rownanie {
    flex-direction: column;
    align-items: flex-start;
  }

  .ega-sblj-right {
    border-top-right-radius: 50px;
    padding: 30px 15px;
  }

  .ega-sbl-hero {
    padding-left: 0;
  }

  .ega-sbl-tyt {
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bold-text-8 {
    font-size: 14vw;
    line-height: 14vw;
  }

  .hero-egall {
    width: 100vw;
    height: auto;
    padding: 82px 0 2vh;
    display: flex;
    overflow: hidden;
  }

  .ega-sek-tyt5 {
    font-weight: 700;
  }

  .ega-jcontent {
    margin-top: 40px;
  }

  .ega-but-top.butt {
    margin-top: 20px;
    font-size: 14px;
  }

  .egall-logo {
    width: 40px;
  }

  .egall-stopka {
    padding: 0;
  }

  .egall-stopka-content {
    padding: 20px 15px;
  }

  .ega-stopka-kol {
    padding-right: 10px;
  }

  .ega-stopka-kol.sk-log {
    margin-bottom: 40px;
  }

  .ega-st-linki {
    flex-flow: column;
  }

  .ega-st-link {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .ega-st-link.st-link-bold {
    padding-left: 8px;
    padding-right: 8px;
  }

  .ega-start-info {
    text-align: left;
    font-size: 13vw;
    line-height: 13vw;
  }

  .ega-ssc-left {
    padding: 0 10px;
  }

  .infb-link {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 6px;
  }

  .bl-con {
    width: 100%;
  }

  .blc-photo {
    height: 50vw;
  }

  .blog-cat-tyt {
    font-size: 12vw;
    line-height: 12vw;
  }

  .s-cen-oferta {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ban-off-tyt {
    font-size: 40px;
    line-height: 40px;
  }

  .ban-off-txt {
    text-align: left;
    font-size: 18px;
    line-height: 23px;
  }

  .ban-off-butt {
    text-align: center;
    width: 100%;
    padding: 13px 17px 15px;
    font-size: 18px;
    line-height: 18px;
  }

  .callp-tyt {
    font-size: 20px;
    line-height: 22px;
  }

  .callp-call-button {
    height: 45px;
    font-size: 16px;
    line-height: 16px;
  }

  .callp-tell-input {
    background-size: 25px;
    height: 40px;
  }

  .callp-inf-txt {
    font-size: 16px;
    line-height: 20px;
  }

  .bw-txt {
    text-align: left;
    font-size: 8vw;
    line-height: 8vw;
  }

  .black-friday {
    top: 91px;
  }

  .bf-slides {
    height: 35px;
  }

  .aoy-ab-inf-tr {
    justify-content: space-between;
  }
}

#w-node-_2e538e98-2bde-2b4a-9bb9-1e2fb4b3e4dc-39fe244f, #w-node-_0a478545-c56c-37ce-3cfb-4f8d07689992-39fe244f, #w-node-e80d1d79-0bb3-aacb-95bb-131309d292e9-39fe244f, #w-node-e80d1d79-0bb3-aacb-95bb-131309d292ea-39fe244f, #w-node-db3d2b29-2a0c-b820-55e0-cfc777ba5507-39fe244f, #w-node-db3d2b29-2a0c-b820-55e0-cfc777ba5508-39fe244f, #w-node-_5a59eb9f-1ba4-fb5d-bcd8-55f7049f2a85-39fe244f, #w-node-_5a59eb9f-1ba4-fb5d-bcd8-55f7049f2a86-39fe244f, #w-node-b4015e8a-bef1-0fa5-6f40-1bed8d6a51fc-39fe244f, #w-node-b4015e8a-bef1-0fa5-6f40-1bed8d6a51fd-39fe244f, #w-node-_91441572-405d-47bd-18bf-1008b42aa9a5-39fe244f, #w-node-_91441572-405d-47bd-18bf-1008b42aa9a6-39fe244f, #w-node-_055e890b-bda0-c943-2638-70f5406917f3-39fe244f, #w-node-_055e890b-bda0-c943-2638-70f5406917f4-39fe244f, #w-node-_82ac0b46-373b-9e8e-bae5-da9d93e7afbd-39fe244f, #w-node-_82ac0b46-373b-9e8e-bae5-da9d93e7afbe-39fe244f, #w-node-eb5ff47b-c80d-1730-1eb9-6a39017dfd62-39fe244f, #w-node-eb5ff47b-c80d-1730-1eb9-6a39017dfd63-39fe244f, #w-node-d129d05d-fbf1-2949-5f72-57140f41734a-39fe244f, #w-node-d129d05d-fbf1-2949-5f72-57140f41734b-39fe244f, #w-node-b569ad7b-13f1-24d4-22e6-fc1af5219b66-39fe244f, #w-node-b569ad7b-13f1-24d4-22e6-fc1af5219b67-39fe244f, #w-node-d0a0eeb1-5cc5-1b35-e33f-7e0b76c76c2a-39fe244f, #w-node-d0a0eeb1-5cc5-1b35-e33f-7e0b76c76c2b-39fe244f, #w-node-e79a6fcd-d7c4-e7e2-60b2-f0729764e144-39fe244f, #w-node-e79a6fcd-d7c4-e7e2-60b2-f0729764e145-39fe244f, #w-node-_2c5c2dfb-afcf-6b8e-a670-5f5eb2c51395-39fe244f, #w-node-_2c5c2dfb-afcf-6b8e-a670-5f5eb2c51396-39fe244f, #w-node-f5fdbde2-8dac-e556-78f6-e7e550768bcf-39fe244f, #w-node-f5fdbde2-8dac-e556-78f6-e7e550768bd0-39fe244f, #w-node-_898afa81-d67f-d0a5-cec7-4a9b0d5e8cd2-39fe244f, #w-node-_898afa81-d67f-d0a5-cec7-4a9b0d5e8cd3-39fe244f, #w-node-_964eabc3-661c-7862-6b5d-91fdd23377e7-39fe244f, #w-node-_964eabc3-661c-7862-6b5d-91fdd23377e8-39fe244f, #w-node-a1a1371f-41af-0217-82e7-a758bc49b376-39fe244f, #w-node-a1a1371f-41af-0217-82e7-a758bc49b377-39fe244f, #w-node-b4a51555-098b-55f7-9fe3-edfe0bd49374-39fe244f, #w-node-b4a51555-098b-55f7-9fe3-edfe0bd49375-39fe244f, #w-node-_741b09b6-37c6-607b-f9a0-ea10ffa64c1b-39fe244f, #w-node-_741b09b6-37c6-607b-f9a0-ea10ffa64c1c-39fe244f, #w-node-c7b43752-5583-c144-bb75-d87be0a77d69-39fe244f, #w-node-c7b43752-5583-c144-bb75-d87be0a77d6a-39fe244f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: '5cdb207cf55c9e2224f7edcc graphik web';
  src: url('../fonts/5cdb207cf55c9e2224f7edcc_Graphik-Regular-Web.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Soleil';
  src: url('../fonts/SoleilRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Soleilbold';
  src: url('../fonts/SoleilBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Soleilbook';
  src: url('../fonts/SoleilBook.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SoleilLight';
  src: url('../fonts/SoleilLight.otf') format('opentype'), url('../fonts/SoleilLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SoleilBold';
  src: url('../fonts/SoleilBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SoleilRegular';
  src: url('../fonts/SoleilRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SoleilBook';
  src: url('../fonts/SoleilBook.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}