/*@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: #FAF10C;
    --cassiopeia-color-link: #e20074;
    --cassiopeia-color-hover: #424077;
    --cassiopeia-bg-menu-primary: rgba(255, 255, 255, .95);
    --cassiopeia-bg-menu-secondary: rgba(var(--cassiopeia-color-hover), .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+ */
}

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 .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: flex-end;
    align-items: center;
    padding-right: 1.5rem;
    margin-right: 200px
}

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

.metismenu.mod-menu .metismenu-item.level-1 .mm-collapse,
.metismenu.mod-menu .metismenu-item.level-2 .mm-collapse {
    padding: .3em 0;
}

.metismenu.mod-menu .metismenu-item.level-2 {
    padding: .2em .8em;
}

.metismenu.mod-menu .metismenu-item.level-3 {
    padding: .2em .6em;
}

.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% - .5px)
}

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

.metismenu.mod-menu .mm-collapse>li.parent>ul {
    background: transparent;
    left: unset;
}

.metismenu.mod-menu .metismenu-item>ul {
    margin: 0 !important;
    left: 0
}

.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus {
    outline: none
}

.metismenu.mod-menu .level-2.metismenu-item .mm-collapse.mm-show,
.metismenu.mod-menu .level-2.metismenu-item .mm-collapsing {
    background: #FAF10C;
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: 0;
}

.metismenu.mod-menu .level-2.metismenu-item .mm-collapse a,
.metismenu.mod-menu .level-2.metismenu-item .mm-collapsing a {
    color: #000;
}

.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: var(--cassiopeia-color-primary)
}


.metismenu.mod-menu .metismenu-item {
    justify-content: center;
}


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

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

.container-header .grid-child.container-nav {
    background-color: rgba(0, 0, 0, 0.50)
}

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

.footer a:not(.btn) {
    color: #fff;
}

.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,
.container-header .grid-child.container-nav .mm-collapse button,
.container-header .grid-child.container-nav .mm-collapsing a,
.container-header .grid-child.container-nav .mm-collapsing button {
    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: 45px auto;
}

.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
}

.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 {}

.camera_target_content .camera_caption_title,
.camera_target_content .camera_caption_desc {
    font-size: 3.556rem;
    line-height: 5.333rem;
    font-weight: 400;
    color: var(--cassiopeia-color-primary)
}

.camera_target_content .camera_caption_desc {
    font-size: 5.556rem;
    font-weight: 700
}

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

.oferta [data-rlta-element="button-scroller"] {
    display: none;
}

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

.moduletable:is(.katalog.oferta, .top-box.o-nas, .top-box.oferta, .top-box.kontakt, .top-box.realizacje) .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, .top-box.realizacje) .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;
}

.introtext {
    position: relative;
    z-index: 2;
}

.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
}

.mod-custom .text,
.container-component .moduletable:not(.full-width),
.ekipa.bloki>*,
.produkty .mod-custom>*,
.container-component .moduletable.kontakt:not(.mapa)>*,
.com-content-article:not(.oferta) {
    max-width: 1314px;
    margin: 0 auto
}

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

.moduletable>h3 {
    text-align: center
}

.ekipa {
    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: 20px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-inline: 1rem;
    box-shadow: none;
}

#mod-custom111 .image {
    display: block;

    a {
        text-decoration: none;
    }
}

#mod-custom111 .image figcaption {
    display: block;
    font-size: 1.333rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.133rem;
    padding-top: 30px;
    word-break: break-word;
}

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

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

:is(.com-content-article__body, .naglowek, .rynek) h1,
h2.naglowek {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 400;
    z-index: 2;
    position: relative
}

.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 h1:before,
.rynek h1:before,
h2.naglowek:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 15px;
    background-color: var(--cassiopeia-color-primary);
    width: 276px;
    height: 63px;
    z-index: -1
}

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

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

.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;
}

.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 {
    position: relative;
    z-index: 2
}

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

.historia.naglowek:before {
    width: clamp(3rem, -27.8571rem + 48.2143vw, 30rem);
}

.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: .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
}

.item-pageartykul-kontakt .item,
.moduletable .mod-articlesnews__item .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    z-index: 2
}

.item-pageartykul-kontakt .item>*,
.moduletable .mod-articlesnews__item .item>* {
    justify-self: center;
    text-align: center
}

.item-pageartykul-kontakt .item ul,
.moduletable .mod-articlesnews__item .item ul {
    list-style: none;
}

.item-pageartykul-kontakt .item ul li,
.moduletable .mod-articlesnews__item .item ul li {
    position: relative;
    padding: .5rem 0
}

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

.moduletable .mod-custom .item ul li.tel:before,
.item-pageartykul-kontakt .item ul li.tel:before,
.moduletable .mod-articlesnews__item .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)
}

.item-pageartykul-kontakt .item ul li.mail:before,
.moduletable .mod-articlesnews__item .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
}

.left.item-image {
    margin-top: -154px;
}

/*.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
}

.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;
    flex-wrap: wrap;
    min-height: 168px;
    gap: 44px;
    row-gap: 20px;
    background-color: #EFEFEF;
    position: relative
}

.oferta div[role=tablist]:before {
    content: '';
    background-image: url('../../../../../images/szablon/bg-kwadrat-czarny.webp');
    width: clamp(7rem, -25.3684rem + 50.5263vw, 10rem);
    height: 168px;
    position: absolute;
    left: 0;
    top: 0
}


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

.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.80px;
    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.80px;
    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(.rynek, .historia.opis)>.mod-custom.custom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}

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

:is(.rynek, .historia.opis)>.mod-custom.custom .text {
    grid-column: 1;
    grid-row: 1 / 2;
    margin-top: 90px;
    margin-left: var(--rynek-margin-left);
    line-height: 1.4;
    min-height: 45px
}

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

:is(.rynek, .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 {}

.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(.rynek, .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
}


/* PORADY */


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

.porady .category-desc.clearfix {
    max-width: 1380px;
    margin: 2em auto 0;
    font-size: 1.2em;
}

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

.porady .blog-item {
    margin-top: 4em;
    border-bottom: solid 1px #dfdcda;
    padding-bottom: 1em;
}

.porady .blog-item:last-child {
    border-bottom: none;
}

.porady .blog-item .item-content {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.porady .blog-item .item-content p.readmore {
    margin-top: auto;
}

.porady .blog-item .item-content h2 {
    font-size: 1.25em;
    min-height: 2.75em;
}

.porady .blog-item .item-content .article-info-term,
.porady .item-pageporady .article-info-term {
    display: none;
}

.porady .blog-item .item-content .article-info.text-muted,
.porady .item-pageporady .article-info.text-muted {
    display: flex;
    gap: 2em;
    font-size: .75em;
}


.venta .blog-items.items-leading.leading {
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.venta .blog-item h2,
.h2 {
    font-size: 1.75rem;
}

.venta .blog-item .item-content p {
    display: none;
}

.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.80px
}

.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
}

.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-2, .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, .footer-3) :is(a, a:hover) {
    color: var(--cassiopeia-color-primary);
    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;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
    justify-content: center;
    padding: .5rem
}

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

.footer .footer-middle .footer-2 {}

.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: clamp(2rem, -5.5000rem + 8.3333vw, 4.5rem);
    padding-left: 0;
    margin-bottom: 0;
    justify-content: flex-end;
}

.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;
    row-gap: 2rem;
    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, .active, :hover) *:is(a, span) {
    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
}

@media screen and (max-width: 1280px) {
    body {
        font-size: 15px
    }

    body p {
        font-size: 1.2rem
    }

    :root {
        --rynek-margin-left: 50px;
        --rynek-margin-right: var--(--rynek-margin-left);
    }

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

    :is(.rynek, .historia.opis)>.mod-custom.custom .text {
        line-height: 1
    }

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

    .footer-3 ul {
        flex-direction: column
    }

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

    .footer .footer-bottom {
        font-size: 1rem
    }

    #mod-custom121 {
        background-size: cover;
        min-height: 600px;
        background-position: center
    }

    .dystrybutor>div {
        padding: 0 60px
    }

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

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

@media screen and (max-width: 1024px) {
    .historia.naglowek::before {
        display: none;
    }

    .wrapper {
        width: 85vw;
    }

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

    .container-banner .slideshowck {
        max-height: 900px;
    }

    .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;
    }

    #mod-custom111 {
        grid-template-columns: repeat(4, 1fr);
    }

    .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
    }

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

    #mod-custom118,
    #mod-custom124 {
        margin-left: 0
    }

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

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

    :is(.rynek, .historia.opis)>.mod-custom.custom .text {
        min-height: 30px;
    }

    .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: 812px) {
    .header.container-header .grid-child.container-nav {
        padding-right: 0 !important;
    }

    .container-header nav {
        width: 100%;
        padding-right: 20px;
        justify-content: end
    }

    .wrapper {
        width: 90vw;
        flex-wrap: wrap;
        gap: 30px;
    }

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

    .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(.rynek, .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 {
        height: 400px;
    }

    #mod-custom121 {
        min-height: 400px;
    }

    .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: 20px 10px 10px 0px;
    }

    .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
    }
}

@media screen and (max-width: 480px) {
    .wrapper {
        gap: 15px;
    }

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

/* counter end */


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

    .container-banner .camera_fakehover:after,
    .moduletable.top-box.o-nas .mod-custom:after,
    .moduletable.top-box.realizacje .mod-custom:after,
    .moduletable.top-box.oferta .mod-custom:after,
    .moduletable.top-box.kontakt .mod-custom:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 165px;
        background-image: linear-gradient(180deg, rgba(239, 239, 239, 1) 50%, rgba(250, 241, 12, 1) 50%);
    }

    .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
    }
}


/* newsy start */

.blog-items.blog_3-5.columns-3>div img {
    display: none;
}

.blog-items.blog_3-5.columns-3 .item-content p {
    display: none;
}

.blog-items.blog_3-5.columns-3 .item-content h2 {
    font-size: 1em;
}




/* 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: #fff;
    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: .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: .8rem;
    padding: .1rem 10px;
    color: #fff;
    width: 200px;
    background-color: rgba(255, 255, 255, .2);
    margin: 1px 0;
    line-height: .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: .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 .item-image img {}

.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: .8rem;
    margin-bottom: 0;
    margin-top: .8rem
}

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

.entry-description a.readmore {
    font-size: .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 .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
}

button {
    padding: 10px 40px;
    border: 1px solid #000;
    background-color: #fff;
    text-transform: uppercase;
    transition: background-color .5s ease-in-out
}

button:hover {
    border: 1px solid #e20074;
    background-color: #e20074;
    color: #fff;
    text-transform: uppercase;
    transition: background-color .5s ease-in-out
}

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;}*/

/* 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: .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
}

/* REALIZACJE */

.realizacje-galeria div[role=tablist] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 128px;
    gap: 44px;
    position: relative;
}

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

.realizacje-galeria div[role=tablist] div[role=tab] h3 {
    cursor: pointer;
    font-size: 1.25rem !important;
}

.realizacje-galeria h3::before {
    background-color: transparent !important;
}

/* STRONGA GLOWNA - ANIMACJE */

@keyframes slideIn {
    from {
        transform: translateX(100%);
        filter: blur(5px);
    }

    to {
        transform: translateX(0);
        filter: blur(0);
    }
}

.img.slideAnimation {
    animation: slideIn 1.7s cubic-bezier(0.25, 1, 0.5, 1);
}

/* KONTAKT - MAPA*/

#mod-custom147 iframe {
    width: calc(100% - 165px);
    height: 525px;
}

@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: 1440px) {

    .container-banner .camera_target_content {
        top: 430px !important;
        right: 330px !important;
        left: 250px !important;
    }

    #mod-custom111 .image {
        margin: unset;
    }

    .moduletable.produkty.oferta.full-width .item {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

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

}

@media (max-width : 1280px) {
    .container-banner .camera_target_content {
        right: 150px !important;
        left: 200px !important;
    }

    .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
    }

    /* OFERTA - STRONA GŁÓWNA */
    .oferta div[role=tabpanel]>div[data-rlta-element=panel-content] figure figcaption {
        top: 60%;
        left: 20px;
    }

    /* licznik */
    .moduletable.licznik .mod-custom.custom {
        min-height: 290px;
    }

    .moduletable.licznik .wrapper {
        justify-content: space-evenly;
        gap: 0;
        flex-direction: column;
    }

    .moduletable.licznik .container {
        width: 100%;
        height: 11vmin;
    }

    /* news */
    .venta .blog-item h2,
    .h2 {
        font-size: 1.25rem;
    }

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

    .blog-items.leading .blog-item .item-content::before {

        font-size: 3.1rem;
        left: 30px;
        top: 25px;
    }

    .blog-items.blog_3-5 .blog-item .item-content::before {
        font-size: 2.0rem;
    }

    .blog-items.columns-3.blog_3-5 .blog-item {
        padding: 33px 10px 33px 20px;
    }

    /* podstrony */
    main ol li {
        font-size: 1.25rem;
    }

    /* o nas */
    .ekipa.naglowek::before {
        display: none;
    }


    /* oferta */
    .oferta p {
        padding: 0 2em;
    }

    .venta .oferta p {
        padding: 0;
    }

    /* kontakt */
    .moduletable.ekspert .mod-custom .item {
        max-width: 100%;
    }

    .artykul-kontakt .moduletable.kontakt.ekspert::after {
        display: none;
    }

    .mod-custom .text,
    .container-component .moduletable:not(.full-width),
    .ekipa.bloki>*,
    .produkty .mod-custom>*,
    .container-component .moduletable.kontakt:not(.mapa)>*,
    .com-content-article:not(.oferta) {
        max-width: 90%;
    }

    /* porady */
    .porady .category-desc.clearfix {
        max-width: 80%;
    }

    .porady .blog-item .item-content {
        padding: 0 1em;
    }

    .com-content-article.artykul-oferta.item-pageporady {
        max-width: 80%;
        margin: 2em auto;
    }

    /* FOOTER */
    .footer :is(.footer-middle, .footer-bottom) .mod-custom ul {
        gap: .5rem;
    }

}

@media (max-width : 991.98px) {

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

    :is(.com-content-article__body, .naglowek, .rynek) h1,
    h2.naglowek {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }

    .container-top-a {
        flex-direction: row;
        justify-content: space-between;
    }

    /* HEADER */
    header {
        top: 0 !important;
    }

    .container-header {
        grid-template-columns: 250px 1fr;
    }

    .container-header .navbar-brand {
        margin: 35px auto;
    }

    .container-header .navbar-brand a img {
        max-width: 130px;
    }

    /* MENU */
    .container-header .grid-child.container-nav {
        background: #000;
        justify-content: end;
        padding-right: 2rem !important;
    }

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

    .container-header .mod-menu {
        align-items: unset;
        gap: .25rem;
        padding-right: 0;
        margin-right: 0;
    }

    .offcanvas-body {
        padding: 1rem 0;
    }

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

    .metismenu.mod-menu .metismenu-item.level-1 .mm-collapse,
    .metismenu.mod-menu .metismenu-item.level-1 .mm-collapsing {
        background: #fafafa;
    }

    .metismenu.mod-menu .metismenu-item.level-2 .mm-collapse,
    .metismenu.mod-menu .metismenu-item.level-2 .mm-collapsing {
        background: #f1f1f1 !important;
    }

    .metismenu.mod-menu .metismenu-item {
        padding: .5rem 0;
    }

    .metismenu.mod-menu .metismenu-item.level-2 {
        padding: .3em 0;
    }

    .metismenu.mod-menu .level-2.metismenu-item .mm-collapse.mm-show,
    .metismenu.mod-menu .level-2.metismenu-item .mm-collapsing {
        position: static;
    }

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

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

    .icon-menu::before {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .offcanvas .metismenu.mod-menu .metismenu-item>a,
    .metismenu.mod-menu .metismenu-item>button {
        width: 100%;
        justify-content: center;
        text-align: center;
        color: #000;
    }

    .metismenu.mod-menu .metismenu-item>button {
        padding-bottom: .3em;
    }

    .metismenu.mod-menu .mm-toggler::after {
        position: absolute;
        right: 1rem;
    }

    /* SLIDER */
    .container-banner .slideshowck {
        max-height: 800px;
    }

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

    /* NEWSY */
    .blog-items.columns-3.blog_3-5 {
        grid-template-columns: repeat(3, 1fr);
        padding: 0;
    }

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

    .blog-items.blog_3-5.columns-3 .item-content h2 {
        font-size: 1.2rem;
    }

    /* FOOTER */
    .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;
        gap: 2.5rem;

    }

    .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 (max-width : 800px) {

    body p {
        font-size: 1.0rem;
    }

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

    /* OFERTA - STRONA GŁÓWNA */
    .oferta div[role=tablist] {
        min-height: 100px;
        padding-bottom: .5rem;
    }

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

    /* BANER HORMAN I WISNIOWSKI - STRONA GŁÓWNA */
    .dystrybutor>div h1 strong {
        line-height: 3.5rem;
    }

    /* news */

    .blog-items.items-leading.leading .blog-item {
        gap: 0rem;
        min-height: 300px;
    }

    .blog-items.leading .blog-item .item-content::before {

        font-size: 2.1rem;
        left: 10px;
        top: 10px;
    }

    .blog-items.leading .blog-item .item-content {
        padding: 20px 0px 30px 60px;
    }

    .venta .blog-item h2,
    .h2 {
        font-size: 1.0rem;
    }

    .blog-items.blog_3-5.columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }


    :is(.link.oferta, .naglowek.oferta)::after {
        display: none;
    }

    /* podstrony */

    .mod-breadcrumbs.breadcrumb {
        margin-left: 240px;
    }

    .view-article.itemid-101 .grid-child.container-component::before,
    .historia.naglowek::before,
    .mod-breadcrumbs__wrapper::before {
        width: 30%;
    }


    .mod-breadcrumbs.breadcrumb {
        position: relative;
        z-index: 10;
        min-height: auto;
    }


    .mod-breadcrumbs__wrapper {
        min-height: 157px;
        display: flex;
        align-items: center;
    }


    /* porady */

    /* footer */
    .footer a:not(.btn),
    .footer .btn-link {
        color: #fff;
    }
}

@media (max-width : 480px) {

    /* HEADER */
    .container-header {
        grid-template-columns: 160px 1fr;
    }

    .container-header .navbar-brand a img {
        max-width: 100px;
    }

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

    .metismenu.mod-menu .mm-toggler::after {
        color: #000;
    }

    /* SLIDER */
    .container-banner .slideshowck {
        max-height: 700px;
    }

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

    .container-banner .camera_target_content {
        top: 50% !important;
        left: 30px !important;
        right: 30px !important;
    }

    .camera_target_content .camera_caption_title,
    .camera_target_content .camera_caption_desc {
        line-height: 1.2;
    }

    .container-header .grid-child.container-nav a,
    footer .nav a,
    .metismenu.mod-menu .metismenu-item>button {
        color: #000;
    }

    #mod-custom111::-webkit-scrollbar {
        display: none;
    }

    #mod-custom111 {
        width: 100%;
        grid-template-columns: repeat(4, 150px);
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 0 1rem;
        margin: 0;
    }

    #mod-custom111 .image figcaption {
        font-size: 1.0rem;
        padding-top: 10px;
    }

    figure {
        margin: 0;
    }

    .link.historia::after {
        display: none;
    }

    .container-banner {
        overflow: hidden;
    }

    :is(.link.oferta, .link.historia, .link.blog) p::after {
        display: none;
    }

    /* HISTORIA FIRMY - STRONA GŁÓWNA */
    :is(.com-content-article__body, .naglowek, .rynek) h1 {
        line-height: 2.5rem;
        text-align: center;
    }

    .naglowek h1::before {
        left: 4%;
    }

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

    .naglowek h1::before {
        width: 155px;
    }

    .oferta div[role="tablist"] {
        min-height: 80px;
        gap: 20px;
    }

    .oferta div[role="tablist"]>div h3 {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }

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

    /* BANER HORMAN I WISNIOWSKI - STRONA GŁÓWNA */
    .dystrybutor>div h1 strong {
        line-height: 2.75rem;
    }

    /* news */
    .venta .blog-items.items-leading.leading {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-items.blog_3-5.columns-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-items.columns-3.blog_3-5 .blog-item:last-child {
        grid-column: 1/3;
    }

    .blog-items .blog-item a {
        display: block;
    }

    .blog-items.blog_3-5 .blog-item .item-content::before {
        z-index: 0;
    }

    .blog-items.blog_3-5.columns-3 .item-content h2 {
        font-size: .9em;
        position: relative;
        z-index: 10;
        width: 100%;
        font-weight: 400;
    }

    .blog-items.columns-3.blog_3-5 .blog-item {
        padding: 33px 0px 33px 5px;
    }

    /* podstrony */


    .mod-breadcrumbs__wrapper::after {
        width: 70%;
    }

    .mod-breadcrumbs.breadcrumb {
        margin-left: 100px;
    }

    /* o nas */


    .ekipa.bloki::after {
        display: none;
    }


    /* oferta */
    .artykul-oferta::after {
        display: none;
    }




    .artykul-oferta .full-width::before {
        display: none;
    }

    .artykul-oferta .item::before {
        display: none;
    }


    .artykul-oferta .items .item {
        grid-template-columns: inherit;
    }



    /* kontakt */
    .artykul-kontakt ol,
    ul {
        padding-left: 0;
    }

    .moduletable .mod-custom .item ul li.tel::before,
    .item-pageartykul-kontakt .item ul li.tel::before {
        display: none;
    }

    .item-pageartykul-kontakt .item ul li.mail::before {
        display: none;
    }

    .artykul-kontakt .moduletable.kontakt.mapa::after {
        display: none;
    }

    #mod-custom147 iframe {
        width: 100%;
    }

    /* porady */
    .porady .blog-items {
        grid-template-columns: 1fr;
    }

    /* FOOTER */
    .footer :is(.footer-middle, .footer-bottom) .mod-custom ul {
        flex-direction: column;
        align-items: center;
        gap: .5rem;
    }
}

@media (max-width : 360px) {

    .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%
    }
}