[canvas=box] {
    /*margin-top: 150px;*/
    height: -webkit-calc( 100% - 150px );
    height: -moz-calc( 100% - 150px );
    height: calc( 100% - 150px );
}

[off-canvas] {
    background-color: #2f3133;
}

    [off-canvas] .padded-box {
        padding: 20px;
    }

    [off-canvas] ul.menu {
        margin: 0;
        padding: 0;
        display: block;
        list-style: none;
        background-color: #36393b;
    }

        [off-canvas] ul.menu li {
            border-bottom: 1px solid #252729;
            padding: 1em;
        }

            [off-canvas] ul.menu li a {
                color: rgba(255, 255, 255, 0.75);
                display: block;
                padding: 0;
                height: auto;
                background-color: rgba(255, 255, 255, 0);
                -webkit-transition: all 200ms ease-in-out 0s;
                transition: all 200ms ease-in-out 0s;
                font-size: 120%;
                line-height: 1em;
            }

                [off-canvas] ul.menu li a:hover {
                    color: rgba(255, 255, 255, 1);
                    /*background-color: rgba(255, 255, 255, 0.1);*/
                }


img#logo-menu {
    margin: 20px;
    max-width: 120px;
}

[canvas=box],
[off-canvas] {
    padding: 0;
}

[class*=js-] {
    cursor: pointer;
}


nav[canvas] {
    /*  position: fixed;
  top: 0;*/
    width: 100%;
    height: 150px;
    /*  line-height: 2em;
  font-size: 1.5em;*/
    text-align: center;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}


ol.breadcrumb {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 85%;
    list-style-type: none;
}

    ol.breadcrumb li {
        display: inline;
        color: rgba(0, 0, 0, 0.54);
    }

        ol.breadcrumb li:not(:last-child):after {
            content: ' / ';
            color: rgba(0, 0, 0, 0.12);
        }

        ol.breadcrumb li:last-child {   
            color: rgba(0, 0, 0, 0.26);
        }




.subNavItem {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.75);
    font-size: 108%;
    line-height: 1em;
    background: url('../images/bg_subitem.png') no-repeat top left;
}


    .subNavItem ul {
        color: rgba(255, 255, 255, 1) !important;
        padding: 0;
        padding-top:1.2em;
        margin:0;
        list-style-type: none;
    }
        .subNavItem ul li {
            /*border-bottom: 1px solid #252729;*/
            border-bottom: 0 !important;
            padding: 1em 1em 1em 0em !important;
        }

            .subNavItem ul li a {
                display: block !important;
                padding: 0 !important;
                height: auto !important;
                -webkit-transition: all 200ms ease-in-out 0s;
                transition: all 200ms ease-in-out 0s;
                font-size: 100% !important;
                line-height: 1em !important;
            }
            .subNavItem ul li a:hover {
                color: rgba(255, 255, 255, 1);
                /* background-color: rgba(255, 255, 255, 0.1); */
            }