/* BEGIN GENERAL STYLES */
:root {
    --color-bg-10: #ffffff;
    --color-bg-20: #f6f6f7;
    --color-bg-500: #272727;
    --color-primary-10: #f9b707;
    --color-text-primary-1: #ffffff;
    --color-text-primary-10: #888888;
    --color-text-primary-20: #000000;
    --color-text-primary-30: #333333;
    --font-primary-10: 'Lato', sans-serif;
    --font-secondary-10: "Montserrat", Sans-serif;
}

body {
    background-color: var(--color-bg-10);
    color: var(--color-text-primary-10);
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.67;
    font-family: var(--font-primary-10);
    letter-spacing: 0px;
    text-align: left;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    cursor: pointer;
}

ul {
    padding-left: 1rem;
}

p {
    margin-bottom: 0.5rem;
}

/* END GENERAL STYLES */

/* BEGIN Front Page */
.layout-main-wrapper {
    /* margin-top: -92px; */
}

/* --begin header socials + email block */
.view-blok-kontaktow-w-naglowku .views-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.field--name-field-email svg {
    display: none;
}

.view-blok-kontaktow-w-naglowku .field--name-field-email svg {
    display: inherit;
    /* padding-left: 12px; */
}

.view-blok-kontaktow-w-naglowku .views-field-field-email a {
    font-family: var(--font-primary-10);
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 24px;
    color: #FFFFFF;
    transition: color .3s linear;
}

.view-blok-kontaktow-w-naglowku .views-field-field-email a:hover,
.view-blok-kontaktow-w-naglowku .views-field-field-email a:focus,
.view-blok-kontaktow-w-naglowku .views-field-field-email a:active {
    color: var(--color-primary-10);
}

.view-blok-kontaktow-w-naglowku .views-field-field-media-spolecznosciowe .field-content {
    display: flex;
    gap: 16px;
}

.view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe {
    position: relative;
    /* height: 15px; */
    display: flex;
    overflow: hidden;
}

.view-blok-kontaktow-w-naglowku .field--type-entity-reference {
    margin-bottom: 0;
}
#navbar-top .view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe .field--type-image>.field__item {
    display: flex;
}

.view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe img {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin: 0;
}

.view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe .field--name-field-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe a {
    color: transparent;
    white-space: nowrap;
}

.view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe a:hover,
.view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe a:focus,
.view-blok-kontaktow-w-naglowku .vocabulary-media-spolecznosciowe a:active {
    color: transparent;
}

/* --end header socials + email block */

/* --begin footer */
.site-footer {
    background-color: #333333;
    padding-bottom: 0;
}

.site-footer .block {
    border: none;
    padding: 0;
    margin: 0;
    background-color: unset;
}

.copyrights {
    order: 1;
    font-family: var(--font-primary-10);
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    line-height: 24px;
    color: var(--color-text-primary-10);
}
.site-footer__top section.region.region-footer-fourth>div:last-child {
    order: 2;
}

.copyrights span {
    color: var(--color-primary-10);
}

.site-footer__top h2 {
    border-bottom: none;
    margin: 0px 0px 51px 0px;
    font-family: var(--font-secondary-10);
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    line-height: 42.9px;
    letter-spacing: 1.8px;
    color: #FFFFFF;
}

.site-footer__top h2::before {
    content: "";
    display: block;
    width: 66px;
    height: 2px;
    background-color: var(--color-primary-10);
    margin-bottom: 15px;
}

.site-footer__top section.region {
    width: 100%;
    padding: 0;
    margin: 0;
    gap: 24px;
}

.site-footer__top p {
    margin: 0;
    width: 100%;
}

.site-footer__top section.region.region-footer-first {
    padding-top: 25px;
    padding-bottom: 60px;
}
.site-footer__top section.region.region-footer-first > .block-views-blockmapa-block-1 > .content iframe {
    width: 100%;
}
.site-footer__top section.region.region-footer-first > .block-views-blockmapa-block-1 > .content div {
    --bs-gutter-x: 0;
    display: flex;
    width: 100%;
}

.site-footer__top section.region.region-footer-fourth {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.site-footer__top section.region.region-footer-fourth::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background-color: var(--color-bg-500);
    position: absolute;
    top: 0;
    inset-inline-start: 50%;
    translate: -50%;
}

.site-footer__top section.region.region-footer-fourth>div {
    flex: 1;
    position: relative;
    z-index: 1;
    padding: 0;
}


/* --end footer */

/* --begin menu */
.header .navbar-expand-lg .navbar-nav .nav-link {
    font-family: var(--font-secondary-10);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #FFFFFF;
    padding: 8px 15px 8px 15px;
    transition: color .3s linear;
    position: relative;
    white-space: nowrap;
}

.header .navbar-expand-lg .navbar-nav .nav-link:hover,
.header .navbar-expand-lg .navbar-nav .nav-link:focus,
.header .navbar-expand-lg .navbar-nav .nav-link:active {
    color: var(--color-primary-10);
}

.header .navbar-expand-lg .navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    width: 0%;
    height: 1px;
    background: #fff;
    transition: 0.5s all;
}

.header .navbar-expand-lg .navbar-nav .nav-link:hover::before,
.header .navbar-expand-lg .navbar-nav .nav-link:focus::before,
.header .navbar-expand-lg .navbar-nav .nav-link:active::before {
    width: calc(100% - 30px);
}

/* --end menu */

/* --begin header-navbar */
#navbar-top {
    background-color: var(--color-bg-500);
    padding: 15px 0px 15px 0px;
}

#navbar-top .nav-link {
    font-family: var(--font-secondary-10);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: var(--color-text-primary-1);
}

.navbar-brand {
    background: none;
    font-size: 0;
    flex: auto;
    width: auto;
    max-width: 200px;
}

/* a.navbar-brand img { */
    /* max-width: 200px; */
    /* background: #fff; */
    /* padding: 3px 10px 3px 3px; */
/* } */
/* --end header-navbar */

/* --begin header */
.header {
    /* position: relative; */
    position: absolute;
    width: 100%;    
    z-index: 2;
}

.region-top-header {
    --bs-gutter-x: 0;
    width: 100%;
}
/* --end header */

/* --begin main-navbar */
#navbar-main,
.navbar.navbar-dark.bg-primary {
    background-color: transparent !important;
}
#navbar-main .navbar-toggler {
    --btn_bgColor: var(--color-primary-10);
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-focus-width: 0;
    --bs-border-width: 0;
    position: relative;
    width: 24px;
    height: 24px;
    /* margin-inline-end: .75rem; */
}
#navbar-main .navbar-toggler.collapsed > .navbar-toggler-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    content: "";
    width: 90%;
    height: 2px;
    background-color: var(--btn_bgColor);
    border-radius: 5px;
    box-shadow: 0 -6px var(--btn_bgColor), 0 6px var(--btn_bgColor);
    background-image: unset;
    opacity: 1;
}
#navbar-main .navbar-toggler > .navbar-toggler-icon {
    opacity: 0;
}
#navbar-main .navbar-toggler:is(:not(.collapsed))::before,
#navbar-main .navbar-toggler:is(:not(.collapsed))::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 98%;
    height: 2px;
    background-color: var(--btn_bgColor);
    border-radius: 5px;
}
#navbar-main .navbar-toggler:is(:not(.collapsed))::before {
    rotate: 45deg;
}
#navbar-main .navbar-toggler:is(:not(.collapsed))::after {
    rotate: -45deg;
}
/* --end main-navbar */

/* --begin block 1 */
.node--type-blok-uslugi.node--promoted {
    padding: 60px 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.view-front-page .views-row:first-of-type .node--type-blok-uslugi.node--promoted {
    padding-top: 120px;
}
.view-front-page .views-row:last-of-type .node--type-blok-uslugi.node--promoted {
    padding-bottom: 120px;
}

.node--type-blok-uslugi.node--promoted::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    background: #f6f6f7;
}

.node--type-blok-uslugi>* {
    position: relative;
    z-index: 1;
}

.node--type-blok-uslugi h2 {
    width: 100%;
    margin: 0;
    font-family: var(--font-secondary-10);
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    line-height: 42.9px;
    letter-spacing: 1.8px;
    color: var(--color-text-primary-20);
    grid-area: I4;
    margin-bottom: 30px;
}

.node--type-blok-uslugi h2::before {
    content: "";
    display: block;
    width: 66px;
    height: 2px;
    background-color: var(--color-primary-10);
    margin-bottom: 30px;
}

.node--type-blok-uslugi h2>a {
    color: inherit;
}



.node--type-blok-uslugi .field--name-field-certyfikaty .field__label {
    font-weight: 300;
    font-size: 18px;
    font-style: normal;
    line-height: 30.06px;
}

.node--type-blok-uslugi .field--name-field-certyfikaty .field__label::after {
    content: ":";
    display: inline;
}

.node--type-blok-uslugi>.node__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    grid-template-areas:
        "I4 I3"
        "I1 I3"
        "I6 I3"
        "I5 I3"
        "I2 I3";
    margin: 0;
    overflow-x: hidden;
}

.node--type-blok-uslugi .field.field--name-field-opis-uslugi {
    grid-area: I1;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 30.06px;
}

.node--type-blok-uslugi .field.field--name-field-opis-uslugi strong,
.node--type-blok-uslugi .field--name-field-skontaktuj-sie-z-nami strong {
    color: #000000;
}

.node--type-blok-uslugi .field--name-field-skontaktuj-sie-z-nami {
    font-size: 18px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.08px;
    grid-area: I5;
}

.node--type-blok-uslugi .field.field--name-field-dane-kontaktowe {
    grid-area: I2;
    margin: 0;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.08px;
    border-top: 2px solid var(--color-primary-10);
    margin-top: 10px;
    padding-top: 10px;
}

.node--type-blok-uslugi .field.field--name-field-dane-kontaktowe a {
    color: #000000;
    transition: color .3s linear;
}

.node--type-blok-uslugi .field.field--name-field-dane-kontaktowe a:hover,
.node--type-blok-uslugi .field.field--name-field-dane-kontaktowe a:focus,
.node--type-blok-uslugi .field.field--name-field-dane-kontaktowe a:active {
    color: var(--color-primary-10);
}

.node--type-blok-uslugi .field.field--name-field-obraz {
    grid-area: I3;
    margin: 0;
    transform: translateX(50%);
    opacity: 0;
    transition: transform .35s linear, opacity .3s linear;
}

.view-front-page .views-row:nth-of-type(2n) .node--type-blok-uslugi .field.field--name-field-obraz {
    transform: translateX(-50%);
}

.view-front-page .views-row:nth-of-type(2n) .node--type-blok-uslugi .field.field--name-field-obraz.visible,
.node--type-blok-uslugi .field.field--name-field-obraz.visible {
    transform: translateX(0%);
    opacity: 1;
}

.node--type-blok-uslugi .field.field--name-field-obraz>div {
    height: 100%;
}

.node--type-blok-uslugi .field.field--name-field-obraz .field--type-image,
.node--type-blok-uslugi .field.field--name-field-obraz img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.node--type-blok-uslugi .field.field--name-field-obraz .contextual-region,
.node--type-blok-uslugi .field.field--name-field-obraz .field__item {
    height: 100%;
}

.node--type-blok-uslugi .field.field--name-field-obraz img {
    object-fit: cover;
    object-position: center;
}

.node--type-blok-uslugi .crt-name {
    font-size: 18px;
    font-weight: bolder;
    font-style: normal;
    line-height: 30.06px;
    color: #000000;
}

.node--type-blok-uslugi .field__item:hover .crt-name {
    color: var(--color-primary-10);
}

.node--type-blok-uslugi .vocabulary-certyfikaty {
    position: relative;
    overflow: hidden;
}

.node--type-blok-uslugi .field--name-field-certyfikaty > .field__items {
    display: flex;
    gap: 5px;
}

.node--type-blok-uslugi .field--name-field-certyfikaty > .field__items > .field__item:first-of-type {
    display: flex;
}

.node--type-blok-uslugi .field--name-field-certyfikaty > .field__items > .field__item:first-of-type::after {
    content: ",";
    margin-top: -1px;
    margin-left: 2px;
    color: #000;
}

.node--type-blok-uslugi .vocabulary-certyfikaty .content {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.node--type-blok-uslugi .field--name-field-certyfikaty {
    display: flex;
    grid-area: I6;
    margin: 0;
}

.view-front-page .views-row:nth-of-type(even) .node--type-blok-uslugi>.node__content {
    grid-template-areas:
        "I3 I4"
        "I3 I1"
        "I3 I6"
        "I3 I5"
        "I3 I2";
}

/* --end block 1 */

/* --begin hero block */
.view-hero {
    width: calc(100vw + 2px);
    height: 95vh;
    margin-left: 50%;
    transform: translateX(-50%);
}

.view-hero .view-content {
    margin: 0;
    height: 100%;
}

.view-hero .views-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
}

.view-hero .views-row div:not(.hero-text) {
    width: 100%;
    height: 100%;
}

.view-hero picture {
    width: 100%;
}

.view-hero .views-field-field-obraz {
    width: 100%;
    height: 100%;
}

.view-hero .views-field-field-obraz .field__item {
    display: flex;
    justify-content: center;
    position: relative;
}

.view-hero .views-field-field-obraz .field__item::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
}

.view-hero .views-field-field-obraz img {
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-text {
    position: absolute;
    z-index: 1;
    width: 100%;    
    overflow: hidden;
}

.hero-text h1 {
    text-align: center;
    color: #ffffff;
    font-size: 110px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    line-height: 127px;
    letter-spacing: 6.6px;
    max-width: 1296px;
    margin: 0px auto;
}

.hero-text p {
    text-align: center;
    color: #ffffff;
    font-family: var(--font-secondary-10);
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    line-height: 50.1px;
    margin: 0px 0px 37px 0px;
}

/* --end hero block */

/* --begin map & contacts block */
.block-views-blockblok-kontaktowy-block-1,
.block-views-blockblok-certyfikatow-block-1 {
    padding-block: 120px;
    width: fit-content;
    flex: 1;
}

.block-views-blockmapa-block-1 {
    width: fit-content;
    flex: 1;
    max-width: 600px;
}

/* .block-views-blockblok-certyfikatow-block-1 .views-row, */
.node--type-kontakty .block-views-blockblok-kontaktowy-block-1 .views-row,
.node--type-kontakty .block-views-blockmapa-block-1 .views-row {
    flex: 0 0 calc(100% / 2);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    position: relative;
}

.node--type-kontakty .field--name-field-naglowek-bloku-adres-biura,
.node--type-kontakty .field--name-field-naglowek-bloku-adres-zakla {
    font-size: 18px;
    font-family: var(--font-secondary-10);
    font-weight: 700;
    text-transform: none;
    font-style: normal;
    line-height: 26px;
    color: var(--color-primary-10);
    text-transform: uppercase;
}

.node--type-kontakty .field--name-field-nazwa-firmy {
    font-weight: 700;
    color: var(--color-primary-10);
    font-family: var(--font-primary-10);
}

.node--type-kontakty .field--name-field-naglowek-bloku-adres-zakla {
    margin-top: 30px;
}

.node--type-kontakty .field--name-field-adres-biura,
.node--type-kontakty .field--name-field-adres-zakladu-produkcyjneg,
.node--type-kontakty .field--name-field-email,
.site-footer .content {
    font-family: var(--font-primary-10);
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 26px;
    color: var(--color-text-primary-10);
}

.node--type-kontakty .field--name-field-email {
    margin-top: 10px;
}

.node--type-kontakty .field--name-field-email a {
    color: #FFFFFF;
    transition: color .3s linear;
}

.node--type-kontakty .field--name-field-email a:hover,
.node--type-kontakty .field--name-field-email a:focus,
.node--type-kontakty .field--name-field-email a:active {
    color: var(--color-primary-10);
}

.node--type-kontakty .node__content {
    margin-top: 0;
}

#navbar-main .navbar-collapse .menu--main .navbar-toggler {
    display: none;
}

.navbar-brand + .navbar-toggler[aria-expanded="true"] {
    display: none;
}

/* .block-views-blockblok-certyfikatow-block-1 .views-field-field-certyfikat {
    width: fit-content;
    min-height: 450px;
    background: #FFF;
}

.block-views-blockblok-certyfikatow-block-1 .views-field-field-certyfikat img {
    margin: 0;
    height: 450px;
    width: auto;
}

.block-views-blockblok-certyfikatow-block-1 .views-field-field-plik-certyfikatu {
    position: absolute;
    width: calc(100% - 24px);
    height: 100%;
    top: 0;
    left: 12px;
}

.block-views-blockblok-certyfikatow-block-1 .views-field-field-plik-certyfikatu * {
    width: 100%;
    height: 100%;
}

.block-views-blockblok-certyfikatow-block-1 .views-field-field-plik-certyfikatu a {
    display: block;
}

.block-views-blockblok-certyfikatow-block-1 .views-field-field-plik-certyfikatu a,
.block-views-blockblok-certyfikatow-block-1 .views-field-field-plik-certyfikatu a:hover,
.block-views-blockblok-certyfikatow-block-1 .views-field-field-plik-certyfikatu a:focus {
    color: transparent;
} */

/* --end map & contacts block */


/* END Front Page */


@media (min-width: 64rem) {
    .admin-toolbar~.dialog-off-canvas-main-canvas .node--type-blok-uslugi.node--promoted::before,
    .admin-toolbar~.dialog-off-canvas-main-canvas .site-footer__top section.region.region-footer-fourth::before {
        width: calc(100vw - var(--admin-toolbar-sidebar-width));
    }

    .admin-toolbar~.dialog-off-canvas-main-canvas .view-hero {
        width: calc(100vw - var(--admin-toolbar-sidebar-width));
    }

    .admin-toolbar~.dialog-off-canvas-main-canvas .site-footer__top section.region.region-footer-fourth::before {
        margin-left: -var(--admin-toolbar-sidebar-width);
    }
}




@media (min-width: 1536px) {
    
}
@media (max-width: 1535px) {

}

@media (min-width: 1280px) {
    
}
@media (max-width: 1279px) {
    
}

@media (min-width: 1024px) {
    
}
@media (max-width: 1023px) {
    /* --begin hero block */
    .hero-text {
        padding-inline: 16px;
    }

    .hero-text h1 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: 1.3px;
    }
    .hero-text p {
        font-size: 18px;
        line-height: 30px;
    }
    /* --end hero block */  

    /* --begin block 1 */
    .node--type-blok-uslugi>.node__content {
        grid-template-areas:
            "I3 I3"
            "I4 I4"
            "I1 I1"
            "I6 I6"
            "I5 I5"
            "I2 I2";
    }
    .view-front-page .views-row:nth-of-type(even) .node--type-blok-uslugi>.node__content {
        grid-template-areas:
            "I3 I3"
            "I4 I4"
            "I1 I1"
            "I6 I6"
            "I5 I5"
            "I2 I2";
    } 
    
    .node--type-blok-uslugi h2 {
        font-size: 28px;
        margin-block-end: 30px;
    }
    .node--type-blok-uslugi h2::before {
        margin-block-end: 20px;
    }

    .node--type-blok-uslugi.node--promoted {
        padding-block: 35px;
    }
    .node--type-blok-uslugi .field.field--name-field-obraz {
        padding-block-end: 50px;
    }

    .node--type-blok-uslugi.node--promoted {
        padding: 35px 0;
    }
    .view-front-page .views-row:first-of-type .node--type-blok-uslugi.node--promoted {
        padding-top: 70px;
    }
    .view-front-page .views-row:last-of-type .node--type-blok-uslugi.node--promoted {
        padding-bottom: 70px;
    }    
    /* --end block 1 */

    /* --begin footer */
    .site-footer__top section.region.region-footer-first {
        flex-direction: column;
    }    
    .site-footer .block {
        width: 100%;
    }
    .block-views-blockmapa-block-1 {
        max-width: unset;
    }
    .site-footer__top section.region.region-footer-first {
        padding-top: 35px;
        padding-bottom: 70px;
        gap: 50px;
    }
    .site-footer__top h2 {
        font-size: 28px;
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .node--type-kontakty .field--name-field-naglowek-bloku-adres-zakla {
        margin-top: 15px;
    }

    .node--type-kontakty .field--name-field-email {
        margin-top: 5px;
    }

    .site-footer__top section.region.region-footer-fourth {
        flex-direction: column;
        gap: 10px;
    }  
    .site-footer__top section.region.region-footer-fourth>div:last-child {
        order: 1;
    }      

    .copyrights {
        order: 2;
        text-align: center;
    }
    .site-footer__top section.region.region-footer-fourth .view-blok-kontaktow-w-naglowku .views-row {
        justify-content: center;
    }  
    /* --end footer */
}

@media (min-width: 992px) {
    /* --begin main-navbar */
    #block-bootstrap-subtheme-main-menu {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }  
    
    .navbar-expand-lg .navbar-nav {
        flex-wrap: nowrap;
    }
    /* --end main-navbar */
}
@media (max-width: 991px) {
    /* --begin hero block */
    .view-hero {
        height: 600px;
    }
    /* --end hero block */     

    /* --begin main-navbar */
    #navbar-main .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 290px;
        height: 100%;
        background-color: var(--color-text-primary-30);
    }
    #navbar-main .navbar-collapse {
        padding: 10px 5px 10px 20px;
        transition-duration: .3s;
        transition-property: transform;
        transform: translateX(-100%);
    }
    #navbar-main .navbar-collapse.show {
        transform: translateX(0);
    }
    #navbar-main .navbar-collapse::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--color-text-primary-30);
    }
    #navbar-main .navbar-collapse.show .fader {
        display: none;
    }
    #navbar-main .navbar-collapse.show .fader {
        display: block;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: rgba(0,0,0,.5);
    }
    #navbar-main .navbar-collapse.show .menu--main .navbar-toggler {
        margin-left: auto;
        display: block;
        margin: 10px 10px 0 auto;
    }
    .header .navbar-expand-lg .navbar-nav {
        position: relative;
    }
    /* --end main-navbar */

    /* --begin menu */
    .header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 8px 15px 8px 0px;
    } 
    .header .navbar-expand-lg .navbar-nav .nav-link:hover::before,
    .header .navbar-expand-lg .navbar-nav .nav-link:focus::before,
    .header .navbar-expand-lg .navbar-nav .nav-link:active::before {
        left: 0;
        width: calc(100% - 15px);
    }
    /* --end menu */ 
    
    .no-scroll {
        overflow: hidden;
        height: 100vh;
    }
}

@media (min-width: 768px) {
    
}
@media (max-width: 767px) {
    /* --begin block 1 */
    .node--type-blok-uslugi h2 {
        margin-block-end: 20px;
    }
    /* --end block 1 */
}

@media (min-width: 640px) {
    
}
@media (max-width: 639px) {
    
}