/* CORE */
/* simple reset */


.nawigacja,
.nawigacja * {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    font-size: 19px;
    color: #fff;
}



.nawigacja > .mli {
    float: left;
    display: block;
    position: relative;
    height:36px;
}


.nawigacja > .mli > .ma {
    display: block;
    margin: 0 20px 0 0;
    padding: 3px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.nawigacja > .mli:hover > .ma,
.nawigacja > .mli:active > .ma,
.nawigacja > .mli:focus > .ma

{
    color: #161515;
    background-color: #f4f5f5;
    text-decoration: none;
}

/* styles for submenu = 2nd level */
.nawigacja > .mli > .mul {
    border-radius: 4px;
    left: 0;
    top: 24px;
    margin-top: 60px;


}

/* styles for every submenu > 2nd level */
.nawigacja > .mli > .mul > .mli .mul {
    position: absolute;
    left: 203px;
    top: -5px;
    border-radius: 4px;
}

.nawigacja .mli:hover > .mul,
.nawigacja .mli:active > .mul,
.nawigacja .mli:focus > .mul
{
    display: block;

}

/* styles for every submenu */
.nawigacja .mul {
    background: #cfe4dd;

    min-width: 250px;
    position: absolute;
    display: none;
    z-index: 100;
    padding: 20px 20px;

}

.nawigacja > .mli > .mul .mli {
    display: block;
    position: relative;
    padding-bottom: 5px;

}

.nawigacja > .mli > .mul .mli > .ma {
    display: block;
    position: relative;
    line-height: 42px;
    //height: 40px;
    padding: 0 10px;


}

.nawigacja > .mli > .mul .mli:hover > .ma,
.nawigacja > .mli > .mul .mli:active > .ma,
.nawigacja > .mli > .mul .mli:focus > .ma
{
    text-shadow: none;
    color: #161515;
    background-color: #fff;
    border-radius: 4px;
    text-decoration: none;

}

.nawigacja .mul .mli:last-child {
    border-bottom: none;
}



/* Animation 1 */
.nav-anim-1 .mli:hover > .mul,
.nav-anim-1 .mli:active > .mul,
.nav-anim-1 .mli:focus > .mul
{
    opacity: 1;
    visibility: visible;
    margin-top: 35px;


}

.nav-anim-1 .mul {
    display: block;
    -webkit-transition: .2s cubic-bezier(.28, .01, .67, 1.03);
    transition: .2s cubic-bezier(.28, .01, .67, 1.03);
    margin-top: 100px;
    opacity: 0;
    visibility: hidden;
    z-index: 101;

}


.nav-anim-1 .mli:hover > div,
.nav-anim-1 .mli:active > div,
.nav-anim-1 .mli:focus > div
{
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
    padding-left: 12px;
    position: relative;
}


.nav-anim-1 div {
    display: block;
    opacity: 0;
    -webkit-transition: .2s cubic-bezier(.28, .01, .67, 1.03);
    transition: .2s cubic-bezier(.28, .01, .67, 1.03);
    margin-top: 25px;
    padding-left: 12px;
    visibility: hidden;
    z-index: 103;
    position: relative;
}










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



.main-nav > .menu,
.main-nav > .menu * {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    font-size: 19px;
}



.main-nav > .menu {
    padding: 118px 20px 20px 20px !important;
}

.main-nav > .menu li {
    line-height: 1em;

}

.main-nav > .menu a:before {
    content: '' !important;
}

.main-nav > .menu .sub-menu {
    padding-left: 30px !important;

}

.main-nav > .menu a:hover,
.main-nav > .menu a:hover {
    color: #161515 !important;
    border-radius: 4px;
    background-color: #f4f5f5;
    padding: 0 10px 0 10px;

}