/* ===========================================================
   SP44MS
   navigation.css
   Apple Inspired Mega Navigation
   =========================================================== */


/* ===========================================================
   GŁÓWNA NAWIGACJA
   =========================================================== */

.main-navigation{

    height:100%;

    display:flex;

    align-items:center;
	

}



/* ===========================================================
   MENU GŁÓWNE
   =========================================================== */

.nav-root{

    display:flex;

    align-items:center;

    gap:2.0833vw;

    margin:0;

    padding:0;

    list-style:none;

}



/* ===========================================================
   ELEMENT MENU
   =========================================================== */

.nav-item{

    display:flex;

    align-items:center;

    position:relative;

}



/* ===========================================================
   PRZYCISK MENU
   =========================================================== */

.nav-trigger{

    appearance:none;

    background:none;

    border:none;

    outline:none;

    cursor:pointer;

    padding:0.7292vw 0;

    color:#fff;

    font-size:0.8854vw;		/* czcionka nazw zakładek menu */

    font-weight:600;

    font-family:var(--font-main);

    transition:

        color .25s ease;

    position:relative;

}



/* ===========================================================
   PODKREŚLENIE
   =========================================================== */

.nav-trigger::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-0.3125vw;

    width:0;

    height:0.1562vw;

    background:#FFD400;

    border-radius:5.1562vw;

    transform:translateX(-50%);

    transition:

        width .25s ease;

}



/* ===========================================================
   HOVER
   =========================================================== */

.nav-trigger:hover{

    color:#FFD400;

}



.nav-trigger:hover::after{

    width:100%;

}



/* ===========================================================
   FOCUS
   =========================================================== */

.nav-trigger:focus-visible{

    outline:0.1562vw solid #FFD400;

    outline-offset:0.4167vw;

}



/* ===========================================================
   AKTYWNY
   =========================================================== */

.nav-item.active .nav-trigger{

    color:#FFD400;

}



.nav-item.active .nav-trigger::after{

    width:100%;

}



/* ===========================================================
   REKRUTACJA
   =========================================================== */

.nav-highlight a{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0.7292vw 1.6667vw;

    border-radius:52.0312vw;

    text-decoration:none;

    background:#FFD400;

    color:#07203F;

    font-weight:700;

    transition:.25s;


	margin: 0 5vw 0 10vw;
}



.nav-highlight a:hover{

    transform:translateY(-0.1042vw);

    box-shadow:

        0 0.7292vw 1.5625vw rgba(0,0,0,.18);

}

/* ===========================================================
   APPLE MEGA MENU
   =========================================================== */

.mega-menu{

    position:fixed;

    left:10%;

    top:4.7917vw;

    width:80%;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:

        opacity .28s ease,

        visibility .28s ease,

        transform .28s ease;

    transform:translateY(-0.625vw);

    z-index:950;
	
	border-radius:0 0 1vw 1vw;

}



/* ===========================================================
   OTWARCIE
   =========================================================== */

.mega-menu.open{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:translateY(0);

}



/* ===========================================================
   TŁO
   =========================================================== */

.mega-menu::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        rgba(255,255,255,.96);

    backdrop-filter:blur(1.4583vw);

    -webkit-backdrop-filter:blur(1.4583vw);

    border-bottom:

        0.0521vw solid rgba(0,0,0,.08);

    box-shadow:

        0 1.5625vw 4.1667vw rgba(0,0,0,.12);

}



/* ===========================================================
   KONTENER
   =========================================================== */

.mega-menu{

    padding:

        2.5vw

        0;

}



.mega-panel{

    position:relative;

    z-index:2;

    max-width:75.5208vw;

    margin:auto;

    padding:

        0 1.6667vw;

}



/* ===========================================================
   UKŁAD
   =========================================================== */

.mega-panel{

    display:none;

    grid-template-columns:

        22.3958vw

        1fr;

    gap:3.6458vw;

    align-items:start;

}



/* ===========================================================
   PANEL AKTYWNY
   =========================================================== */

.mega-panel.active{

    display:grid;

    animation:

        panelFade .28s ease;

}



/* ===========================================================
   ANIMACJA
   =========================================================== */

@keyframes panelFade{

    from{

        opacity:0;

        transform:translateY(0.625vw);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* ===========================================================
   LEWA KOLUMNA
   =========================================================== */

.mega-links{

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

}



/* ===========================================================
   TYTUŁ
   =========================================================== */

.mega-links h2{

    margin:0 0 1.4583vw;

    color:#08233F;

    font-size:1.9792vw;

    font-weight:700;

    line-height:1.1;

}



/* ===========================================================
   LISTA
   =========================================================== */

.mega-links ul{

    margin:0;

    padding:0;

    list-style:none;

}

/* Ukrywamy logo i godło zarówno przy klasie .open, jak i przy klasie .active w menu */
body:has(.mega-menu.open) .logo,
body:has(.mega-menu.open) .godlo,
body:has(.nav-item.active) .logo,
body:has(.nav-item.active) .godlo {
    opacity: 0 !important;
    filter: blur(0.4167vw) !important;
    transform: scale(.9) !important;
    pointer-events: none !important;
}




/* ===========================================================
   ELEMENT
   =========================================================== */

.mega-links li{

    margin:0.1042vw 0;

}



/* ===========================================================
   LINK
   =========================================================== */

/* teksty kart menu */
.mega-links a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding: 0.4vw 1.0vw;

    border-radius:0.9375vw;

    text-decoration:none;

    color:#1F2D3D;

    font-size:1.3vw;

    font-weight:600;

    transition:

        background .25s,

        color .25s,

        padding-left .25s,

        transform .25s;

}



/* ===========================================================
   STRZAŁKA
   =========================================================== */

.mega-links a::after{

    content:"→";

    opacity:0;

    transform:translateX(-0.4167vw);

    transition:

        opacity .25s,

        transform .25s;

}



/* ===========================================================
   HOVER
   =========================================================== */

.mega-links a:hover{

    background:#F4F8FC;

    color:#0057B8;

    padding-left:1.5625vw;

}



/* ===========================================================
   STRZAŁKA HOVER
   =========================================================== */

.mega-links a:hover::after{

    opacity:1;

    transform:translateX(0);

}



/* ===========================================================
   FOCUS
   =========================================================== */

.mega-links a:focus-visible{

    outline:0.1562vw solid #0057B8;

    outline-offset:0.1562vw;

}



/* ===========================================================
   DELIKATNE POJAWIANIE
   =========================================================== */

.mega-links li{

    opacity:0;

    transform:translateY(0.5208vw);

    animation:

        menuItem .35s forwards;

}



.mega-links li:nth-child(1){

    animation-delay:.04s;

}



.mega-links li:nth-child(2){

    animation-delay:.08s;

}



.mega-links li:nth-child(3){

    animation-delay:.12s;

}



.mega-links li:nth-child(4){

    animation-delay:.16s;

}



.mega-links li:nth-child(5){

    animation-delay:.20s;

}



.mega-links li:nth-child(6){

    animation-delay:.24s;

}



.mega-links li:nth-child(7){

    animation-delay:.28s;

}



.mega-links li:nth-child(8){

    animation-delay:.32s;

}



.mega-links li:nth-child(9){

    animation-delay:.36s;

}



.mega-links li:nth-child(10){

    animation-delay:.40s;

}



.mega-links li:nth-child(11){

    animation-delay:.44s;

}



.mega-links li:nth-child(12){

    animation-delay:.48s;

}



@keyframes menuItem{

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* ===========================================================
   PRAWA KOLUMNA
   =========================================================== */

.mega-card{

    position:relative;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:#ffffff;

    border-radius:1.4583vw;

    box-shadow:

        0 1.4583vw 3.6458vw rgba(0,0,0,.10);

    transition:

        transform .35s ease,

        box-shadow .35s ease;

}



/* ===========================================================
   HOVER
   =========================================================== */

.mega-card:hover{

    transform:translateY(-0.2083vw);

    box-shadow:

        0 1.875vw 4.6875vw rgba(0,0,0,.16);

}



/* ===========================================================
   ZDJĘCIE
   =========================================================== */

.mega-card img{

    width:100%;

    height:17.1875vw;

    object-fit:cover;

    display:block;

    transform:scale(1);

    transition:

        transform 8s linear;

}



/* ===========================================================
   KEN BURNS
   =========================================================== */

.mega-panel.active .mega-card img{

    transform:scale(1.08);

}



/* ===========================================================
   OPIS
   =========================================================== */

.mega-card-content{

    padding:1.7708vw;

}



/* ===========================================================
   ETYKIETA
   =========================================================== */

.mega-card-content span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:0.3646vw 0.8333vw;

    border-radius:52.0312vw;

    background:#EAF3FF;

    color:#0057B8;

    font-size:0.6771vw;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}



/* ===========================================================
   TYTUŁ
   =========================================================== */

.mega-card-content h3{

    margin:

        1.1458vw 0 0.8333vw;

    color:#08233F;

    font-size:1.6667vw;

    line-height:1.15;

    font-weight:700;

}



/* ===========================================================
   OPIS
   =========================================================== */

.mega-card-content p{

    margin:0;

    color:#607080;

    font-size:0.8854vw;

    line-height:1.75;

}



/* ===========================================================
   PRZYCISK
   =========================================================== */

.mega-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:1.5625vw;

    padding:

        0.7812vw

        1.5625vw;

    border-radius:52.0312vw;

    background:#0057B8;

    color:#ffffff;

    text-decoration:none;

    font-size:0.8333vw;

    font-weight:600;

    transition:

        background .25s ease,

        transform .25s ease,

        box-shadow .25s ease;

}



/* ===========================================================
   HOVER
   =========================================================== */

.mega-button:hover{

    background:#003F87;

    transform:translateY(-0.1042vw);

    box-shadow:

        0 0.8333vw 1.7708vw rgba(0,87,184,.28);

}



/* ===========================================================
   FOCUS
   =========================================================== */

.mega-button:focus-visible{

    outline:0.1562vw solid #0057B8;

    outline-offset:0.2083vw;

}

/* ===========================================================
   PRZEŁĄCZANIE PANELI
   =========================================================== */

.mega-panel{

    display:none;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transform:translateY(0.5208vw);

}



/* ===========================================================
   PANEL AKTYWNY
   =========================================================== */

.mega-panel.active{

    display:grid;

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:translateY(0);

    animation:

        megaFade .28s ease;

}



/* ===========================================================
   ANIMACJA PANELU
   =========================================================== */

@keyframes megaFade{

    from{

        opacity:0;

        transform:translateY(0.625vw);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}



/* ===========================================================
   PŁYNNE POJAWIANIE KARTY
   =========================================================== */

.mega-card{

    opacity:0;

    transform:translateX(1.25vw);

}



.mega-panel.active .mega-card{

    opacity:1;

    transform:translateX(0);

    transition:

        opacity .35s ease,

        transform .35s ease;

}



/* ===========================================================
   PŁYNNE POJAWIANIE LINKÓW
   =========================================================== */

.mega-links{

    opacity:0;

    transform:translateX(-0.9375vw);

}



.mega-panel.active .mega-links{

    opacity:1;

    transform:translateX(0);

    transition:

        opacity .35s ease,

        transform .35s ease;

}



/* ===========================================================
   OPÓŹNIENIE KARTY
   =========================================================== */

.mega-panel.active .mega-card{

    transition-delay:.08s;

}



/* ===========================================================
   OPÓŹNIENIE LINKÓW
   =========================================================== */

.mega-panel.active .mega-links{

    transition-delay:0s;

}



/* ===========================================================
   UKRYCIE NIEAKTYWNYCH
   =========================================================== */

.mega-panel:not(.active){

    position:absolute;

    left:-5208.2812vw;

}



/* ===========================================================
   WYSOKOŚĆ MENU
   =========================================================== */

.mega-menu{

    min-height:32.2917vw;

}



/* ===========================================================
   ZAPOBIEGANIE SKAKANIU
   =========================================================== */

.mega-menu{

    overflow:hidden;

}

/* ===========================================================
   MENU MOBILNE
   =========================================================== */

.mobile-toggle{

    display:none;

    position:relative;

    width:2.5vw;

    height:2.5vw;

    padding:0;

    border:none;

    background:none;

    cursor:pointer;

    z-index:1200;

}



/* ===========================================================
   KRESKI
   =========================================================== */

.mobile-toggle span{

    position:absolute;

    left:0.5208vw;

    width:1.4583vw;

    height:0.1562vw;

    background:#ffffff;

    border-radius:52.0312vw;

    transition:

        transform .30s ease,

        opacity .30s ease,

        top .30s ease,

        background .30s ease;

}



.mobile-toggle span:nth-child(1){

    top:0.7292vw;

}



.mobile-toggle span:nth-child(2){

    top:1.1458vw;

}



.mobile-toggle span:nth-child(3){

    top:1.5625vw;

}



/* ===========================================================
   IKONA X
   =========================================================== */

.mobile-toggle.active span:nth-child(1){

    top:1.1458vw;

    transform:rotate(45deg);

}



.mobile-toggle.active span:nth-child(2){

    opacity:0;

}



.mobile-toggle.active span:nth-child(3){

    top:1.1458vw;

    transform:rotate(-45deg);

}



/* ===========================================================
   PANEL
   =========================================================== */

.mobile-navigation{

    position:fixed;

    top:0;

    right:-100%;

    width:18.75vw;

    max-width:92vw;

    height:100vh;

    background:#ffffff;

    overflow-y:auto;

    transition:right .35s ease;

    box-shadow:

        -1.3021vw 0 3.125vw rgba(0,0,0,.16);

    z-index:1100;

}



/* ===========================================================
   OTWARCIE
   =========================================================== */

.mobile-navigation.open{

    right:0;

}



/* ===========================================================
   LISTA
   =========================================================== */

.mobile-navigation ul{

    list-style:none;

    margin:0;

    padding:6.25vw 0 2.0833vw;

}



/* ===========================================================
   ELEMENT
   =========================================================== */

.mobile-navigation li{

    border-bottom:

        0.0521vw solid #EEF2F7;

}



/* ===========================================================
   LINKI
   =========================================================== */

.mobile-navigation a,

.mobile-group{

    display:flex;

    align-items:center;

    justify-content:space-between;

    width:100%;

    padding:

        0.9375vw

        1.3542vw;

    border:none;

    background:none;

    text-decoration:none;

    color:#17314E;

    font-size:0.9375vw;

    font-weight:600;

    cursor:pointer;

    transition:

        background .25s,

        color .25s;

}



/* ===========================================================
   HOVER
   =========================================================== */

.mobile-navigation a:hover,

.mobile-group:hover{

    background:#F5F9FD;

    color:#0057B8;

}

/* ===========================================================
   PODMENU MOBILNE
   =========================================================== */

.mobile-group{

    position:relative;

}



/* ===========================================================
   STRZAŁKA
   =========================================================== */

.mobile-group::after{

    content:"";

    width:0.4688vw;

    height:0.4688vw;

    border-right:0.1042vw solid currentColor;

    border-bottom:0.1042vw solid currentColor;

    transform:rotate(45deg);

    transition:transform .30s ease;

    margin-left:auto;

}



/* ===========================================================
   OTWARTE PODMENU
   =========================================================== */

.mobile-group.active::after{

    transform:rotate(225deg);

}



/* ===========================================================
   LISTA PODMENU
   =========================================================== */

.mobile-group + ul{

    max-height:0;

    overflow:hidden;

    padding:0;

    background:#F8FAFD;

    transition:

        max-height .35s ease,

        padding .35s ease;

}



/* ===========================================================
   OTWARTE
   =========================================================== */

.mobile-group.active + ul{

    max-height:36.4583vw;

    padding:0.4167vw 0;

}



/* ===========================================================
   LINKI PODMENU
   =========================================================== */

.mobile-group + ul a{

    padding:

        0.7292vw

        2.7083vw;

    font-size:0.8333vw;

    font-weight:500;

    color:#44576A;

}



/* ===========================================================
   HOVER
   =========================================================== */

.mobile-group + ul a:hover{

    background:#EAF4FF;

    color:#0057B8;

}



/* ===========================================================
   TŁO PO OTWARCIU
   =========================================================== */

.navigation-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.35);

    backdrop-filter:blur(0.2083vw);

    -webkit-backdrop-filter:blur(0.2083vw);

    opacity:0;

    visibility:hidden;

    transition:

        opacity .30s ease,

        visibility .30s ease;

    z-index:1050;

}



/* ===========================================================
   WIDOCZNE
   =========================================================== */

.navigation-overlay.open{

    opacity:1;

    visibility:visible;

}



/* ===========================================================
   BLOKADA SCROLLA
   =========================================================== */

body.navigation-open{

    overflow:hidden;

}



/* ===========================================================
   DELIKATNE POJAWIANIE ELEMENTÓW
   =========================================================== */

.mobile-navigation li{

    opacity:0;

    transform:translateX(0.9375vw);

    animation:

        mobileItem .35s forwards;

}



.mobile-navigation.open li:nth-child(1){animation-delay:.03s;}
.mobile-navigation.open li:nth-child(2){animation-delay:.06s;}
.mobile-navigation.open li:nth-child(3){animation-delay:.09s;}
.mobile-navigation.open li:nth-child(4){animation-delay:.12s;}
.mobile-navigation.open li:nth-child(5){animation-delay:.15s;}



/* ===========================================================
   ANIMACJA
   =========================================================== */

@keyframes mobileItem{

    to{

        opacity:1;

        transform:translateX(0);

    }

}

/* ===========================================================
   RESPONSIVE
   =========================================================== */

@media (max-width:72.9167vw){

    .mega-panel{

        max-width:62.5vw;

        gap:2.6042vw;

        padding:0 1.4583vw;

    }

    .mega-links h2{

        font-size:1.7708vw;

    }

    .mega-card img{

        height:15.625vw;

    }

}



/* ===========================================================
   TABLETY
   =========================================================== */

@media (max-width:62.5vw){

    .nav-root{

        gap:1.3542vw;

    }

    .nav-trigger{

        font-size:0.8333vw;

    }

    .mega-panel{

        grid-template-columns:

            18.75vw

            1fr;

        gap:2.0833vw;

    }

    .mega-card-content{

        padding:1.4583vw;

    }

    .mega-card-content h3{

        font-size:1.4583vw;

    }

}



/* ===========================================================
   PRZEJŚCIE NA MOBILE
   =========================================================== */

@media (max-width:51.6667vw){

    .nav-root{

        display:none;

    }

    .mobile-toggle{

        display:block;

    }

    .mega-menu{

        display:none;

    }

}



/* ===========================================================
   TELEFONY
   =========================================================== */

@media (max-width:40.0vw){

    .mobile-navigation{

        width:100%;

        max-width:100%;

    }

    .mobile-navigation ul{

        padding-top:4.9479vw;

    }

    .mobile-navigation a,

    .mobile-group{

        padding:

            0.9375vw

            1.1458vw;

        font-size:0.8854vw;

    }

    .mobile-group + ul a{

        padding-left:2.1875vw;

        font-size:0.7812vw;

    }

}



/* ===========================================================
   MAŁE TELEFONY
   =========================================================== */

@media (max-width:25.0vw){

    .mobile-navigation a,

    .mobile-group{

        font-size:0.8333vw;

    }

    .mobile-group + ul a{

        font-size:0.7292vw;

    }

}

/* ===========================================================
   HEADER PO SCROLLU
   =========================================================== */
.site-header.header-scrolled{

    background:rgba(255,255,255,.82);

    backdrop-filter:blur(1.25vw);

    -webkit-backdrop-filter:blur(1.25vw);

    border-bottom:0.0521vw solid rgba(0,0,0,.06);

    box-shadow:

        0 0.5208vw 1.8229vw rgba(0,0,0,.08);

}



/* ===========================================================
   LOGO
   =========================================================== */

.site-header.header-scrolled .logo img{

    height:2.9167vw;

}



/* ===========================================================
   KOLOR MENU
   =========================================================== */

.site-header.header-scrolled .nav-trigger{

    color:#153B70;

}



.site-header.header-scrolled .nav-trigger:hover{

    color:#0057B8;

}



.site-header.header-scrolled .nav-item.active .nav-trigger{

    color:#0057B8;

}



/* ===========================================================
   PODKREŚLENIE
   =========================================================== */

.site-header.header-scrolled .nav-trigger::after{

    background:#0057B8;

}



/* ===========================================================
   PRZYCISK REKRUTACJA
   =========================================================== */

.site-header.header-scrolled .nav-highlight a{

    background:#0057B8;

    color:#ffffff;

}



.site-header.header-scrolled .nav-highlight a:hover{

    background:#00479B;

}



/* ===========================================================
   HAMBURGER
   =========================================================== */

.site-header.header-scrolled .mobile-toggle span{

    background:#153B70;

}



/* ===========================================================
   DELIKATNIE JAŚNIEJSZY GLASS
   =========================================================== */

.site-header{

    background:rgba(8,18,38,.10);

    backdrop-filter:blur(0.9375vw);

    -webkit-backdrop-filter:blur(0.9375vw);

}



/* ===========================================================
   HOVER CAŁEGO MENU
   =========================================================== */

.main-navigation:hover .mega-menu{

    transition-duration:.20s;

}



/* ===========================================================
   LEPSZE WYGŁADZANIE
   =========================================================== */

.nav-trigger,

.mega-links a,

.mega-button,

.nav-highlight a{

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}



/* ===========================================================
   GPU
   =========================================================== */

.mega-menu,

.mega-panel,

.mega-card,

.mega-links{

    will-change:

        transform,

        opacity;

}



/* ===========================================================
   REDUKCJA ANIMACJI
   =========================================================== */

@media (prefers-reduced-motion:reduce){

    *{

        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;

    }

}

/* ===========================================================
   FLICKER FIX
   =========================================================== */

.main-navigation{

    position:relative;

}



.nav-item{

    position:static;

}



/* ===========================================================
   UTRZYMANIE MENU PODCZAS PRZEJŚCIA
   =========================================================== */

.nav-item::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    top:100%;

    height:1.25vw;

}



/* ===========================================================
   MEGA MENU
   =========================================================== */

.mega-menu{

    contain:layout paint;

    isolation:isolate;

}



/* ===========================================================
   GPU
   =========================================================== */

.mega-menu,

.mega-panel,

.mega-card,

.mega-card img,

.mega-links{

    transform:translateZ(0);

    backface-visibility:hidden;

    -webkit-backface-visibility:hidden;

}



/* ===========================================================
   SAFARI
   =========================================================== */

@supports (-webkit-touch-callout:none){

    .mega-menu{

        -webkit-transform:translateZ(0);

    }

}



/* ===========================================================
   CHROME
   =========================================================== */

@supports (font:-apple-system-body){

    .mega-card{

        overflow:hidden;

    }

}



/* ===========================================================
   ZDJĘCIA
   =========================================================== */

.mega-card img{

    image-rendering:auto;

    user-select:none;

    -webkit-user-drag:none;

}



/* ===========================================================
   LINKI
   =========================================================== */

.mega-links a{

    white-space:nowrap;

}



/* ===========================================================
   BUTTON
   =========================================================== */

.mega-button{

    white-space:nowrap;

}



/* ===========================================================
   ZAZNACZENIE
   =========================================================== */

::selection{

    background:#0057B8;

    color:#fff;

}



/* ===========================================================
   SCROLLBAR (WEBKIT)
   =========================================================== */

.mega-menu::-webkit-scrollbar{

    width:0.4167vw;

}



.mega-menu::-webkit-scrollbar-thumb{

    background:#C9D4E3;

    border-radius:52.0312vw;

}



.mega-menu::-webkit-scrollbar-track{

    background:transparent;

}



/* ===========================================================
   KONIEC PLIKU
   =========================================================== */