/*@supports (display: grid) {
    .site-grid {
        grid-template-areas:
          ". top-a top-a top-a top-a ."
          ". banner banner banner banner ."
          ". top-b top-b top-b top-b ."
          ". comp comp comp comp ."
          ". side-r side-r side-r side-r ."
          ". side-l side-l side-l side-l ."
          ". bot-a bot-a bot-a bot-a ."
          ". bot-b bot-b bot-b bot-b .";
    }
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". banner banner banner banner ."
              ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". side-l comp comp side-r ."
              ". bot-a bot-a bot-a bot-a ."
              ". bot-b bot-b bot-b bot-b ."
        }
    }
}*/
:root {
  --body-font-family: "DM Sans";
  --body-font-weight: 300;
  --cassiopeia-color-primary: #32a936;
  --cassiopeia-color-naglowek-tlo: rgb(250, 241, 12);
  --cassiopeia-color-light: #c0e7a9;
  --cassiopeia-color-link: #e20074;
  --cassiopeia-color-hover: #424077;
  --cassiopeia-color-text-slider: rgb(25, 118, 28);
  --cassiopeia-bg-menu-primary: rgba(255, 255, 255, 0.95);
  --cassiopeia-bg-menu-secondary: rgba(25, 118, 28, 0.9);
  --margin-top: 110px
    /*calc(110px - 2rem)*/
  ;
  --card-border-width: none;
  --card-border-color: var(--cassiopeia-color-primary);
  --rynek-margin-left: 209px;
  --rynek-margin-right: var--(--rynek-margin-left);
}

body {
  font-family: var(--body-font-family);
  font-size: 18px;
  background-image: url("../../../../../images/szablon/bg-venta.webp");
  background-repeat: repeat-y;
}

/* dm-sans-300 - latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/dm-sans-v14-latin-ext-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-regular - latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dm-sans-v14-latin-ext-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-500 - latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/dm-sans-v14-latin-ext-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-700 - latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/dm-sans-v14-latin-ext-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-serif-text-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Serif Text";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dm-serif-text-v12-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

h1,
h2,
h3,
.camera_target_content .camera_caption_title,
.camera_target_content .camera_caption_desc {
  font-family: "DM Serif Text";
}

h2 {
  font-weight: 400;
}

body.wrapper-fluid .site-grid {
  max-width: 100%;
}

body.wrapper-fluid .site-grid {
  grid-gap: 0;
}

.container-header .mod-menu {
  flex: 0 0 100%;
}

.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: center;
}

.container-header .metismenu>li>a:after,
.container-header .metismenu>li>button:before,
.container-header .metismenu>li.active>a:after,
.container-header .metismenu>li.active>button:before,
.container-header .metismenu>li>a:hover:after,
.container-header .metismenu>li>button:hover:before {
  display: none;
}

.metismenu.mod-menu .mm-collapse {
  background-color: #000;
}

.card {
  border: none !important;
}

.container-header {
  position: fixed;
  width: 100%;
  background-color: transparent;
  background-image: none;
  display: grid;
  grid-template-columns: minmax(auto, 365px) 1fr;
  box-shadow: none;
}

body.wrapper-fluid header.container-header>.grid-child {
  padding: 0;
}

.container-component>*+*,
.container-component> :first-child,
.container-sidebar-left>*+*,
.container-sidebar-left> :first-child,
.container-sidebar-right>*+*,
.container-sidebar-right> :first-child {
  margin-top: 0;
}

/*.container-header .metismenu.mod-menu .mm-toggler{display: none}*/
.container-header .mod-menu {
  gap: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.metismenu.mod-menu .metismenu-item {
  padding: 0.5em;
}

.offcanvas.show .metismenu.mod-menu .metismenu-item {
  background: transparent;
  justify-content: center;
}

.container-header .metismenu.mod-menu {
  position: relative;
}

.container-header .offcanvas:not(.show) .metismenu.mod-menu:before {
  /*background-color: #000;*/
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  vertical-align: middle;
  width: 100%;
  top: calc(50% - 0.5px);
}

.metismenu.mod-menu .metismenu-item>ul {
  box-shadow: none;
  left: 0;
}

/* .metismenu.mod-menu .metismenu-item:hover>ul {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
} */

.metismenu.mod-menu .metismenu-item>a,
.metismenu.mod-menu .metismenu-item .metismenu-item>a,
.mod-menu .nav-item a,
.com-contact__container.opis h2 a {
  position: relative;
}

/*.metismenu.mod-menu .metismenu-item.active>a:before,
.metismenu.mod-menu .metismenu-item:hover>a:before,
.metismenu.mod-menu .metismenu-item .metismenu-item:is(.active, :hover)>a:before,
.mod-menu .nav-item:is(.active, :hover) a:before,
.com-contact__container.opis h2:hover a:before,
.result__item .result__title:hover a:before{width: 100%}
.metismenu.mod-menu .metismenu-item>a:before,
.metismenu.mod-menu .metismenu-item .metismenu-item>a:before,
.mod-menu .nav-item a:before,
.com-contact__container.opis h2 a:before,
.result__item .result__title a:before{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: var(--cassiopeia-color-primary);-webkit-transition: 0.3s;transition: 0.3s;}*/
.mod-menu .nav-item {
  width: auto;
}

.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover,
.container-header .grid-child.container-nav .nav-item.active>a,
.container-header .grid-child.container-nav .nav-item:hover>a {
  text-decoration: none;
  color: #fff;
}

header {
  top: -1px !important
    /*;padding: 1em;padding-top: calc(1em + 1px)*/
  ;
  transition: all 2s ease-in-out;
}

.moduletable>div {
  background-repeat: no-repeat;
}

header.isSticky .grid-child:first-child img {
  width: 100px;
}

.container-header .grid-child.container-nav {
  background-color: var(--cassiopeia-bg-menu-secondary);
}

.container-header .grid-child.container-nav a,
footer .nav a,
.metismenu.mod-menu .metismenu-item>button {
  color: #fff !important;
  font-weight: 400;
  font-size: 1.333rem;
  text-transform: initial;
}

/* #C0E7A9 */
.container-header .mod-menu>li.active:after,
.container-header .mod-menu>li:hover:after,
.container-header .mod-menu>li:after {
  display: none;
}

.container-header .grid-child.container-nav .mm-collapse a {
  font-size: 1rem;
}

.footer .footer-4 .nav a {
  font-weight: initial;
}

.container-header .grid-child:first-child {
  justify-content: center;
  background-color: var(--cassiopeia-color-primary);
}

.container-header .navbar-brand {
  margin-inline-start: 0;
  margin: 30px 80px;
}

.container-header .navbar-brand a img,
footer .grid-child.footer-top img {
  max-width: 150px;
}

.container-header.isSticky .grid-child:first-child {
  justify-content: center;
}

.container-header.isSticky .grid-child.container-nav {
  justify-content: flex-end;
}

.article-info .info-top,
.owl-carousel .entry-meta.info {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
}

/* slider */
.container-banner {
  position: relative;
  margin: 0;
}

.container-banner .camera_fakehover {
  position: relative;
}

.slider .camera_caption>div {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
}

.container-banner .slideshowck {
  margin-bottom: 0 !important;
}

.container-banner .camera_target_content {
  left: 300px !important;
  right: 465px !important;
  top: 400px !important;
  bottom: auto !important;
  overflow: visible;
}

.container-banner .camera_pag {
  position: absolute;
  top: calc(50% - 82px);
  right: 0;
  width: 85px;
  background-color: #000;
  z-index: 3;
}

.container-banner .camera_wrap .camera_pag .camera_pag_ul li {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: transparent;
  border: 1px solid #fff;
}

.container-banner .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
  border: 1px solid var(--cassiopeia-color-primary);
}

.container-banner .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span,
.container-banner .camera_wrap .camera_pag .camera_pag_ul li:hover>span {
  background: transparent;
}

.container-banner .camera_wrap .camera_pag .camera_pag_ul {
  margin-left: 10px;
}

.camera_target_content .camera_caption_title,
.camera_target_content .camera_caption_desc {
  font-size: 2rem;
  line-height: 3.333rem;
  font-weight: 400;
  text-align: center;
  color: var(--cassiopeia-color-text-slider);
}

.camera_target_content .camera_caption_desc {
  font-size: 3.556rem;
  font-weight: 400;
}

.moduletable:is(.katalog.oferta,
  .top-box.o-nas,
  .top-box.oferta,
  .top-box.kontakt) .mod-custom {
  min-height: 577px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.moduletable:is(.katalog.oferta,
  .top-box.o-nas,
  .top-box.oferta,
  .top-box.kontakt) .mod-custom {
  min-height: 577px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.moduletable .katalog.oferta .mod-custom {
  min-height: 432px;
}

.moduletable:is(.katalog.oferta,
  .top-box.o-nas,
  .top-box.oferta,
  .top-box.kontakt) .mod-custom h1 {
  color: var(--cassiopeia-color-primary);
  font-size: 3rem;
  font-weight: 300;
}

.moduletable:is(.katalog.oferta,
  .top-box.o-nas,
  .top-box.oferta,
  .top-box.kontakt) .mod-custom h1 .male {
  font-size: 4rem;
  font-weight: 700;
  display: block;
}

.moduletable.katalog.oferta .mod-custom h1 {
  color: #fff;
  text-align: center;
}

.moduletable.katalog.oferta .mod-custom h1 .male {
  color: var(--cassiopeia-color-primary);
}

.moduletable.katalog.oferta .mod-custom button {
  font-size: 1rem;
  border: 1px double #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
}

.moduletable.katalog.oferta .mod-custom button:hover {
  background: #000;
  color: #fff;
}

.mod-breadcrumbs.breadcrumb {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 500px;
  min-height: 157px;
}

.naglowek,
.artykul-oferta .full-width,
.artykul-kontakt .moduletable.kontakt {
  position: relative;
}

.moduletable.naglowek.o-nas:before {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 162px;
  height: 168px;
  position: absolute;
  left: 0;
  top: 0;
}

.moduletable.naglowek.kontakt:before {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 162px;
  height: 168px;
  position: absolute;
  left: 0;
  top: 0;
}

.artykul .naglowek:after {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 165px;
  height: 300px;
  position: absolute;
  right: 0;
  top: 0;
}

/*main:after{content: '';background-color:#000;width: 162px;height: 168px;position: absolute;right: 0;bottom: 0;}*/
/*main .com-content-article{ grid-column:}*/

.artykul-oferta {
  display: grid;
  grid-template-columns:
    [full-start] minmax(0, 1fr) [main-start] minmax(0, 1314px) [main-end] minmax(0, 1fr) [full-end];
}

.artykul-oferta:after {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 165px;
  height: 500px;
  position: absolute;
  right: 0;
  top: 0;
}

.artykul-kontakt .moduletable.kontakt.dane:after {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 165px;
  height: 300px;
  position: absolute;
  right: 0;
  top: 0;
}

.artykul-kontakt .moduletable.kontakt.ekspert:after {
  content: "";
  background-color: #000;
  width: 165px;
  height: 600px;
  position: absolute;
  left: 0;
  top: 0;
}

.artykul-kontakt .moduletable.kontakt.mapa:after {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 165px;
  height: 650px;
  position: absolute;
  right: 0;
  top: 0;
}

.artykul-oferta .full-width:before {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 162px;
  height: 168px;
  position: absolute;
  left: 0;
  bottom: 100%;
}

.artykul-oferta .page-header {
  justify-self: center;
}

.artykul-oferta .page-header,
.artykul-oferta figure.item-image,
.artykul-oferta .introtext,
.artykul-oferta .com-content-article__body,
.artykul-oferta .pagenavigation {
  grid-column: main-start;
  grid-column-start: main-start;
}

.artykul-oferta .com-content-article__body {
  display: grid;
  grid-template-columns: subgrid;
}

.artykul-oferta .full-width {
  grid-column: full;
  margin: 40px 0;
}

.artykul-oferta>*:not(.full-width) {
  grid-column: main-start/main-end;
}

.artykul-oferta .items .item {
  display: grid;
  grid-template-columns:
    [lewa-start] minmax(0, 1fr) [lewa-end] 2rem [prawa-start] minmax(0, 1fr) [prawa-end];
}

.artykul-oferta .item {
  padding: 50px 0;
  position: relative;
}

.artykul-oferta .item * {
  align-self: center;
}

.artykul-oferta .item h3 {
  grid-column: lewa-start/prawa-end;
  justify-self: center;
  padding: 2rem 0;
}

.artykul-oferta .item img {
  grid-column: lewa-start/lewa-end;
  z-index: 2;
}

.artykul-oferta .item:nth-child(even) img {
  grid-column: prawa-start/prawa-end;
}

.artykul-oferta .item:before {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 164px;
  height: 591px;
  position: absolute;
  z-index: 1;
}

.artykul-oferta .item:nth-child(odd):before {
  left: -20px;
  top: 0;
}

.artykul-oferta .item:nth-child(even):before {
  right: -20px;
  top: 0;
}

.artykul-oferta .item div.opis {
  grid-column: prawa-start/prawa-end;
}

.artykul-oferta .item:nth-child(even) div.opis {
  grid-column: lewa-start/lewa-end;
  grid-row: 2;
}

.artykul-oferta .item div.opis.noImage {
  grid-column: lewa-start/prawa-end;
}

.container-component .moduletable:not(.full-width),
.com-content-article:not(.oferta),
:is(.doniczki.desh, .doniczki.teku) .column,
:is(.podloza.aura, .podloza.sterlux) .column,
.moduletable.podloza .mod-custom .item,
.moduletable.podloza .mod-custom .naglowek+.opis {
  max-width: 1314px;
  margin: 50px auto;
  padding: 0 142px;
}

.mod-custom .text {
  max-width: 1314px;
  padding: 24px 142px;
  margin: 0px auto;
}

.faq.oferta {
  padding-top: 50px;
}

.moduletable>h3 {
  text-align: center;
}

.ekipa,
.historia {
  position: relative;
}

.ekipa.naglowek:before {
  content: "";
  width: 164px;
  height: 677px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
}

.ekipa.bloki:after {
  content: "";
  width: 164px;
  height: 677px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--cassiopeia-color-primary);
}

#mod-custom111 {
  position: absolute;
  bottom: 0px;
  display: grid;
  gap: 1rem;
  margin-inline: 0;
  box-shadow: none;
}

#mod-custom115 {
  background-position: right 141px bottom;
  background-color: #ececec;
  background: url("/hurtownia/images/szablon/bg-doniczki.webp") no-repeat right 141px bottom,
    lightgray -5.904px 16.045px / 102.143% 96.031% no-repeat;
  background-blend-mode: multiply;
}

.top-box ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  background-color: #fff;
  height: 106px;
  margin-bottom: 0;
  position: relative;
}

.top-box ul:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 142px;
  height: 106px;
  background-color: var(--cassiopeia-color-primary);
}

.kontakt.opis,
.doniczki:is(.teku, .desh),
.container-component,
.gielda {
  position: relative;
  background-color: #fff;
}

.doniczki:is(.teku, .desh) .img {
  grid-column: 1/4;
  margin-right: 284px;
}

.doniczki:is(.teku, .desh) .column {
  grid-column: span3;
}

.kontakt.opis:before,
.doniczki:is(.teku, .desh):before,
.podloza:is(.aura, .sterlux):before,
.automatyka .container-component:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 142px;
  height: 740px;
  background-color: var(--cassiopeia-color-primary);
}

.doniczki:is(.desh):before,
.podloza:is(.sterlux):before {
  height: 164px;
}

.kontakt.opis:after,
.doniczki:is(.teku, .desh):after,
.podloza:is(.aura, .sterlux):after,
.o-nas .container-component:after,
.automatyka .container-component:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 142px;
  height: 680px;
  background-color: var(--cassiopeia-color-primary);
}

.o-nas .container-component:after,
.automatyka .container-component:after {
  height: 440px;
  top: auto;
  bottom: 0;
}

.doniczki:is(.desh):after {
  height: 164px;
  top: 407px;
}

.moduletable.form {
  margin-bottom: 50px !important;
}

.ba-form-submit-btn {
  text-decoration: none;
}

.ba-form-submit-btn:hover span {
  color: #fff;
}

.moduletable.form:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 312px;
  height: 142px;
  background-color: var(--cassiopeia-color-primary);
}

.moduletable.form:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 312px;
  height: 142px;
  background-color: var(--cassiopeia-color-primary);
}

.historia:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 142px;
  height: 160px;
  background-color: var(--cassiopeia-color-primary);
}

.historia:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 142px;
  height: 800px;
  background-color: var(--cassiopeia-color-primary);
}

.gielda:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 142px;
  height: 142px;
  background-color: var(--cassiopeia-color-primary);
}

.maszyny-ogrodnicze .custom:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 550px;
  height: 142px;
  background-color: #c0e7a9;
}

.gielda .img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 242px;
  height: 142px;
  background-color: #c0e7a9;
}

.doniczki:not(.teku, .desh) .naglowek:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 142px;
  height: 164px;
  background-color: var(--cassiopeia-color-primary);
}

.doniczki:is(.teku, .desh) .naglowek {
  margin-bottom: 0;
}

.top-box ul li h2 {
  text-align: right;
  padding-right: 100px;
  min-width: 690px;
}

.top-box ul li:not(:first-child) {
  width: 117px;
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-box ul li i,
.top-box ul li a {
  color: #fff;
}

.top-box ul li:nth-last-child(1) {
  background-color: var(--cassiopeia-color-primary);
}

.top-box ul li:nth-last-child(2) {
  background-color: var(--cassiopeia-color-light);
}

#mod-custom111 .image:hover figcaption {
  color: var(--cassiopeia-color-primary);
}

.naglowek {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.link {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 168px;
}

:is(.com-content-article__body, .naglowek, .rynek) h1,
:is(.naglowek),
h2.naglowek {
  font-size: 3.556rem;
  line-height: 4rem;
  font-weight: 400;
  z-index: 2;
  position: relative;
  text-align: center;
  line-height: 1.1 !important;
}

.gielda .naglowek {
  font-size: 3rem;
}

.com-content-article__body h1 strong,
.naglowek h1 strong,
h2.naglowek {
  font-size: 4rem;
}

h2.naglowek {
  font-weight: 700;
}

.com-content-article__body h1::before,
.naglowek::before {
  content: "";
  position: absolute;
  left: auto;
  right: auto;
  background-color: var(--cassiopeia-color-naglowek-tlo);
  height: 440px;
  width: 62px;
  z-index: -1;
  transform: rotate(-91.129deg);
  font-weight: 400;
  font-size: 2em;
  text-transform: inherit;
}

.btn:before {
  content: "";
  position: absolute;
  left: auto;
  right: auto;
  top: 5px;
  background-color: var(--cassiopeia-color-naglowek-tlo);
  height: 20px;
  width: 145px;
  z-index: -1;
  transform: rotate(-2.172deg);
}

.doniczki:not(.teku, .desh) .naglowek {
  background-color: #fff;
}

.doniczki .naglowek:before {
  height: 155px;
}

.kontakt .naglowek:before {
  height: 210px;
}

.gielda .naglowek:before {
  height: 540px;
}

.naglowek.o-nas h1:before {
  width: 95px;
}

.naglowek.ekipa h1:before {
  width: 165px;
}

.com-content-article.kontakt .bloki,
.com-content-article.o-nas .com-content-article__body,
.automatyka .bloki {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 2fr;
}

.com-content-article.kontakt .bloki .dane,
.com-content-article.o-nas .img,
.bloki .img {
  grid-column: 1/2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.com-content-article.kontakt .bloki .dane ul,
.doniczki-kontakt ul {
  margin-bottom: 0;
}

.com-content-article.kontakt .bloki .dane li {
  list-style-type: none;
  position: relative;
  font-size: 2rem;
  z-index: 1;
}

.doniczki-kontakt ul {
  list-style-type: none;
  position: relative;
  font-size: 2rem;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.doniczki-kontakt ul li {
  grid-column: 2;
}

.com-content-article.kontakt .bloki .dane li a,
.doniczki-kontakt ul li a {
  text-decoration: none;
  color: #000;
}

.com-content-article.kontakt .bloki .dane li.tel a:before,
.doniczki-kontakt ul li a:before {
  content: "";
  background-image: url("../../../../../images/szablon/ico-tel.webp");
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
}

.doniczki-kontakt ul li a:before {
  left: calc(50% - 130px);
}

.com-content-article.kontakt .bloki .dane li.mail a:before {
  content: "";
  background-image: url("../../../../../images/szablon/ico-mail.webp");
  width: 33px;
  height: 32px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
}

.com-content-article.kontakt .bloki .dane li:before,
.doniczki-kontakt ul li:before {
  content: "";
  position: absolute;
  left: -10px;
  padding-left: 40px;
  background-color: var(--cassiopeia-color-naglowek-tlo);
  width: 330px;
  height: 42px;
  z-index: -1;
  transform: rotate(-1.129deg);
}

.doniczki-kontakt ul li:before {
  grid-column: 2;
}

.com-content-article.kontakt .bloki .opis,
.com-content-article.o-nas .opis,
.bloki .opis {
  grid-column: 2/3;
  align-self: center;
}

.com-content-article.kontakt .bloki+p {
  margin: 20px 0 50px;
}

.porady h1:before {
  content: "";
  position: absolute;
  left: -37px;
  top: 0px;
  background-color: var(--cassiopeia-color-primary);
  width: 276px;
  height: 29px;
  z-index: -1;
}

.naglowek.oferta h1:before {
  bottom: 25px;
}

.rynek h1:before {
  bottom: 99px;
  left: -45px;
}

h2.naglowek:before {
  content: "";
  position: absolute;
  left: auto;
  bottom: 39px;
}

.historia.opis .mod-custom.custom {
  padding-bottom: 80px;
}

.mod-custom.custom .column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.mod-custom.custom .column div {
  flex: 0 0 auto;
}

.card-header {
  border-bottom: none;
  background-color: transparent;
}

strong {
  font-weight: bold;
}

.view-article.itemid-101 .com-content-article {
  /*display: grid;
  grid-template-columns: repeat(11, 1fr)*/
}

.view-article.itemid-101 .com-content-article__body {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row: 1;
  align-self: center;
}

.left.item-image {
  /* grid-column-start: 5;
  grid-column-end: 12;
  grid-row: 1; */
}

.view-article.itemid-101 .container-component>*+* {
  margin: 0;
}

.view-article.itemid-101 .container-component,
.oferta,
.zaufali,
.naglowek,
.btn {
  position: relative;
  z-index: 2;
}

.view-article.itemid-101 .grid-child.container-component:before,
.historia.naglowek:before,
.mod-breadcrumbs__wrapper:before {
  content: "";
  background: #07461a;
  width: 484px;
  height: 157px;
  position: absolute;
  left: 0;
  top: 0;
}

.mod-breadcrumbs__wrapper:after {
  content: "";
  background: var(--cassiopeia-color-primary);
  width: 165px;
  height: 157px;
  position: absolute;
  right: 0;
  top: 0;
}

.mod-breadcrumbs__wrapper .mod-breadcrumbs__divider.float-start {
  position: relative;
  margin-right: 0.5rem;
  margin-top: 5px;
}

.mod-breadcrumbs__wrapper .icon-location:before {
  content: "";
  background-image: url("../../../../../images/szablon/ico-home.webp");
  width: 23px;
  height: 20px;
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
}

.faq.oferta h3[data-rlta-element="heading"] {
  font-size: 1rem;
  font-weight: 400;
  border-bottom: 1px solid #000;
  padding: 1rem;
}

.oferta h3.naglowek,
.kontakt h3.naglowek {
  min-height: auto;
}

.faq.oferta h3.naglowek:after {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -3px;
  left: 42%;
  width: 65px;
  height: 30px;
  z-index: -1;
}

/*.kontakt h3.naglowek:after {content: '';background:var(--cassiopeia-color-primary);position: absolute;top:auto;right:auto;bottom: -3px;left: auto; width:90px;height:30px;z-index:-1}*/
.produkty.oferta {
  background-color: #efefef;
  padding: 40px 0;
}

.produkty.oferta h3.naglowek:after {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  bottom: -3px;
  left: auto;
  width: 115px;
  height: 30px;
  z-index: -1;
}

.produkty:before {
  content: "";
  background: var(--cassiopeia-color-primary);
  width: 30%;
  height: 72px;
  position: absolute;
  left: 0;
  bottom: 30%;
  z-index: -1;
}

.produkty:after {
  content: "";
  background: #000;
  width: 30%;
  height: 72px;
  position: absolute;
  right: 0;
  bottom: 30%;
  z-index: -1;
}

/*.moduletable:not(.mapa) .mod-custom >  p {margin:2rem auto}*/
.moduletable .mod-custom .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  z-index: 2;
}

.moduletable.gielda .mod-custom .item {
  display: grid;
  grid-template-columns: 1fr 3fr;
  column-gap: 2rem;
  z-index: 2;
}

.moduletable.podloza .mod-custom .item {
  display: grid;
  grid-template-columns: 1fr 4fr;
  column-gap: 2rem;
  row-gap: 3rem;
  z-index: 2;
}

.moduletable.gielda .mod-custom .item .img {
  margin-left: 242px;
}

.moduletable .mod-custom .item>* {
  /*justify-self: center;*/
  text-align: center;
}

.moduletable .mod-custom .opis p {
  text-align: left;
  margin-bottom: 1rem;
}

.moduletable .mod-custom .opis p span {
  font-size: 2rem;
  font-weight: 600;
}

.moduletable .mod-custom .opis p:last-child {
  margin-bottom: 0;
}

.moduletable .mod-custom .item ul {
  list-style: none;
}

.moduletable .mod-custom .item ul li {
  position: relative;
  padding: 0.5rem 0;
}

.moduletable .mod-custom .item ul li a {
  text-decoration: none;
  color: #000;
  font-weight: 700;
}

.moduletable .mod-custom .item ul li.tel:before {
  content: "";
  background-image: url("../../../../../images/szablon/ico-tel.webp");
  width: 41px;
  height: 42px;
  position: absolute;
  left: 0;
  top: calc(50% - 21px);
}

.moduletable .mod-custom .item ul li.mail:before {
  content: "";
  background-image: url("../../../../../images/szablon/ico-mail.webp");
  width: 42px;
  height: 42px;
  position: absolute;
  left: 0;
  top: calc(50% - 21px);
}

.moduletable.ekspert .mod-custom .item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2rem;
  z-index: 2;
}

.view-article.itemid-101 .grid-child.container-component:after,
.link.historia:after {
  content: "";
  background-color: #000;
  width: 162px;
  height: 168px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.zaufali .naglowek {
  min-height: 168px;
  margin-bottom: 30px;
}

.naglowek.oferta {
  background-color: #efefef;
  min-height: 168px;
}

.link.oferta {
  min-height: 168px;
}

.link.historia {
  margin-left: 0 !important;
  justify-content: flex-start;
}

:is(.link.oferta, .naglowek.oferta):after {
  content: "";
  background-color: var(--cassiopeia-color-primary);
  width: 162px;
  height: 168px;
  position: absolute;
  right: 0;
  top: 0;
}

:is(.link.oferta, .link.historia, .link.blog) p a {
  font-size: 1.333rem;
  line-height: 1.778rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 5px;
  color: var(--cassiopeia-color-primary);
  background-color: #1d2e7d;
  padding: 5px;
}

:is(.link.oferta, .link.historia, .link.blog) p {
  position: relative;
}

:is(.link.oferta, .link.historia, .link.blog) p:after {
  content: "";
  position: absolute;
  left: calc(100% + 18px);
  top: calc(50% - 2px);
  background-color: #000;
  height: 4px;
  width: 93px;
}

.link.blog {
  background-color: #fff;
}

/*.zaufali.card:before  {content:'';background-image:url('../../../../../images/szablon/rectangle-84.webp');width:333px;height:132px;position:absolute;left:0;top:calc(50% - 66px)}
.zaufali.card:after  {content:'';background-image:url('../../../../../images/szablon/rectangle-83.webp');width:333px;height:132px;position:absolute;right:0;top:calc(50% - 66px)}*/
.com-content-article.item-page {
  /*padding-bottom: 150px*/
}

:is(.kontakt, .doniczki) .com-content-article.item-page {
  padding-bottom: 0;
}

.card {
  background-color: transparent;
}

.grid-child.container-bottom-a,
.grid-child.container-bottom-b {
  background-color: transparent;
}

.grid-child.container-bottom-a>*,
.grid-child.container-bottom-b>* {
  margin: 0;
}

.grid-child.container-bottom-a,
.container-bottom-b {
  width: 100%;
}

.oferta div[role="tablist"] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 168px;
  gap: 44px;
  background-color: #efefef;
  position: relative;
}

.oferta div[role="tablist"]:before {
  content: "";
  background-image: url("../../../../../images/szablon/bg-kwadrat-czarny.webp");
  width: 162px;
  height: 168px;
  position: absolute;
  left: 0;
  top: 0;
}

.oferta div[role="tablist"]>div h3 {
  font-size: 1.333rem;
  line-height: 1.778rem;
  text-transform: uppercase;
  padding: 0 5px;
}

.oferta div[role="tablist"]>div[data-rlta-state="open"] h3 {
  background-color: var(--cassiopeia-color-primary);
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] {
  display: flex;
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure {
  position: relative;
  margin: 0;
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure img {
  width: 100%;
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure figcaption {
  position: absolute;
  top: 70%;
  left: 44px;
  right: 44px;
  border-top: 3px solid #fff;
  padding-top: 44px;
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure figcaption h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.556rem;
  letter-spacing: 2.8px;
  font-weight: 500;
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure figcaption p {
  color: var(--cassiopeia-color-primary);
  font-style: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  color: var(--cassiopeia-color-primary);
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure:hover figcaption {
  border-color: var(--cassiopeia-color-primary);
}

.oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure:hover figcaption h2 {
  color: var(--cassiopeia-color-primary);
}

:is(.doniczki:not(.teku, .desh), .historia.opis, .maszyny-ogrodnicze)>.mod-custom.custom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  background-color: #fff;
}

.maszyny-ogrodnicze .naglowek {
  grid-column: 1 / span 3;
}

:is(.doniczki-katalogi)>.mod-custom.custom p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  background-color: #ececec;
}

.doniczki-katalogi .btn {
  margin: 65px 0;
  grid-column: 1/3;
}

.doniczki-katalogi .btn:before {
  width: 290px;
}

.mod-custom.custom p {
  margin-bottom: 0;
}

.historia.opis>.mod-custom.custom {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
}

.historia.opis>.mod-custom.custom {
  display: grid;
  grid-template-columns:
    [full-start]minmax(0, 1fr) [main-start]repeat(2, minmax(0, 650px)) [main-end]minmax(0, 1fr) [full-end];
  grid-template-rows: auto;
}

.doniczki:not(.teku, .desh)>.mod-custom.custom {
  background-color: #ececec;
}

.historia.opis>.mod-custom.custom h3 {
  text-align: center;
  margin: 100px auto;
}

:is(.doniczki:not(.teku, .desh), .historia.opis)>.mod-custom.custom .text {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
  margin-right: var(--rynek-margin-left);
  line-height: 1.4;
  min-height: 45px;
  align-self: center;
}

:is(.maszyny-ogrodnicze)>.mod-custom.custom .text {
  grid-row: 2 / 3;
  grid-column: 2 / 4;
  margin-right: var(--rynek-margin-left);
  line-height: 1.4;
  min-height: 45px;
  align-self: center;
}

:is(.doniczki, .maszyny-ogrodnicze) .img {
  background-repeat: no-repeat;
  margin-top: -100px;
  z-index: 9;
}

.doniczki .mod-custom .img {
  background-color: #fff;
}

.historia.opis>.mod-custom.custom .text {
  grid-column: span 4;
  grid-row: 1;
}

:is(.doniczki, .historia.opis)>.mod-custom.custom h1 {
  margin-bottom: 94px;
}

/*:is(.historia.opis, .oferta,.rynek,.zaufali,.dystrybutor){margin:0 -100px}*/
.zaufali {
  margin-bottom: 30px !important;
}

.dystrybutor>div {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 883px;
}

.dystrybutor>div h1 {
  color: white;
  font-size: 3.444rem;
  font-weight: 400;
  line-height: 5.556rem;
}

.dystrybutor>div h1 strong {
  color: var(--cassiopeia-color-primary);
  font-size: 4.444rem;
  font-weight: 700;
  line-height: 5.556rem;
}

.historia.opis div.img {
  grid-column: span 6;
  grid-row: 1;
  background-size: cover;
  background-position: 0 -168px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-right: var(--rynek-margin-right);
}

:is(.doniczki, .historia.opis) .mod-custom.custom .moduletable {
  margin-bottom: 142px;
  margin-left: calc(var(--rynek-margin-left) - 2 * var(--rynek-margin-left));
}

#mod-custom118,
#mod-custom124 {
  margin-left: 162px;
  position: relative;
}

:is(#mod-custom118, #mod-custom124):before {
  content: "";
  background-image: url("../../../../../images/szablon/bg-kwadrat-czarny.webp");
  width: 162px;
  height: 168px;
  position: absolute;
  left: -162px;
  bottom: 0;
}

.com-content-category-blog.blog {
  background-color: #fff;
}

.blog-items {
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}

.blog-items.leading .blog-item,
.blog-items.leading .blog-item .item-content {
  position: relative;
}

.blog-items.leading .blog-item .item-content::before {
  font-size: 3.889rem;
  font-weight: 700;
  color: #1d2e7d;
  position: absolute;
  left: 42px;
  top: 13px;
}

.blog-items.leading .blog-item:nth-child(1) .item-content::before {
  content: "01";
}

.blog-items.leading .blog-item:nth-child(2) .item-content::before {
  content: "02";
}

.blog-items.blog_3-5 .blog-item .item-content::before {
  font-size: 3.889rem;
  font-weight: 700;
  color: #1d2e7d;
  position: absolute;
  left: 20px;
  bottom: 13px;
}

.blog-items.blog_3-5 .blog-item:nth-child(1) .item-content::before {
  content: "03";
}

.blog-items.blog_3-5 .blog-item:nth-child(2) .item-content::before {
  content: "04";
}

.blog-items.blog_3-5 .blog-item:nth-child(3) .item-content::before {
  content: "05";
}

.blog-items.leading .blog-item .item-image {
  margin-bottom: 0;
}

.blog-items.leading .blog-item .item-content {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  max-width: 80%;
  padding: 40px 10px 40px 160px;
}

.blog-items.leading .blog-item .page-header h2 {
  font-size: 2rem;
  line-height: 1.778rem;
  font-weight: 700;
}

.blog-items.leading .blog-item .article-info .category-name {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1.8px;
}

.blog-items.columns-3.blog_3-5 .blog-item {
  padding: 33px 56px 33px 20px;
  min-height: 276px;
  border: 1px solid #eee;
}

.blog-items.columns-3.blog_3-5 .blog-item .page-header h2 {
  font-size: 1.333rem;
  line-height: 2rem;
  font-weight: 700;
}

.blog-items .blog-item a {
  text-decoration: none;
  color: #000;
}

.footer {
  margin: 0;
}

.grid-child.footer-middle {
  background-image: linear-gradient(90deg,
      var(--cassiopeia-color-primary) 50%,
      rgba(0, 0, 0, 1) 50%);
  min-height: 143px;
  display: flex;
  justify-content: center;
  padding: 25px 0;
}

.grid-child.footer-middle p {
  margin-bottom: 0;
}

:is(.footer-3, .footer-4) ul {
  list-style: none;
  display: flex;
  gap: 2rem;
}

.footer-1 p {
  text-align: center;
}

:is(.footer-3, .footer-4) :is(p, ul) {
  color: #000;
  font-size: 1.333rem
    /*24px*/
  ;
  font-weight: 700;
  line-height: 2rem
    /*36px*/
  ;
  margin-bottom: 0;
}

:is(.footer-2) :is(p, ul) {
  color: #fff;
  font-size: 1.333rem
    /*24px*/
  ;
  font-weight: 700;
  line-height: 2rem
    /*36px*/
  ;
  margin-bottom: 0;
  text-align: center;
}

:is(.footer-2) :is(a, a:hover) {
  color: var(--cassiopeia-color-primary);
  text-decoration: none;
}

:is(.footer-3) :is(a, a:hover) {
  color: #000;
  background-color: var(--cassiopeia-color-primary);
  padding: 5px;
  text-decoration: none;
}

.footer-3 {
  background-color: #000;
  padding: 37px 0;
  text-decoration: none;
}

.footer .grid-child.footer {
  justify-content: center;
  padding: 0;
}

.footer>* {
  color: #000;
}

.footer .grid-child.footer p,
.footer .footer-bottom-2 p {
  margin-bottom: 0;
}

.footer .footer-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0.5rem;
}

.footer .footer-middle>.footer-3,
.footer .footer-middle>.footer-4 {
  text-align: right;
}

.footer .footer-bottom .footer-bottom-3 {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  justify-content: space-between;
}

.footer :is(.footer-middle, .footer-bottom) .mod-custom ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: space-around;
}

.footer .footer-3 ul li:first-child {
  color: #fff;
  font-size: 1.667rem;
}

/* #C0E7A9 */
.footer .footer>* {
  color: #fff;
}

.footer .footer-bottom {
  margin-bottom: 3em;
  align-items: center;
}

.footer {
  background: #000;
  background-image: none;
}

.footer-main {
  display: flex;
  justify-content: center;
  padding: 50px 0;
}

.footer-main .mod-menu.nav {
  display: flex;
  flex-direction: row;
  gap: 130px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.footer-main .mod-menu.nav li {
  position: relative;
}

.footer-main .mod-menu.nav li:after {
  content: "";
  position: absolute;
  right: calc(100% + 18px);
  top: calc(50% - 2px);
  background-color: var(--cassiopeia-color-primary);
  height: 4px;
  width: 93px;
}

.footer-main .mod-menu.nav li:is(.current, :hover) a {
  color: var(--cassiopeia-color-primary);
  text-decoration: none;
}

.footer .footer-4.social {
  display: flex;
  justify-content: center;
}

.footer .footer-4.social i {
  color: var(--cassiopeia-color-primary);
  font-size: 2rem;
}

.footer .footer-bottom {
  color: #565656;
  font-size: 1.333rem;
  /*24px*/
  font-weight: 400;
  line-height: 2rem;
  /*36px*/
  margin-bottom: 0;
}

.footer .footer-bottom :is(p, ul) {
  margin-bottom: 0;
}

.footer .footer-bottom :is(a, a:hover) {
  color: var(--cassiopeia-color-primary);
  font-weight: 700;
}

/* counter start*/

.moduletable.licznik .mod-custom.custom {
  min-height: 223px;
  padding: 40px 100px;
  margin-right: -80px;
  background-color: var(--cassiopeia-color-primary);
}

.moduletable.licznik .mod-custom.custom {
  display: flex;
  gap: 3em;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.moduletable.licznik div h2 {
  font-size: 5rem;
  font-weight: 500;
}

.moduletable.licznik div p {
  text-align: center;
}

.moduletable.licznik .wrapper {
  position: absolute;
  /*transform: translate(-50%, -50%);top: 50%;left: 50%;*/
  display: flex;
  justify-content: space-around;
  gap: 3em;
}

.moduletable.licznik .container {
  width: 15vmin;
  height: 15vmin;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1em 0;
  position: relative;
  font-size: 16px;
}

i {
  color: #18f98f;
  font-size: 2.5em;
  text-align: center;
}

span.num {
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 3em;
}

span.text {
  font-size: 1em;
  text-align: center;
  pad: 0.7em 0;
  font-weight: 400;
  line-height: 0;
  margin: 0 !important;
}

.article-info {
  min-height: 0;
  margin-bottom: 0;
}

/* MASZYNY - MAYER */
body.has-sidebar-right .site-grid {
  grid-template-columns: [full-start]minmax(0, 1fr) [main-start]12% repeat(2,
      35%) 18%[main-end]minmax(0, 1fr) [full-end];
}

body.has-sidebar-right .container-component {
  grid-area: comp !important;
}

body.has-sidebar-right .sidebar-right {
  margin-top: 0 !important;
}

body.has-sidebar-right .container-sidebar-right .card-header {
  background-color: #f9f9f9;
  padding: 1.5rem;
  text-align: center;
}

body.has-sidebar-right .container-sidebar-right .card-body li {
  padding-left: 2rem;
  background-color: #fff;
}

body.has-sidebar-right .container-sidebar-right .card-body li:nth-child(even) {
  background-color: #f9f9f9;
}

.maszyny .com-content-article.o-nas .com-content-article__body {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(1, 1fr);
}

body.has-sidebar-right .item-pagemaszyny {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

body.has-sidebar-right .item-pagemaszyny .page-header {
  grid-column: 1/3;
}

body.has-sidebar-right.o-nas .container-component::after {
  display: none;
}

.left.item-image {
  float: none;
}

/* MASZYNY */
.maszyny #mod-custom138,
.maszyny #mod-custom141 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 4rem;
  gap: 4rem;
}

.maszyny .opis td {
  border: 1px solid #ddd !important;
  font-size: 1rem;
}

.maszyny .opis li {
  list-style: disc;
  text-align: left;
}

.moduletable.maszyny .mod-custom .item {
  display: grid;
  grid-template-columns: 3fr 7fr;
  column-gap: 2rem;
  row-gap: 3rem;
  z-index: 2;
  max-width: 1314px;
  box-shadow: 1px 1px 19px 3px #ececec;
  padding: 1.75rem 1rem;
}

.maszyny table {
  width: 80%;
  table-layout: fixed;
  margin: 0 auto;
}

.maszyny table tr:nth-child(2n) {
  background: #f9f9f9;
}

.maszyny table td {
  padding: 15px 5px;
}

.maszyny .mod-list li {
  padding: 10px 0;
}

.maszyny .mod-list li a {
  text-decoration: none;
  font-family: "DM Serif Text";
  color: #333;
}


/* MASZYNY ARTYKULY */

.maszyny .blog-items {
  grid-template-columns: 1fr;
  margin: 3em auto 0;
  gap: 3em;
  max-width: 1380px;
}

.maszyny .blog-item {
  display: grid;
  grid-template-columns: 30% auto;
  border-bottom: solid 1px #cbcbcb;
  padding-bottom: 2em;
}

.maszyny .left.item-image {
  padding-right: 25px;
}

/* NAWOZY */

.nawozy .wf-columns,
.podloza .wf-columns {
  display: grid;
  grid-template-columns: 300px auto;
  align-items: center;
  box-shadow: 1px 1px 19px 3px #ececec;
  padding: 10px 20px;
  margin-bottom: 15px;
}

/* MAPA */
.mapa .mod-custom {
  display: flex;
}

@media screen and (max-width: 1440px) {

  /* DONICZKI - PODSTRONA */
  .doniczki:is(.teku, .desh)::after {
    width: 130px;
  }

  .doniczki:is(.teku, .desh)::before {
    width: 125px;
  }

  /* MENU */
  .container-header .mod-menu {
    gap: 0.3rem;
  }

  .container-header .grid-child.container-nav a {
    font-size: clamp(1.1rem, 0.3rem + 1vw, 1.2rem);
  }

  /* STRONA GLOWNA - DONICZKI, MASZYNY */
  :is(.doniczki, .maszyny-ogrodnicze) .img {
    display: flex;
    align-items: center;
    margin-top: unset;
  }

  :is(.doniczki:not(.teku, .desh), .historia.opis)>.mod-custom.custom .text {
    margin-right: unset;
  }

  /* STRONA GLOWNA - MASZYNY */
  .maszyny-ogrodnicze .custom::before {
    width: 500px;
  }

  /* PUNKTY OBSLUGI KLIENTA - GLOWNA */
  #mod-custom137 .img img {
    display: none;
  }

  #mod-custom137 .opis {
    justify-self: inherit;
  }

  /* FOOTER */
  .footer-main .mod-menu.nav {
    gap: 100px;
  }

  .footer-main .mod-menu.nav li::after {
    width: 65px;
  }

  .footer .footer-bottom {
    font-size: clamp(1rem, 0rem + 1.25vw, 1.125rem);
  }

  .footer .footer-3 ul li:first-child {
    font-size: 1.5rem;
    white-space: normal;
    padding-left: 0.25rem;
  }

  :is(.footer-3, .footer-4) :is(p, ul) {
    font-size: 1.1rem;
    white-space: nowrap;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --rynek-margin-left: 50px;
    --rynek-margin-right: var--(--rynek-margin-left);
  }

  .historia.naglowek:before {
    width: 284px;
  }

  .oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure figcaption h2 {
    letter-spacing: 2px;
  }

  :is(.doniczki, .historia.opis)>.mod-custom.custom .text {
    line-height: 1.3;
  }

  .blog-items.columns-3.blog_3-5 .blog-item .page-header h2 {
    line-height: 1.2;
  }

  /* DONICZKI - PODSTRONA */
  .doniczki-kontakt ul li::before {
    width: 280px;
  }

  /* KONTAKT - PODSTRONA */
  .moduletable.form::after {
    display: none;
  }

  .moduletable.form::before {
    display: none;
  }

  .kontakt.opis::before {
    display: none;
  }

  .kontakt.opis::after {
    display: none;
  }

  .com-content-article.kontakt .bloki .dane ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .com-content-article.kontakt .bloki .dane li {
    font-size: 1.75rem;
  }

  .com-content-article.kontakt .bloki .dane li.mail a::before,
  .com-content-article.kontakt .bloki .dane li.tel a::before {
    position: static;
    padding-right: 2.5rem;
  }

  /* MENU */
  .container-header {
    grid-template-columns: minmax(200px, auto) 1fr;
  }

  .container-header .mod-menu {
    padding: 0 0.5rem;
  }

  .container-header .grid-child.container-nav a {
    font-size: clamp(1rem, 0.6rem + 0.625vw, 1.1rem);
  }

  /* SLIDER - GLOWNA */
  .container-banner .camera_target_content {
    left: 250px !important;
    right: 350px !important;
  }

  /* HISTORIA NASZEJ FIRMY */
  .historia.opis .mod-custom.custom {
    padding-bottom: 20px;
  }

  /* DONICZKI - SPRAWDZ */
  .doniczki-katalogi .btn {
    margin: 45px 0;
  }

  /* STRONA GLOWNA - MASZYNY */
  .maszyny-ogrodnicze .custom::before {
    display: none;
  }

  /* nie wiem do czego to */
  .dystrybutor>div {
    padding: 0 60px;
  }

  .dystrybutor>div h1 {
    font-size: 2rem;
    line-height: 1.4;
  }

  .dystrybutor>div h1 strong {
    font-size: 2.5rem;
  }

  /* FOOTER */
  .footer-3 ul {
    flex-direction: column;
    padding-left: 2rem !important;
  }

  .footer .col-6 {
    width: unset;
  }

  .footer .col-4 {
    width: unset;
  }

  .footer .footer-bottom {
    gap: 1rem;
  }

  .grid-child.footer-middle {
    padding: unset;
    justify-content: space-between;
  }

  .footer .footer-middle>.footer-3 {
    text-align: inherit;
  }

  #mod-custom118 {
    margin-left: 50px;
  }

  #mod-custom121 {
    background-size: cover;
    background-position: center;
  }
}

@media screen and (max-width: 1024px) {

  /* O NAS - PODSTRONA */
  .o-nas .container-component::after {
    width: 125px;
  }

  /* DONICZKI - PODSTRONA */
  .doniczki-kontakt ul li::before {
    width: 250px;
  }

  /* MENU */
  .container-header .mod-menu {
    padding: 0;
  }

  .container-header .mod-menu {
    margin-right: 20px;
  }

  /* MASZYNY - MAYER */
  body.has-sidebar-right .site-grid {
    grid-template-columns: [full-start]minmax(0, 1fr)[main-start]repeat(4, minmax(0, 25%))[main-end]minmax(0, 1fr)[full-end];
  }

  body.has-sidebar-right .container-component {
    grid-column: main-start/main-end !important;
    width: 90%;
  }

  .maszyny .blog-item {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    padding: 0 2rem 3rem 2rem;
  }

  body.has-sidebar-right .blog-items .blog-item .item-content {
    padding: 0;
  }

  body.has-sidebar-right .container-sidebar-right {
    grid-area: top-a;
  }

  body.has-sidebar-right .container-sidebar-right .mod-articlescategory {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  body.has-sidebar-right .container-sidebar-right .card-body li {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  body.has-sidebar-right .item-pagemaszyny {
    grid-template-columns: repeat(1, 1fr);
  }

  body.has-sidebar-right .item-pagemaszyny .page-header {
    grid-column: unset;
  }

  /* nie wiem co to */
  .wrapper {
    width: 85vw;
  }

  .camera_target_content .camera_caption_title,
  .camera_target_content .camera_caption_desc {
    font-size: 2rem;
    line-height: 1.5;
  }

  .camera_target_content .camera_caption_desc {
    font-size: 3rem;
  }

  .oferta div[role="tablist"]:before,
  :is(#mod-custom118, #mod-custom124):before,
  .blog-items.columns-3.blog_3-5:before {
    display: none;
  }

  .oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  #mod-custom124 .wrapper {
    width: 100%;
  }

  .moduletable.licznik .wrapper {
    flex-wrap: wrap;
    gap: 0;
  }

  .moduletable.licznik .container {
    flex: 0 0 40%;
    padding: 1em 0 0;
  }

  /* #mod-custom121 {
    min-height: 500px;
  } */

  .dystrybutor>div h1 {
    font-size: 2rem;
  }

  .blog-items.columns-3.blog_3-5 {
    padding-left: 20%;
  }

  .zaufali.card:before,
  .zaufali.card:after {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 16px;
  }

  .mod-custom .text {
    padding: 24px 90px;
  }

  /* FORMULARZ KONTAKTOWY */
  .moduletable.form::after,
  .moduletable.form::before {
    width: 222px;
  }

  /* MASZYNY - PODSTRONA */
  .moduletable.maszyny .mod-custom .item {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    padding: 2rem 4rem;
    row-gap: 0;
  }

  /* NAWOZY - PODSTRONA */
  .nawozy .wf-columns {
    grid-template-columns: repeat(1, 1fr);
  }

  .nawozy .wf-columns .wf-column:first-child {
    display: flex;
  }

  /* PODLOZA - PODSTRONA */
  .podloza .wf-columns {
    grid-template-columns: repeat(1, 1fr);
  }

  .podloza .wf-columns .wf-column:first-child {
    display: flex;
  }

  /* NAGLOWKI H3 */
  :is(.naglowek) {
    font-size: clamp(2.7rem, 1.3298rem + 2.6966vw, 3rem);
  }

  .gielda .naglowek {
    font-size: 2.5rem;
  }

  .gielda .naglowek::before {
    height: 420px;
  }

  /* MENU */
  .container-header nav {
    width: 100%;
    justify-content: end;
    padding-right: 20px;
    margin: 0;
  }

  .container-header .grid-child.container-nav a {
    font-size: 1.2rem;
  }

  .container-header .navbar-toggler {
    border: none;
  }

  .container-header .icon-menu {
    font-size: 30px;
  }

  .top-box ul li h2 {
    min-width: 450px;
  }

  /* SLIDER */
  .container-banner .camera_target_content {
    left: 150px !important;
    right: 250px !important;
  }

  .top-box ul::after {
    display: none;
  }

  /* HISTORIA NASZEJ FIRMY */
  .historia::after {
    width: 90px;
  }

  /* DONICZKI - STRONA GLOWNA */
  .doniczki:not(.teku, .desh) .naglowek::after {
    width: 90px;
    height: clamp(9.175rem, 6.3172rem + 5.9459vw, 10rem);
  }

  /* FOOTER */
  .footer .grid-child {
    flex-direction: row;
  }

  .footer .footer-3 ul li:first-child {
    font-size: clamp(1.25rem, 0.1159rem + 2.2346vw, 1.5rem);
  }

  :is(.footer-2) :is(p, ul) {
    font-size: clamp(1.2rem, 0.7464rem + 0.8939vw, 1.3rem);
  }

  :is(.footer-3, .footer-4) :is(p, ul) {
    font-size: 1rem;
  }

  footer .nav a {
    font-size: clamp(1.1rem, 0.1927rem + 1.7877vw, 1.3rem);
  }

  .footer .footer-bottom {
    font-size: clamp(0.85rem, 0.1696rem + 1.3408vw, 1rem);
  }
}

@media screen and (max-width: 812px) {
  .mod-custom .text {
    padding: 24px 70px;
  }

  /* NAGLOWKI H3 */
  :is(.naglowek) {
    margin: 0;
  }

  /* DONICZKI - PODSTRONA */
  .moduletable.form::after,
  .moduletable.form::before {
    display: none;
  }

  /* HISTORIA NASZEJ FIRMY */
  .historia::before {
    height: 140px;
  }

  .historia::after {
    display: none;
  }

  /* DONICZKI - STRONA GLOWNA */
  :is(.doniczki-katalogi)>.mod-custom.custom p {
    grid-template-columns: repeat(1, 1fr);
  }

  /* nie wiem do czego to */
  .wrapper {
    width: 90vw;
    flex-wrap: wrap;
    gap: 30px;
  }

  .container {
    width: calc(50% - 40px);
    height: 30vmin;
    font-size: 14px;
  }

  .historia.naglowek:before {
    display: none;
  }

  .historia.opis>.mod-custom.custom .text {
    grid-column: span 12;
    grid-row: 2;
    margin-inline: 20px;
    margin-top: 0px;
  }

  .historia.opis div.img {
    grid-column: span 12;
    grid-row: 1;
    background-position: center -50px;
    background-size: contain;
    min-height: 300px;
  }

  :is(.doniczki, .historia.opis) .mod-custom.custom .moduletable {
    margin-bottom: 0;
  }

  .container-banner .camera_target_content {
    left: 100px !important;
    right: 100px !important;
  }

  .oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure img {
    max-height: 500px;
  }

  .oferta div[role="tabpanel"]>div[data-rlta-element="panel-content"] figure figcaption {
    top: 50%;
  }

  .dystrybutor>div h1 {
    font-size: 1.5rem;
  }

  .dystrybutor>div h1 strong {
    font-size: 2rem;
  }

  .blog-items {
    grid-template-columns: auto;
  }

  .blog-items.items-leading.leading .blog-item .left.item-image,
  .home-slider .owl-item .blog-entry .blog-entry-image,
  .blog-items.items-leading.leading .blog-item .item-content,
  .home-slider .owl-item .blog-entry .entry-content {
    flex: 0 1 100%;
    max-width: 100%;
    order: 2;
  }

  .blog-items.leading .blog-item .page-header h2 {
    font-size: 1.5rem;
  }

  .blog-items.columns-3.blog_3-5 {
    padding-left: 0;
  }

  .blog-items.columns-3.blog_3-5 .blog-item {
    padding: 0;
    position: relative;
  }

  .blog-items .blog-item .item-content {
    padding: 40px 10px 40px 160px;
  }

  .blog-items.blog_3-5 .blog-item .item-content::before {
    font-size: 3.889rem;
    font-weight: 700;
    color: #1d2e7d;
    position: absolute;
    left: 42px;
    top: 13px;
  }

  .blog-items.columns-3.blog_3-5 .blog-item {
    min-height: auto;
  }

  /* FOOTER */
  .footer .grid-child {
    flex-direction: column;
  }

  #mod-custom118 {
    margin-left: unset;
    padding-top: 1.75rem;
  }

  .grid-child.footer-middle {
    background-image: linear-gradient(180deg,
        var(--cassiopeia-color-primary) 50%,
        rgba(0, 0, 0, 1) 50%);
  }

  .footer-middle :is(.footer-2, .footer-3) {
    width: 80%;
  }

  .footer-3 ul {
    flex-direction: row;
  }

  .footer .footer-middle .footer-2 {
    text-align: center;
    margin: 20px 0;
  }

  .footer-3 {
    background-color: transparent;
  }

  .footer :is(.footer-middle, .footer-bottom) .mod-custom ul {
    justify-content: center;
  }

  .footer-main .mod-menu.nav {
    gap: 45px;
  }

  .footer-main .mod-menu.nav li:after {
    width: 15px;
  }

  .grid-child.footer-bottom>div {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {

  /* NAGLOWKI H3 */
  :is(.naglowek) {
    font-size: clamp(2rem, 1.0179rem + 2.7234vw, 2.4rem);
  }

  .naglowek::before {
    height: clamp(20rem, 1.5851rem + 51.0638vw, 27.5rem);
  }

  /* O NAS - PODSTRONA */
  .o-nas .container-component::after {
    display: none;
  }

  .com-content-article.o-nas .img {
    display: none;
  }

  .com-content-article.o-nas .com-content-article__body {
    grid-template-columns: 1fr;
  }

  /* DONICZKI - PODSTRONA */
  .doniczki:is(.teku, .desh)::before {
    display: none;
  }

  .doniczki:is(.teku, .desh)::after {
    display: none;
  }

  :is(.doniczki.desh, .doniczki.teku) .column {
    padding: 0 90px;
  }

  /* SYSTEMY NAWADNIANIA - PODSTRONA */
  .automatyka .container-component::before {
    display: none;
  }

  .automatyka .container-component::after {
    display: none;
  }

  /* PODLOZA - PODSTRONA */
  .podloza:is(.aura, .sterlux)::before {
    display: none;
  }

  .podloza:is(.aura, .sterlux)::after {
    display: none;
  }

  /* KONTAKT - PODSTRONA */
  .com-content-article.kontakt .bloki {
    grid-template-columns: repeat(1, 1fr);
  }

  .com-content-article.kontakt .bloki .dane li {
    display: flex;
    justify-content: center;
  }

  .com-content-article.kontakt .bloki .dane {
    grid-column: unset;
  }

  .com-content-article.kontakt .bloki .opis {
    grid-column: unset;
  }

  .com-content-article.kontakt .bloki .dane li::before {
    left: unset;
  }

  .com-content-article.kontakt .bloki .dane li.mail a::before,
  .com-content-article.kontakt .bloki .dane li.tel a::before {
    padding-right: 3rem;
  }

  /* MENU */
  .container-header .grid-child.container-nav {
    background-color: var(--cassiopeia-color-primary);
  }

  .container-header .container-nav nav {
    margin-top: 0;
  }

  /* SLIDER */
  .top-box ul li h2 {
    min-width: 260px;
    padding-right: 50px;
  }

  .top-box ul {
    height: 80px;
  }

  .top-box ul li:not(:first-child) {
    width: 80px;
  }

  /* HISTORIA NASZEJ FIRMY */
  .historia::before {
    height: 110px;
    width: 112px;
  }

  .historia .column div {
    font-size: 0.9rem;
  }

  .historia .text {
    padding: 24px 45px;
  }

  /* MASZYNY I DONICZKI - STRONA GLOWNA */
  :is(.maszyny-ogrodnicze)>.mod-custom.custom .text {
    grid-row: unset;
    grid-column: unset;
  }

  .maszyny-ogrodnicze .naglowek {
    grid-column: unset;
  }

  :is(.doniczki:not(.teku, .desh), .historia.opis, .maszyny-ogrodnicze)>.mod-custom.custom {
    grid-template-columns: repeat(1, 1fr);
  }

  :is(.doniczki:not(.teku, .desh), .historia.opis)>.mod-custom.custom .text {
    grid-row: unset;
    grid-column: unset;
  }

  :is(.doniczki, .maszyny-ogrodnicze) .img {
    justify-content: center;
  }

  body:not(.doniczki) :is(.doniczki, .maszyny-ogrodnicze) .img img {
    max-width: 50%;
  }

  /* PODLOZA - STRONA GLOWNA */
  .com-content-article:not(.oferta) {
    padding: 0 75px;
  }

  /* PUNKT OBSLUGI KLIENTA - GLOWNA */
  .moduletable.gielda .mod-custom .item {
    grid-template-columns: 1fr;
    padding-left: 4rem;
  }

  .gielda .img::before {
    display: none;
  }

  .gielda .naglowek {
    font-size: 2rem;
  }

  .gielda .naglowek::before {
    height: 350px;
  }
}

@media screen and (max-width: 576px) {
  .com-content-article:not(.oferta) {
    padding: 0 50px;
  }

  /* NAGLOWKI H3 */
  :is(.naglowek) {
    font-size: clamp(1.8rem, 0.7874rem + 3.3684vw, 2rem);
  }

  /* DONICZKI - PODSTRONA */
  :is(.doniczki.desh, .doniczki.teku) .column {
    padding: 0 70px;
  }

  .doniczki:is(.teku, .desh) .img {
    margin-right: 180px;
  }

  .container-component .moduletable:not(.full-width) {
    padding: 0;
  }

  .doniczki-kontakt .mod-custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .doniczki-kontakt ul {
    grid-template-columns: 1fr;
    justify-content: center;
    padding-left: 0;
  }

  .doniczki-kontakt ul li {
    grid-column: unset;
  }

  .doniczki-kontakt ul li::before {
    grid-column: unset;
    width: 280px;
  }

  .doniczki-kontakt ul li a::before {
    left: calc(50% - 150px);
  }

  .doniczki-kontakt .mod-custom p {
    text-align: center;
  }

  /* MASZYNY - PODSTRONA */
  .moduletable.maszyny .mod-custom .item {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    padding: 2rem 3rem;
    row-gap: 0;
  }

  .maszyny #mod-custom138 {
    padding: 0 3rem;
  }

  /* SLIDER */
  .container-banner .slideshowck {
    height: 550px !important;
  }

  .camera_target_content .camera_caption_title {
    font-size: 1.5rem;
  }

  .camera_target_content .camera_caption_desc {
    font-size: 2.5rem;
  }

  .container-banner .camera_target_content {
    top: 360px !important;
  }

  .top-box ul li h2 {
    padding-right: 32px;
  }

  /* HISTORUA NASZEJ FIRMY */
  .mod-custom.custom .column {
    grid-template-columns: repeat(1, 1fr);
  }

  .historia::before {
    display: none;
  }

  .historia .text {
    padding: 0 25px;
  }

  .view-article.itemid-101 .grid-child.container-component::before {
    display: none;
  }

  /* MASZYNY OGRODNICZE */
  :is(.maszyny-ogrodnicze)>.mod-custom.custom .text {
    margin-right: 0;
  }

  /* FOOTER */
  .footer :is(.footer-middle, .footer-bottom) .mod-custom ul {
    flex-wrap: wrap;
  }

  .footer .footer-3 ul li:first-child {
    flex: 0 0 100%;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }

  .wrapper {
    gap: 15px;
  }

  .container {
    width: 100%;
    height: 25vmin;
    font-size: 8px;
  }

  .com-content-article:not(.oferta) {
    padding: 0 40px;
  }

  /* O NAS - PODSTRONA */
  .com-content-article.o-nas .img {
    display: block;
    grid-column: unset;
  }

  .com-content-article.o-nas .opis {
    grid-column: unset;
  }

  .com-content-article.o-nas .com-content-article__body {
    grid-template-columns: repeat(1, 1fr);
  }

  /* DONICZKI - PODSTRONA */
  .doniczki:is(.teku, .desh) .img {
    margin-right: 100px;
  }

  :is(.doniczki.desh, .doniczki.teku) .column {
    padding: 0 40px;
  }

  /* SYSTEMY NAWADNIANIA - PODSTRONA */
  .automatyka .bloki {
    grid-template-columns: 1fr;
  }

  .bloki .img {
    display: none;
  }

  .bloki .opis {
    grid-column: unset;
  }

  /* MASZYNY - PODSTRONA */
  .maszyny table {
    width: 100%;
  }

  .maszyny .opis td {
    font-size: 0.75rem;
  }

  .moduletable.maszyny .mod-custom .item {
    padding: 2rem 2rem;
  }

  .maszyny #mod-custom138 {
    padding: 0 2.5rem;
  }

  /* MENU */
  .container-header .navbar-brand {
    margin: 30px 50px;
  }

  .offcanvas.offcanvas-start {
    width: 300px;
  }

  .container-header .grid-child.container-nav a {
    font-size: 1rem;
  }

  /* KONTAKT - PODSTRONA */
  .com-content-article.kontakt .bloki .dane li {
    font-size: 1.5rem;
  }

  .com-content-article.kontakt .bloki .dane ul {
    gap: 1rem;
  }

  /* SLIDER */
  .container-banner .camera_target_content {
    left: 50px !important;
    right: 50px !important;
  }

  .camera_target_content .camera_caption_title {
    font-size: clamp(1.125rem, 0.75rem + 1.6667vw, 1.25rem);
  }

  .camera_target_content .camera_caption_desc {
    font-size: clamp(2rem, 1.25rem + 3.3333vw, 2.25rem);
  }

  #mod-custom111 {
    display: none;
  }

  .container-banner .camera_pag {
    top: calc(30% - 82px);
  }

  /* HISTORIA NASZEJ FIRMY */
  #mod-custom113 {
    background-size: cover;
  }

  /* DONICZKI I MASZYNY - GLOWNA */
  .mod-custom .text {
    padding: 24px 40px;
  }

  /* DONICZKI */
  .doniczki-katalogi .btn {
    margin: 32px 0;
  }

  .doniczki-katalogi .btn {
    font-size: 1.25rem;
  }

  .doniczki:not(.teku, .desh) .naglowek::after {
    display: none;
  }

  /* PUNKT OBLSUGI KLIENTA */
  .gielda .naglowek {
    font-size: 1.75rem;
  }

  .gielda .naglowek::before {
    height: 300px;
    width: 50px;
  }

  .moduletable.gielda .mod-custom .item {
    padding-left: clamp(2rem, -4rem + 26.6667vw, 4rem);
  }

  .gielda::after {
    width: 120px;
    height: 130px;
  }

  .view-article.itemid-101 .grid-child.container-component::after {
    width: 132px;
    height: 138px;
  }

  /* FOOTER */
  :is(.footer-3, .footer-4) :is(p, ul) {
    font-size: 0.9rem;
    padding-left: 0;
  }

  .footer-3 ul {
    padding-left: 0 !important;
  }

  .footer-middle :is(.footer-2, .footer-3) {
    width: unset;
  }

  .col-2 {
    width: unset;
  }

  .col-3 {
    width: 35%;
  }

  .footer .footer-bottom {
    font-size: 0.75rem;
    gap: 0.5rem;
  }

  .footer :is(.footer-middle, .footer-bottom) .mod-custom ul {
    gap: clamp(0.5rem, -1.5532rem + 8.5106vw, 1rem);
  }
}

/* counter end */

@media (min-width: 1281px) {
  .container-header {
    grid-template-columns: minmax(auto, 365px) 1fr;
  }

  .container-banner .camera_pag {
    width: 275px;
  }

  .container-banner .camera_wrap .camera_pag .camera_pag_ul {
    margin-left: 40px;
  }
}

@media (min-width: 1025px) {
  .blog-items.columns-3.blog_3-5 {
    padding-left: 50%;
    margin: 0;
    position: relative;
  }
}

@media (min-width: 992px) {
  .blog-items.columns-3.blog_3-5:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 36px);
    background-color: var(--cassiopeia-color-primary);
    width: 485px;
    height: 72px;
  }

  .blog-items.columns-3.blog_3-5 .blog-item {
    position: relative;
    overflow: visible;
  }

  .blog-items.columns-3.blog_3-5 .blog-item:first-child::before {
    content: "";
    position: absolute;
    left: -320px;
    top: 0;
    background-image: url("../../../../../images/szablon/blog-img.webp");
    width: 302px;
    height: 276px;
  }
}

/* mod */
.banneritem-inner img,
.mod-banners.bannergroup,
.mod-banners__item.banneritem img {
  width: 100%;
}

.offcanvas-header>*:only-child {
  margin-left: auto;
}

.offcanvas.show {
  background-color: var(--cassiopeia-bg-menu-primary);
  background-image: linear-gradient(135deg,
      var(--cassiopeia-bg-menu-primary),
      var(--cassiopeia-bg-menu-secondary));
}

.offcanvas-header>*:only-child {
  margin-left: auto;
}

.container-top-a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 25px;
}

body:not(.has-sidebar-left) .site-grid .container-component {
  padding: 0;
}

input:focus,
textarea {
  outline: none !important;
  caret-color: #fff !important;
}

.container-top-a ul {
  list-style: none;
  display: flex;
  gap: 10px;
  padding-left: 0;
  margin: 0;
}

.container-top-a ul li a {
  color: #fff;
}

.container-top-a,
.container-top-a>* {
  background-color: var(--cassiopeia-color-primary) !important;
  color: #fff;
  margin: 0;
}

.com_finder .top-b.home-slider {
  display: none;
}

.container-top-a .card-body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-top-a .card:first-child .card-body {
  justify-content: start;
}

.container-top-a .card:last-child .card-body {
  justify-content: flex-end;
}

.container-top-a .card .card-body ::placeholder,
.container-top-a .mod-finder #mod-finder-searchword143::placeholder {
  color: #fff;
  text-align: right;
  font-size: 0.8rem;
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
}

.container-top-a .card .card-body input {
  background-color: transparent;
  border: none;
}

.container-top-a .mod-finder #mod-finder-searchword143 {
  color: #fff;
  padding: 0;
  width: 150px;
  border-radius: 0;
  transition: all 1s ease-in-out;
}

.container-top-a .mod-finder #mod-finder-searchword143:focus:required:invalid {
  color: red;
  border-color: red;
  box-shadow: 0 0 6px red;
}

.container-top-a .mod-finder #mod-finder-searchword143:focus:required:valid,
.container-top-a .mod-finder #mod-finder-searchword143:focus:required:placeholder-shown {
  border-color: green;
  box-shadow: 0 0 8px green;
}

.container-top-a .mod-finder #mod-finder-searchword143:focus-within {
  line-height: 0.8rem;
  padding: 0.1rem 10px;
  color: #fff;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 1px 0;
  line-height: 0.9rem;
  transition: all 1s ease-in-out;
}

.container-top-a #mod-custom115 img,
.footer .grid-child.footer img {
  width: 90px;
  height: auto;
}

.container-top-a>* {
  font-size: 0.9rem;
}

footer>* {
  font-size: 0.7rem;
}

footer ul.social a {
  font-size: 1.2rem;
}

.container-top-a #mod-custom115 p {
  font-size: 0.6rem;
}

.container-bottom-b {
  width: 100vw !important;
}

.container-top-b>* {
  margin: 0;
}

.grid-child.container-top-b {
  flex-direction: column-reverse;
}

.home.site .grid-child.container-top-b .top-baner {
  margin: 3rem 0 100px;
}

:not(.home.site) .grid-child.container-top-b .top-baner {
  margin: 3rem 0 0;
}

.mod-banners__item.banneritem {
  text-align: center;
}

.carouselbanner {
  margin: 0 !important;
}

.home .container-component>*+* {
  margin: calc(var(--margin-top) + 40px) 0 var(--margin-top);
}

/*.view-article .container-component>*+*{margin: var(--margin-top) 0}*/
.view-article.blankpage .container-component>*+* {
  margin: 0;
}

.container-component .main-bottom.card {
  margin-top: 0;
}

.loading-pozycja,
.article-pozycja {
  grid-column: span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--margin-top);
}

.loading-pozycja p,
.article-pozycja p {
  margin-bottom: 0;
}

.loading-pozycja h2,
.article-pozycja h2 {
  color: #fff;
  text-align: center;
}

.owl-carousel .entry-title {
  margin: 1rem 0;
}

.home-slider .owl-carousel .entry-title {
  text-align: center;
}

.blog-items.items-leading.leading .blog-item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
}

.site.com_content .com-contact__container.opis {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--cassiopeia-color-primary);
}

.static .com-contact__container.opis {
  display: none;
}

.home.site .blog-items .blog-item {
  flex-direction: row;
}

.com-content-article.item-page .article-title h1 {
  text-align: center;
}

.blog-items.items-leading.leading .blog-item {
  gap: 2rem;
}

.com-content-article.item-page .top .item-image {
  margin-bottom: 0;
}

.com-content-article.item-page .top .page-header {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.com-content-article.item-page .top .page-header .article-info dd {
  text-align: center;
}

/*.com-content-article.item-page .com-content-article__body p:first-child{font-size: 1.8rem;line-height: 1.4;font-weight: 700;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid var(--cassiopeia-color-primary)}
.com_content.view-category .blog-item p+p{position: relative}
.com_content.view-category .blog-item p:before+p{content: '<hr id="system-readmore">';border-bottom: 1px solid green}
.com-content-article.item-page .com-content-article__body .opis p:first-child{font-family:var(--body-font-family);font-size: 1rem;line-height: 1.4;font-weight: 400;padding-bottom:0px;margin-bottom: 0px;border-bottom: none}
*/
.com-content-article.item-page .com-content-article__body :is(h2, h2 strong) {
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 20px;
  letter-spacing: initial;
}

.com-content-category-blog.blog>h1 {
  font-size: 2.5rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}

.com-content-article.item-page .com-content-article__body .opis h2 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.com-content-article.item-page .com-content-article__body :is(h3, h3 strong) {
  /*text-transform: uppercase;
  font-size: 1.25rem;*/
  line-height: 1.4;
  /*font-weight: 700;*/
  margin-top: 3rem;
  margin-bottom: 0.5rem;
}

.com-content-article.item-page .com-content-article__body :is(h2 + figure, h2 strong + figure),
.com-content-article.item-page .com-content-article__body :is(h3 + figure, h3 strong + figure) {
  margin-top: 1rem;
}

/*.com-content-article.item-page .com-content-article__body :is(h4, h3, h3 strong, h4 strong) {
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
  width: auto
}*/

/*.com-content-article.item-page .com-content-article__body h3:before{content: "";position: absolute;bottom: 0;left: 0;width: 10%;height: 1px;background-color: var(--cassiopeia-color-primary);-webkit-transition: 0.3s;transition: 0.3s;}*/
/*.com-content-article.item-page .com-content-article__body h4:before{content: "";position: absolute;bottom: 0;left: 0;width: 10%;height: 1px;background-color: var(--cassiopeia-color-primary);-webkit-transition: 0.3s;transition: 0.3s;}*/
.com-content-article.item-page .com-content-article__body blockquote {
  margin: 40px 0 40px 40px;
  border-left: 4px solid var(--cassiopeia-color-primary);
  padding-left: 40px;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.4;
}

.com-content-article.item-page .com-content-article__body figure {
  margin: 40px 0;
}

/*.blog-items.items-leading.leading .blog-item .item-content .intro{display: none}*/
.blog-item .item-image {
  margin-bottom: 30px;
  margin-top: 0;
}

.list-group-item {
  border: none;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: inherit;
}

a.readmore,
.entry-description a.readmore,
.item-content p.readmore {
  text-decoration: none;
  text-transform: uppercase;
  color: var(--body-color);
  font-size: 0.8rem;
  margin-bottom: 0;
  margin-top: 0.8rem;
}

a.readmore span {
  color: var(--body-color);
  font-size: 0.8rem;
  opacity: 0.7;
}

.entry-description a.readmore {
  font-size: 0.8rem;
}

/* slider */
.container-bottom-a>* {
  margin-inline: 2em;
}

.home-slider .owl-carousel .owl-item img {
  object-fit: cover;
  width: 100%;
  height: min(420px, 420px);
}

.home-slider .owl-carousel .entry-title h3 {
  font-size: 3rem;
}

.home-slider .owl-carousel .entry-description .mos-img {
  display: none;
  min-height: 0;
}

.home-slider .owl-carousel.owl-drag .entry-description {
  min-height: 0;
}

.home-slider .owl-item .blog-entry .entry-content,
.container-bottom-b .card.newsletter {
  background: transparent;
}

.container-bottom-b .card.newsletter {
  padding-left: 2em;
  padding-right: 2em;
}

.home-slider .owl-dots {
  text-align: center;
  bottom: -2rem !important;
  width: 90%;
}

.home-slider .owl-dots button.owl-dot {
  border: none;
  margin: 0 0.2rem;
  padding: 0;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  line-height: 1;
}

.home-slider .owl-dots button.owl-dot span {
  margin: 0;
  background-color: #f4f4f4;
  transition: none;
  isplay: initial;
  border-radius: 50%;
  height: inherit;
  width: inherit;
}

.home-slider .owl-dots button.owl-dot.active span,
.home-slider .owl-dots button.owl-dot:hover span {
  background-color: var(--cassiopeia-color-primary);
}

/* end slider */
.carouselbanner-wrp .controls-container {
  display: none;
}

/*.fastsocialshare_container.fastsocialshare_toggled{margin-top: 3rem;margin-bottom: 1.5rem;align-items: center;}
.fastsocialshare_container.fastsocialshare_toggled:before{content: 'share';position: relative;padding-right: 1rem;vertical-align: middle;text-transform: uppercase;color: #6d757e!important}*/
/*.fastsocialshare_container.fastsocialshare_toggled label{order: 2}
.fastsocialshare_container.fastsocialshare_toggled .fastsocialshare-text{order: 1;margin: 0 2rem 0 0;text-transform: uppercase}
.fastsocialshare_container.fastsocialshare_toggled .fastsocialshare-subcontainer{order: 3}*/
/*div.fastsocialshare-subcontainer > div[class^="fastsocialshare-share-"] > *{padding: .25rem .5rem!important;font-size: .875rem!important;}*/
.com-content-article__body label.fastsocialshare-opener {
  flex: 0 0 24px;
  margin-right: 20px;
  width: 24px;
  height: 24px;
  background-position: 40% center;
  background-repeat: no-repeat;
  background-size: 65%;
}

.com-content-article img {
  width: 100%;
}

.container-bottom-b .card.newsletter h4 {
  background-color: var(--cassiopeia-color-link);
  color: #fff;
  width: max(350px, 150px);
  margin-bottom: 20px;
  align-items: center;
}

.container-bottom-b .card.newsletter h2 {
  font-size: 60px;
}

.container-bottom-b .card.newsletter p {
  margin: 20px 0;
}

.btn {
  padding: 0;
  background-color: transparent;
  border: none;
  font-weight: 700;
  font-size: 1.333rem;
}

a.btn {
  text-decoration: none;
}

footer button {
  padding: 10px 40px;
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
}

footer button:hover {
  border: 1px solid #e20074;
  background-color: #e20074;
  color: #fff;
}

.item-content p {
  line-height: 1.4;
  font-weight: 200;
}

.card {
  border: none;
}

.card-body {
  padding: 0;
}

.card-body p {
  margin-bottom: 0;
}

.metismenu.mod-menu .metismenu-item.parent {
  position: relative;
}

/*.header .mod-menu li.level-1.deeper.parent:hover > ul {background-color: #fff;border: 1px solid #dfe3e7;border-radius: 5px;display: block;position: absolute;top: 100%;left: 0;min-width: 250px;padding: 16px;}*/
.metismenu.mod-menu li:hover .mm-collapse:not(.mm-collapse),
.metismenu.mod-menu .metismenu-item:hover>ul {
  display: block;
  padding: 0.2rem 0.5rem;
}

/* kontakt */
.contact-header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  border-bottom: 5px solid #ea5505;
  align-items: center;
}

.contact-header>.author-avatar {
  flex: 0 0 200px;
  margin-right: 2rem;
}

.contact-header>.author-avatar img {
  border-radius: 50%;
}

.contact-header>.author-info {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-articles {
  margin: 2rem 0;
}

.contact-article {
  margin-bottom: 3rem;
}

.article-date {
  color: #7a7a7a;
}

.article-title {
  margin-bottom: 1rem;
}

.article-readmore {
  text-decoration: underline;
  color: #ea5505;
  text-decoration-color: #c44704;
  font-weight: 700;
}

.com-contact .contact-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}

.com-contact__container.opis,
.result__item {
  display: grid;
  column-gap: 4rem;
  row-gap: 0.5rem;
  grid-template-columns: auto 3fr;
  grid-template-areas: "obrazek tytul" "obrazek opis";
}

.result__item {
  grid-template-columns: 200px 3fr;
}

.com-contact__container.opis img,
.result__item .intro.result__image {
  max-width: 200px;
}

.com-contact__container.opis img,
.result__item .intro.result__image {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.com-contact__container.opis h2,
.com-contact__container.opis p {
  margin-bottom: 0;
}

.com-contact__container.opis p {
  place-self: start stretch;
}

.iconfacebook dd a {
  font-size: 0;
}

.iconfacebook dd a::before {
  font-family: "Font Awesome\ 5 Brands";
  content: "\f39e";
  font-weight: 400;
  font-size: 48px;
}

.icongoogle dd a {
  font-size: 0;
}

.icongoogle dd a::before {
  font-family: "Font Awesome\ 5 Brands";
  content: "\f0d5";
  font-weight: 400;
  font-size: 48px;
}

.iconfacebook,
.icongoogle {
  display: inline-block;
  margin: 0 !important;
  padding-right: 10px;
}

.iconfacebook dt,
.icongoogle dt {
  display: none !important;
}

.iconfacebook dd,
.icongoogle dd {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

/* end  kontakt */
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.container-bottom-a {
  flex-direction: column;
}

.view-category .bog-items {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}

.top figure.item-image {
  display: block;
  position: relative;
  margin: 20px;
  color: whitesmoke;
}

.top figure.item-image p.alt {
  position: absolute;
  opacity: 0;
  inset: auto 0 0;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 300ms ease;
  transition-delay: 300ms;
}

/* Hovering over the wrapper shows its alt p*/
.top figure.item-image:hover>p.alt {
  opacity: 1;
  transition-delay: 0s;
  padding: 15px;
}

.contact-links ul {
  margin-top: 1rem;
}

span.field-value+p {
  margin-top: 2rem;
}

@media (min-width: 1366px) {}

@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }
}

@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}

@media (min-width: 1280px) {

  /*
.com-content-article .social-share a {margin:.25rem .25rem .5rem}
body:not(.home,.com_contact,.com_tags) .article-pozycja{margin: 110px 0}
.home.site .blog-items .blog-item:nth-child(3),
.home.site .blog-items .blog-item:nth-of-type(7),
.home.site .blog-items .blog-item:nth-of-type(10),
.home.site .blog-items .blog-item:nth-of-type(13),
body:not(.home,.com_contact,.com_tags) .blog-items .blog-item:nth-of-type(6),
body:not(.home,.com_contact,.com_tags) .blog-items .blog-item:nth-of-type(9),
body:not(.home,.com_contact,.com_tags) .blog-items .blog-item:nth-of-type(12),
body:not(.home,.com_contact,.com_tags) .blog-items .blog-item:nth-of-type(15),
.blog-items.items-leading.leading .blog-item{margin: var(--margin-top) calc(-100px - 2em);padding: 40px calc(100px + 2em);justify-self: flex-end}*/
  .blog-items.items-leading.leading .blog-item {
    margin-top: 0;
  }

  .blog-items.items-leading.leading .blog-item {
    margin-bottom: 0;
  }

  .com-contact.contact,
  .com-tags__items,
  .com-tags-tag.tag-category {
    margin-top: calc(100px - 2rem);
  }

  .grid-child.container-top-b,
  .com-finder.finder {
    margin-top: var(--margin-top);
  }

  .top-b.home-slider {
    margin-top: var(--margin-top);
  }

  .com-content-category-blog.blog>h1 {
    margin: var(--margin-top) 0 var(--margin-top);
  }
}

@media (max-width: 1280px) {
  .top-b.home-slider {
    margin-top: 40px;
  }

  .container-bottom-b .card.newsletter h2 {
    font-size: 2.5rem;
  }

  /* .grid-child.container-bottom-a,
  .container-bottom-b {
    padding: 40px 2em;
    margin: 40px -2em
  } */

  .com-content-article.item-page .top {
    margin-bottom: 3rem;
  }

  .home-slider .owl-carousel .entry-title h3 {
    font-size: 2rem;
  }
}

@media (max-width: 991.98px) {
  .container-top-a {
    flex-direction: row;
    justify-content: space-between;
  }

  .offcanvas .metismenu.mod-menu .metismenu-item>ul {
    position: relative;
    width: 100%;
    margin-top: 1rem;
    margin-inline-end: 0;
  }

  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }

  .offcanvas .metismenu.mod-menu .metismenu-item>a {
    color: #fff;
  }

  .offcanvas .metismenu.mod-menu .metismenu-item>a {
    color: #000;
  }
}

@media (max-width: 812px) {
  /*.top figure.item-image{margin: 0}
.container-component>*+* {margin: 1em 0;}
 .home-slider .owl-carousel .entry-title h3,
 .blog-items .blog-item .page-header h2[itemprop="name"]  {font-size: 1.5rem} 
.grid-child.container-bottom-a, 
.container-bottom-b{padding: 10px 0;margin:  20px -2em}
#mod-custom134{margin-bottom: 10px}
.container-bottom-b .card.newsletter h2{font-size: 2rem;}
.com-content-article.item-page .top{margin: 0 -2em 2em;flex-direction: column-reverse;padding: 0}
.com-content-article.item-page .top .page-header{padding: 2em}
.com-content-article.item-page .top .item-image {width: 100%}
.top-b.home-slider{margin: 3rem  -2em 0;}
.main-bottom {margin-inline: -2em}

.com-content-article.item-page .com-content-article__body p:first-child {font-size: 1.5rem;}
.item-image img, 
.home-slider .owl-item .blog-entry .blog-entry-image img {height: auto;}
.home-slider .owl-carousel .owl-item img{height: auto}
footer .footer{margin: 0 2em}
.blog-items.items-leading.leading .blog-item .item-content .page-header h2[itemprop="name"]{font-size: 1.5rem;}

*/
}

@media (max-width: 428px) {
  /* .container-header{margin-top: 50px}
.container-top-a,
header,
header.isSticky{padding: 0 1em}
.site-grid #npost122 .nspost_sett{margin: 0}
body.wrapper-fluid .site-grid{grid-gap: 0 1em}
.com-content-article.item-page .top{margin: 0 -1em 1em}
.top-b.home-slider {margin: 2rem  -1em 0;}
.loading-pozycja, .article-pozycja{margin-bottom: 1em}
.container-bottom-b .card.newsletter{padding-left: 1em;padding-right: 1em}
.grid-child.container-bottom-a, .container-bottom-b {margin: 20px -1em;}
.blog-items.items-leading.leading .blog-item, 
.home.site .blog-items .blog-item:is(:nth-of-type(3), 
:nth-of-type(7), :nth-of-type(10), :nth-of-type(13)), 
body:not(.home,.com_contact,.com_tags) .blog-items .blog-item:is(:nth-of-type(6), 
:nth-of-type(9), :nth-of-type(12), :nth-of-type(15)), 
.com-content-article.item-page .top, .home-slider .owl-item .blog-entry{padding: 1em}
.container-top-a {flex-direction: row;flex-wrap: wrap;height: 30px}
.container-top-a .top-a:nth-child(1){width: auto;flex: 1 auto;order: 1}
.container-top-a .top-a:nth-child(2){order: 3}
.container-top-a .top-a:nth-child(3){width: auto;flex: 2 auto;order: 2}
.blog-items.items-leading.leading .blog-item .item-content .page-header h2[itemprop="name"],
.home.site .blog-items .blog-item:nth-child(3) .page-header h2[itemprop="name"],
.home.site .blog-items .blog-item:nth-child(7) .page-header h2[itemprop="name"],
.home.site .blog-items .blog-item:nth-child(10) .page-header h2[itemprop="name"],
.home.site .blog-items .blog-item:nth-child(13) .page-header h2[itemprop="name"],
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(6) .page-header h2[itemprop="name"],
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(9) .page-header h2[itemprop="name"],
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(12) .page-header h2[itemprop="name"],
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(15) .page-header h2[itemprop="name"],
h2 .contact-name{font-size: 30px}
.com-content-article.item-page .com-content-article__body p:first-child{font-size: 1.3rem}
.com-content-article.item-page .com-content-article__body h2, 
.com-content-article.item-page .com-content-article__body h2 strong{font-size: 1.4rem}
.home-slider .owl-item .blog-entry .entry-content{padding: 20px; order: 2}
.home-slider .owl-item .blog-entry .blog-entry-image{order: 1}
.home-slider .owl-carousel.owl-drag .mos-img,
.home-slider .owl-carousel.owl-drag .entry-description{min-height: 0}
.blog-items.items-leading.leading .blog-item, 
.home.site .blog-items .blog-item:nth-of-type(3), 
.home.site .blog-items .blog-item:nth-of-type(7), 
.home.site .blog-items .blog-item:nth-of-type(10), 
.home.site .blog-items .blog-item:nth-of-type(13), 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(6), 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(9), 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(12), 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(15), 
.com-content-article.item-page .top, 
.home-slider .owl-item .blog-entry{}
.blog-items.items-leading.leading .blog-item .left.item-image, 
.home.site .blog-items .blog-item:nth-child(3) .left.item-image, 
.home.site .blog-items .blog-item:nth-child(7) .left.item-image, 
.home.site .blog-items .blog-item:nth-child(10) .left.item-image, 
.home.site .blog-items .blog-item:nth-child(13) .left.item-image, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(6) .left.item-image, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(9) .left.item-image, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(12) .left.item-image, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(15) .left.item-image, 
.home-slider .owl-item .blog-entry .blog-entry-image,
.blog-items.items-leading.leading .blog-item .item-content, 
.home.site .blog-items .blog-item:nth-child(3) .item-content, 
.home.site .blog-items .blog-item:nth-child(7) .item-content, 
.home.site .blog-items .blog-item:nth-child(10) .item-content, 
.home.site .blog-items .blog-item:nth-child(13) .item-content, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(6) .item-content, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(9) .item-content, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(12) .item-content, 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(15) .item-content, 
.home-slider .owl-item .blog-entry .entry-content{flex: 0 1 100%;max-width: 100%;order: 2}

.home.site .blog-items .blog-item:nth-child(3), 
.home.site .blog-items .blog-item:nth-child(7), 
.home.site .blog-items .blog-item:nth-child(10), 
.home.site .blog-items .blog-item:nth-child(13), 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(6), 
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(9),
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(12),
body:not(.home,.com_contact) .blog-items .blog-item:nth-of-type(15) {margin: calc(40px - 2rem) -1em;}
.blog-items.columns-2 {display: flex!important;flex-direction: row;flex-wrap: wrap}
.footer .footer-middle > *,
.footer .footer-bottom > *  {width: 100%;padding-bottom: 1rem}
.com-content-category-blog__navigation {display: flex;flex-direction: column; align-items: center;}
.pagination {flex-wrap: wrap;}
.container-bottom-b .card.newsletter h2 {font-size: 1.5rem;}
.owl-carousel:hover .owl-nav .owl-prev{left: -30px!important}
.owl-carousel:hover .owl-nav .owl-next{right: -30px!important}
.com-contact__container.opis {display: grid;column-gap: 0;row-gap: .5rem;grid-template-columns: 1fr;grid-template-areas: 'obrazek' 'tytul' 'opis' ;}
.com-contact__container.opis img{grid-column: 1;grid-row: 1;}
.com-contact__container.opis h2{font-size: 1.5rem;margin: 1rem auto}
.com-contact__container.opis p{text-align: center}
.com-contact__container.opis> *{place-self:center}
.com-contact__container.opis img{max-width: 100px}
.home .container-component .main-bottom.card {margin: 0}
.view-article .container-component>*+*,
.home .container-component>*+*{margin:  3em 0}
.footer .footer-middle > .footer-3, .footer .footer-middle > .footer-4,
.footer .footer-middle > *, .footer .footer-bottom > *{text-align: center}
.footer .footer-bottom .footer-bottom-3 .mod-custom ul{justify-content: center;}
body.wrapper-fluid footer>.grid-child, body.wrapper-fluid header>.grid-child{padding-left: 0;padding-right: 0}
body.wrapper-fluid footer>.grid-child{padding-left:1em;padding-right: 1em}
.banneritem-inner , .mod-banners.bannergroup, .mod-banners__item.banneritem {display:flex;justify-content: center}
.banneritem-inner img, .mod-banners.bannergroup, .mod-banners__item.banneritem img{width:auto;} */
}

@media (max-width: 320px) {
  .pagination__wrapper {
    margin: 0 -1em;
  }

  .pagination {
    margin: 0;
  }

  .article-info .info-top,
  .owl-carousel .entry-meta.info {
    flex-direction: column;
  }

  .article-info .category-name,
  .owl-carousel .entry-meta.info a,
  .container-bottom-b .card.newsletter h4 {
    width: 100%;
  }

  .blog-items .blog-item .published {
    margin-left: 0;
    text-align: center;
  }

  .blog-items .blog-item .page-header h2[itemprop="name"],
  .blog-items.items-leading.leading .blog-item .item-content .page-header h2[itemprop="name"],
  .home.site .blog-items .blog-item:nth-child(3) .page-header h2[itemprop="name"],
  .home.site .blog-items .blog-item:nth-child(7) .page-header h2[itemprop="name"],
  .home.site .blog-items .blog-item:nth-child(10) .page-header h2[itemprop="name"],
  .home.site .blog-items .blog-item:nth-child(13) .page-header h2[itemprop="name"],
  body:not(.home, .com_contact) .blog-items .blog-item:nth-of-type(6) .page-header h2[itemprop="name"],
  body:not(.home, .com_contact) .blog-items .blog-item:nth-of-type(9) .page-header h2[itemprop="name"],
  body:not(.home, .com_contact) .blog-items .blog-item:nth-of-type(12) .page-header h2[itemprop="name"],
  body:not(.home, .com_contact) .blog-items .blog-item:nth-of-type(15) .page-header h2[itemprop="name"],
  h2 .contact-name {
    font-size: 1.3rem;
  }

  .container-bottom-b .card.newsletter h4 {
    max-width: 100%;
  }
}