.elementor-3321 .elementor-element.elementor-element-3460b89{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3321 .elementor-element.elementor-element-20f7aa6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-3321 .elementor-element.elementor-element-8c85253{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-3321 .elementor-element.elementor-element-4a344eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-3321 .elementor-element.elementor-element-9e34b68{--display:flex;}.elementor-3321 .elementor-element.elementor-element-e54dec6{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3321 .elementor-element.elementor-element-8c85253{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-3321 .elementor-element.elementor-element-7325b07 img{max-width:84px;}}/* Start custom CSS for wp-widget-nav_menu, class: .elementor-element-927862f */.elementor-3321 .elementor-element.elementor-element-927862f {
/*--w-accent-color: red;*/
--w-menu-gap: 12px;
--w-menu-padding: 12px 12px;
--w-menu-font-size: 1.4rem;
--w-menu-font-weight: 600;
--w-menu-letter-spacing: 0px;
--w-menu-line-height: 1;
--w-menu-text-transform: uppercase;
--w-menu-color: #333;
--w-menu-hover-color: var(--w-accent-color);
}
@media(max-width: 1200px) { .elementor-3321 .elementor-element.elementor-element-927862f {
--w-menu-gap: 6px;
}}



/* MENU */
.elementor-3321 .elementor-element.elementor-element-927862f .menu {
    column-gap: var(--w-menu-gap);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.elementor-3321 .elementor-element.elementor-element-927862f .menu > li > a {
    font-family: 'Montserrat', sans-serif;
    display: block;
    padding: var(--w-menu-padding);
    color: var(--w-menu-color);
    font-size: var(--w-menu-font-size);
    font-weight: var(--w-menu-font-weight);
    letter-spacing: var(--w-menu-letter-spacing);
    line-height: var(--w-menu-line-height);
    text-transform: var(--w-menu-text-transform);
}
/* hover */
.elementor-3321 .elementor-element.elementor-element-927862f .menu > li > a:hover {
    color: var(--w-menu-hover-color);
}
/* active */
.elementor-3321 .elementor-element.elementor-element-927862f .menu > li.current-menu-item > a {
    color: var(--w-menu-hover-color);
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20f7aa6 *//* LOGO */
.elementor-3321 .elementor-element.elementor-element-20f7aa6 .w-navbar__logo {}


/* MENU-BOX */
.elementor-3321 .elementor-element.elementor-element-20f7aa6 .w-navbar__menu-box {
    width: auto;
}


/* MENU */
@media(max-width: 1024px) { .elementor-3321 .elementor-element.elementor-element-20f7aa6 .w-navbar__menu {
    display: none;
}}



/* TOGGLE */
.elementor-3321 .elementor-element.elementor-element-20f7aa6 .w-navbar__toggle {
    width: 40px;
    height: auto;
    cursor: pointer;
}
@media(min-width: 1025px) {
    .elementor-3321 .elementor-element.elementor-element-20f7aa6 .w-navbar__toggle {
        margin-left: 40px;
        display: none;
    }
    .elementor-3321 .elementor-element.elementor-element-20f7aa6 .w-navbar__toggle:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        top: 0;
        left: -25px;
        background: var(--w-border-color);
    }
}
.elementor-3321 .elementor-element.elementor-element-20f7aa6 .icon--menu {
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Menu</title><path fill="none" stroke="rgba(0,0,0,1)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M88 152h336M88 256h336M88 360h336"/></svg>');
}
.elementor-3321 .elementor-element.elementor-element-20f7aa6.active .icon--menu {
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Close</title><path fill="none" stroke="rgba(0,0,0,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M368 368L144 144M368 144L144 368"/></svg>') !important;
}


@media(min-width:768px) {
.elementor-3321 .elementor-element.elementor-element-20f7aa6.active {
    padding-right: 50px!important;
}}
.elementor-3321 .elementor-element.elementor-element-20f7aa6.active .w-navbar__menu {
    display: none !important;
}
.elementor-3321 .elementor-element.elementor-element-20f7aa6.active .w-navbar__toggle:before {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e34b68 *//* TRANSPARENT BOX */
.elementor-3321 .elementor-element.elementor-element-9e34b68 {
    position: fixed;
    width: 100%;
    height: calc(100% - var(--w-navbar-height));
    top: var(--w-navbar-height);
    left: 0;
    margin: 0;
    overflow: hidden;
    display: block;
    background: rgba(0,0,0,.5);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    display: flex;
    align-items: end;
} .elementor-3321 .elementor-element.elementor-element-9e34b68.active {
    opacity: 1;
    z-index: 1000;
    visibility: visible;
}



/* WHITE BOX */
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__box {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 60px;
}
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__box::-webkit-scrollbar {
    display: none;
}

/* animacja */
@media(min-width: 768px) { 
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__box {
        width: 400px;
        transform: translateX(105%);
        transition: transform .5s;
    } .elementor-3321 .elementor-element.elementor-element-9e34b68.active .w-mobile__box {
        transform: translateX(0);
    }
}



/* MENU */
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-width: 300px;
}
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li a {
    display: block;
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1;
    text-transform: uppercase;
    padding: 24px 10px;
    text-align: center;
}
/* border */
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul > li:not(:first-child) {
    border-top: 1px solid var(--w-border-color);
}
/* hover active */
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li a:hover {
    color: var(--w-accent-color);
}
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li.current-menu-item > a {
    color: var(--w-accent-color);
}
.elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu .menu > .menu-item-has-children > a:hover {
    color: #333;
}

/* animacja menu */
@media(max-width: 767px) { 
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li {
        opacity: 0;
        transform: translateY(-10px);
        transition: none;
    } .elementor-3321 .elementor-element.elementor-element-9e34b68.active .w-mobile__menu ul li {
        opacity: 1;
        transform: translateY(0);
        transition: opacity .25s, transform .25s;
        will-change: opacity, transform;
    }
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(1) {transition-delay: 0.1s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(2) {transition-delay: 0.15s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(3) {transition-delay: 0.2s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(4) {transition-delay: 0.25s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(5) {transition-delay: 0.3s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(6) {transition-delay: 0.35s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(7) {transition-delay: 0.4s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(8) {transition-delay: 0.45s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(9) {transition-delay: 0.5s;}
    .elementor-3321 .elementor-element.elementor-element-9e34b68 .w-mobile__menu ul li:nth-child(10) {transition-delay: 0.55s;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3460b89 */.elementor-3321 .elementor-element.elementor-element-3460b89 {
    --w-navbar-height: 100px;
}
@media(max-width: 1024px) { .elementor-3321 .elementor-element.elementor-element-3460b89 {
    --w-navbar-height: 100px;
}}
@media(max-width: 767px) { .elementor-3321 .elementor-element.elementor-element-3460b89 {
    --w-navbar-height: 70px;
}}


/* NAVBAR */
.elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar {
    height: var(--w-navbar-height);
    position: relative;
    transition: none;
    background: #fff;
    border-bottom: 1px solid var(--w-border-color);
    /*box-shadow: 0 -4px 16px rgba(0,0,0,0.1);*/
}
.home .elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar {
    border-bottom-width: 0;
}
/* when toggle click */
.elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar.active {
    position: fixed;
    z-index: 1000;
    border-bottom: 1px solid var(--w-border-color)!important;
    box-shadow: none!important;
}



/* STICKY */
.elementor-3321 .elementor-element.elementor-element-3460b89 {
    min-height: var(--w-navbar-height);
}
.elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar.sticky {
    --w-navbar-height: 80px;
}
@media(max-width: 1024px) {.elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar.sticky {
    --w-navbar-height: 80px;
}}
@media(max-width: 767px) {.elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar.sticky {
    --w-navbar-height: 70px;
}}
.elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar.sticky {
    position: fixed;
    opacity: 0;
    z-index: 100;
}
.scroll-down .elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar {
    transform: translateY(-105%);
    transition: transform .3s ease, opacity .1s 1s ease;
}
.scroll-up .elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar {
    box-shadow: 0px -4px 24px rgba(0,0,0,0.5);
    opacity: 1;
    transform: translateY(0);
    transition: transform .3s ease;
}
/* zmniejszamy logo aby zmiesciło sie w navbarze sticky */
.elementor-3321 .elementor-element.elementor-element-3460b89 .w-navbar.sticky .w-navbar__logo img {
    width: 80px;
}/* End custom CSS */