.nav-block { margin-top: 1%; margin-bottom: 1%; }
.nav-block--center { margin-top: 1%; margin-bottom: 1%; }


.nav-block .section-line { border-color: #eee; }


.navi .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; }

.menu-trigger {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Mobile menu icon */
.menu-trigger .trigger-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin: 0 4px 0 15px;
}
.menu-trigger .trigger-icon .line {
    display: block;
    background-color: #fff;
    height: 3px;
    margin-bottom: 2px;
}
.menu-trigger .label {
    margin-right: 10px;
}

.nav-regular .caret {
    display: none;
}
.nav-regular .nav-item--parent > a .caret {
    display: inline-block;
}

/* Caret inside dropdowns - right side caret */
.nav-regular .nav-panel a .caret {
    margin-left: 5px;
    opacity: 0.2;
}
.nav-regular .nav-panel a:hover .caret {
    opacity: 1;
}


.nav-item--stickylogo {
    display: none;
}
.nav-item--stickylogo img {
    padding-right: 10px;
}

/* Show only when sticky header active */
.sticky-header .nav-item--stickylogo {
    display: inline;
}
.header-container:not(.sticky-header) .nav-item--stickylogo {
    display: none !important;
}


.nav-regular .nav-item--home .ic {
    display: inline-block;
    font-size: 16px;
    padding: 0;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    float: none;
    background-color: transparent !important; /* Remove default colors */
}

.navi .nav-item--homeicon a {
    padding-left: 17px; /* The same as side padding of top-level items +5px */
    padding-right: 5px;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    opacity: 1;
    transition:         opacity 450ms ease-in-out;
    -moz-transition:    opacity 450ms ease-in-out;
    -webkit-transition: opacity 450ms ease-in-out;
    -o-transition:      opacity 450ms ease-in-out;
}
.navi .nav-item--homeicon a:hover {
    opacity: 0.6;
    transition-duration:            100ms;
    -moz-transition-duration:       100ms;
    -webkit-transition-duration:    100ms;
    -o-transition-duration:         100ms;
}

.cat-label {
    padding:2px 4px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    line-height:18px;
    text-transform:none;
    text-shadow:none;
    
    transition:         color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition:    color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition:      color 450ms ease-in-out, background-color 450ms ease-in-out;
}
li > a:hover > span > .cat-label {
    transition-duration:            100ms;
    -moz-transition-duration:       100ms;
    -webkit-transition-duration:    100ms;
    -o-transition-duration:         100ms;
}


li.level0 > a > span { position:relative; }
li.level0 > a > span > .cat-label {
    position:absolute;
    top:-10px; /*-14px*/
    right:0;
    padding:0 6px;
    
    font-size:14px;
    line-height:22px;
}


li.level0 > a > span > .pin-bottom:before {
    position:absolute;
    right:6px;
    top:22px;
    width:0;
    height:0;
    content:"";
    border-style:solid;
    border-width:4px;
    border-color:transparent;

    transition:         border-color 450ms ease-in-out;
    -moz-transition:    border-color 450ms ease-in-out;
    -webkit-transition: border-color 450ms ease-in-out;
    -o-transition:      border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
    transition-duration:            100ms;
    -moz-transition-duration:       100ms;
    -webkit-transition-duration:    100ms;
    -o-transition-duration:         100ms;
}


li.level1 > a > span > .cat-label {
    display:inline-block !important;
    padding:0 4px;
    margin-left:5px;
    vertical-align:middle;
}


li.level2 > a > span > .cat-label {
    display:inline-block !important;
    padding:0 4px;
    margin-left:2px;
}

.nav-mobile li > a > span > .cat-label,
.nav-vert li > a > span > .cat-label {
    position:static;
    display:inline-block !important;
    padding:0 4px;
    margin-left:5px;

    /* Label size: all levels */
    font-size:14px;
    line-height:18px;
}

/* Hide pin */
.nav-mobile li > a > span > .pin-bottom:before,
.nav-vert li > a > span > .pin-bottom:before {
    display:none;
}


.navi a.no-click { cursor: default; }


.navi,
.menu-trigger,
.nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; }

.navi-wrapper {
    position: relative;
}
.navi {
    position: relative; 
    -webkit-transform: translateZ(0); 
}

/* Clearfix for menu items list */
.navi > ul:before,
.navi > ul:after {
    display: table;
    content: " ";
}
.navi > ul:after {
    clear: both;
}

/* Show/hide mobile menu */
.navi.nav-mobile-triggerable { 
    display: none;


    clear: both;
}
.navi.nav-mobile-triggerable.show { 
    display: block;
}

/* Show/hide vertical menu */
.navi.nav-vert-triggerable {
    display: none;
}
.navi.nav-vert-triggerable.show {
    display: block;
}


/* Top menu in the header */
.header-container .navi {
    z-index: 200;
}
/* Sidebar menu */
.navi.nav-regular.navi-sidebarmenu {
    z-index: 199; /* One level below the menu */
}

.nav-border-bottom {
    clear: both;
}

.menu-trigger,
.nav-regular .nav-item.level0 > a {
    line-height: 50px;
}


.nav-holder > *,
.nav-holder .dropdown .dropdown-heading {
    line-height: 50px; 
    max-height: 50px;
}


.nav-regular.centered {
    text-align: center;
}
.nav-regular.centered li.level0
{
    float: none;
    display: inline-block;
}
.nav-regular.centered li.level0.right,
.nav-regular.centered li.level0.left
{
    float: none !important;
}

/* Sticky logo has to float left */
.nav-regular.centered li.nav-item--stickylogo {
    float: left;
}


.nav-regular .opener { display: none; }

/* Hide elements */
.nav-regular .hide-in-desktop-menu { display: none !important; }


.nav-holders-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 201; /* One level above the menu */
    position: relative;

}
.nav-holders-wrapper .nav-holder {
    margin: 0;
    float: right; /* Required default floating */
}


.nav-holder > * {
    display: block;
}


.nav-holder .dropdown .dropdown-heading .label {
    vertical-align: baseline;
}


.nav-regular .nav-holder .search-wrapper, /* <-- Deprecated */
.nav-holders-wrapper .nav-holder .search-wrapper
{
    width: inherit; 
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    margin-bottom: 1px;
    max-width: none;
    margin: 0;
}
.nav-regular .nav-holder .search-wrapper .input-text, /* <-- Deprecated */
.nav-holders-wrapper .nav-holder .search-wrapper .input-text
{
    /* To center the search box vertically */
    margin-bottom: 1px;
}

.nav-holder .dropdown .dropdown-heading.cover > span,
.nav-holder .dropdown .dropdown-heading.cover > div {
    padding: 0 15px;
}

.menu-trigger,
.nav-holder .dropdown .dropdown-heading {
    font-size: 14px;
}


.navi.nav-vert-triggerable {
    position: absolute;
    left: 0;
}


.navi.nav-vert-triggerable,
.vertnav-trigger {
    width: 231px;
}


.nav-vert .nav-item.nav-item--home {
    display: none !important;
}
.nav-vert .nav-item--stickylogo {
    display: none !important;
}

.vertnav-trigger {
    float: left;
}


.nav-inline-links {
    float: left;
    margin: 0;
}


.mobnav-trigger {
    display: none;
}

.nav-holders-wrapper + .mobnav-trigger {
    float: left;    
}
/* In left column, make it float right */
.left-column .nav-holders-wrapper + .mobnav-trigger {
    float: right;
}
/* In right column, make it float left */
.right-column .nav-holders-wrapper + .mobnav-trigger {
    float: left;
}


.nav-mobile .nav-panel--dropdown {
    width: 100% !important;

    /* Reset of dropdown's inline positioning */
    left: 0 !important;
    top: 0 !important;
}

.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}
/* Remove padding of inner panel */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner {
    padding: 0 !important;
}
/* Stretch the central column */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner > .nav-block--center {
    margin: 0;
    width: 100%;
}

.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner > .nav-block {
    display: none;
}


.nav-mobile .level0.nav-item.nav-item--only-blocks { display: none; }

.nav-mobile.opt-sob .level0.nav-item.nav-item--only-blocks { display: block; }


.nav-mobile.opt-sb0 .nav-block { display: none; }
.nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */
.nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */
.nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */
.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */

/* Override styles which simplify dropdowns when default class "opt-sb0" is present.
   When the default class is not present, we don't need to do this. */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks .nav-block { display: block; }
/* .nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div { background-color: transparent !important; } */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div > div { padding: 20px !important; }
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div > div > .nav-block--center { margin-top: 1%; margin-bottom: 1%; }

.nav-mobile.opt-sb1 ul.level0 .nav-block { display: none; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; }

.nav-mobile.opt-sb2 ul.level1 .nav-block { display: none; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; }

.nav-mobile.opt-sb3 ul.level2 .nav-block { display: none; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; }

.nav-mobile.opt-sb4 ul.level3 .nav-block { display: none; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; }

.nav-mobile.opt-sb5 ul.level4 .nav-block { display: none; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; }


@media only screen and (max-width: 479px) {
    .navi.nav-mobile.opt-hide480 .nav-block { display: none !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; background-color: transparent !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown > div { padding: 0 !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item.nav-item--only-blocks { display: none !important; }
}

.nav-mobile .caret { display: none !important; }

.nav-mobile .nav-item--stickylogo { display: none !important; }

.nav-mobile .nav-item--home { display: none !important; }

.nav-mobile .hide-in-mobile-menu { display: none !important; }


.nav-mobile .nav-holder { display: none !important; }

.navi .itemslider { margin-top:0; margin-bottom:0; }
.navi .itemslider .item { padding-top:5px; padding-bottom:0; }
.navi .itemslider .product-name a { display: inline-block; }
.navi .itemslider .product-name { margin-top: 8px; }

.nav-regular .nav-item {
    text-align: left;
}
.nav-regular .nav-item > a {
    display: block;
    text-decoration: none;
    font-size: 14px;
}

.nav-regular li.level0 { float: left; }
.nav-regular li.level0 > a { padding: 0 12px; }
.nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; }

/* Top-level item on hover */
.nav-regular li.level0:hover > a {
    /* Pull up the link above the dropdown */
    z-index: 2;
    position: relative;
}

/* Caret */
.nav-regular li.level0 > a .caret {
    opacity: 0.3;

       line-height: 1;
}
.nav-regular li.level0.active > a .caret {
    opacity: 1;
}
.nav-regular li.level0:hover > a .caret {
    opacity: 1;
}

.nav-regular .nav-panel--dropdown {
    display:none;
    position:absolute;
    top:0;
    background-color:#fff; /* To avoid transparent menu */
    z-index: 1; /* To avoid links overlaping a dropdown */
}

.navi .nav-panel-inner { padding: 20px; }
.navi .nav-panel-inner:before,
.navi .nav-panel-inner:after { display: table; line-height: 0; content: ""; }
.navi .nav-panel-inner:after { clear: both; }

.nav-regular .nav-panel.full-width { width:100%; }
.nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */


.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {
    display: block; /* Important: has to be visible before hover */
    left: -10000px;
    opacity: 0;
    -moz-transition:    opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    -o-transition:      opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    transition:         opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
}
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {
    opacity: 1;
    transition-delay:           50ms;
    -moz-transition-delay:      50ms;
    -webkit-transition-delay:   50ms;
    -o-transition-delay:        50ms;
}

.nav-regular .mega > .nav-panel--dropdown {
    margin:0;
}

.nav-regular .nav-panel li.mega { 
    position: relative; /* Container of the dropdown has to be relative (only on levels 2+) */
}
.nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown {
    display: block;
    left: 60px;
    top: 0;
}


.nav-regular .nav-submenu--mega {
    margin-left: -1%;
    margin-right: -1%;
}

/* Items */
.nav-regular .nav-submenu--mega .nav-item > a {
    padding: 0px 4px 0px 7px; /* Less right padding to avoid word wrapping */
}


.nav-regular .nav-submenu--mega > .nav-item {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 5px;
}
.nav-regular .nav-submenu--mega > .nav-item > a {
    line-height: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.nav-regular .nav-submenu--mega > .nav-item.parent > a {
    margin-bottom: 5px;
}
.nav-regular .nav-submenu--mega > .nav-item.nav-item--parent > a {
    margin-bottom: 0;
}

.nav-regular .nav-submenu--mega > li > .nav-panel {
    position: static;
    margin-bottom: 10px;
}
.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown {
    position: absolute;
    margin-bottom: 0;
}

.nav-regular .nav-submenu--mega > li > .nav-block--top {
    margin-top: 0;
    margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li > .nav-block--bottom {
    margin-top: 10px;
    margin-bottom: 0;
}

.nav-regular .nav-submenu--mega > li > ul > li > a {
    line-height: 24px;
}


.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a {
    padding-left: 28px;
    position: relative;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a:before {
    content: "\e263";
    line-height: 24px; /* The same as actual height of the item */
    left: 0px;
    position: absolute;
    top: 0px;
    text-align: center;
    width: 24px; /* Not larger than the left padding of the item */
    transition:         left 150ms ease-out;
    -moz-transition:    left 150ms ease-out;
    -webkit-transition: left 150ms ease-out;
    -o-transition:      left 150ms ease-out;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a:hover:before {
    left: 4px;
}

.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a .ic {
    line-height: 24px;
}

.nav-regular.with-bullets .nav-submenu--mega > li > ul > li.iconic > a:before {
    display: none;
}

.nav-regular .nav-submenu--mega > li > ul > .nav-item--parent > .nav-panel--dropdown {
}
.nav-regular .nav-submenu--mega > li > ul > .nav-item--parent:hover > .nav-panel--dropdown {
    left: 60%;
    
}


.nav-regular .classic > .nav-panel--dropdown > li > a {
    line-height: 36px;
    padding-left: 10px;
}
.nav-regular .classic > .nav-panel--dropdown > li > a .caret {
    float: right;
    margin-right: 10px;

    line-height: inherit; 
    margin-bottom: -2px;
}


.nav-regular .classic > .nav-panel--dropdown {
    margin:0;
    padding:10px;
    width:16em;
    min-width:12em;
}

.nav-regular .nav-panel li.classic {
    position: relative;
}
.nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
    display:block;
    left:100%;
    top:0;
}

.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
    left:60px;
    top:20px;
}

.nav-regular .nav-panel li.classic:hover > a {
   
    position: relative;
}

.nav-regular .nav-item.simple > ul {
    padding-left: 10px;
}

.nav-regular.with-bullets .nav-item.simple > ul {
    padding-left: 28px; /* The same space as for standard item */
}

/* Bullets */
.nav-regular .nav-item.simple > ul > li > a {
    line-height: 24px;
    padding-left: 15px !important; /* Override item standard padding */
    position: relative;
    opacity: 0.6;
}
.nav-regular .nav-item.simple:hover > ul > li > a {
    opacity: 1;
}
.nav-regular .nav-item.simple > ul > li > a:before {
    content: "\e263";
    font-size: 10px;
    line-height: 24px; /* The same as actual height of the item */
    left: -2px;
    position: absolute;
    top: 0px;
    text-align: center;
    width: 10px; /* Not larger than the left padding of the item */
    transition:         left 150ms ease-out;
    -moz-transition:    left 150ms ease-out;
    -webkit-transition: left 150ms ease-out;
    -o-transition:      left 150ms ease-out;
}
.nav-regular .nav-item.simple > ul > li > a:hover:before {
    left: 3px;
}

.nav-vert li.level0 {
    float: none !important; /* Add "!important" to override floating of right-aligned items */
}
.nav-vert li.level0 > a {
    padding-left: 10px;
    padding-right: 7px;
}
.nav-vert li.level0 > a .caret {
    float: right;
   line-height: inherit; 
    margin-bottom: -2px;
}

.nav-vert li.level0 > .nav-panel--dropdown {
    left: 100% !important;
}

.navi .nav-item.iconic > a {
    position: relative;
    padding-left: 28px !important;
}
.navi .nav-item.iconic > a .ic {
    content: "\e226";
    font-size: 14px;
    line-height: 36px; 
    left: 0px;
    position: absolute;
    top: 0px;
    text-align: center;
    width: 28px;
}

.dd-itemgrid > .nav-item {
    float:left;
    padding-left:1%;
    padding-right:1%;
}


.dd-itemgrid-1col > .nav-item { width:98%; }

.dd-itemgrid-2col > .nav-item { width:48%; }
.dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; }

.dd-itemgrid-3col > .nav-item { width:31.3333%; }
.dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; }

.dd-itemgrid-4col > .nav-item { width:23%; }
.dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; }

.dd-itemgrid-5col > .nav-item { width:18%; }
.dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; }

.dd-itemgrid-6col > .nav-item { width:14.6666%; }
.dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; }

/* Item grid: 7 columns */
.dd-itemgrid-7col > .nav-item { width:12.2857%; }
.dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; }

/* Item grid: 8 columns */
.dd-itemgrid-8col > .nav-item { width:10.5%; }
.dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; }

.acco {
    list-style-type: none;
}
.acco li.nav-item {
    list-style-type:none;
    display:block;
    float:left;
    width:100% !important; 
    padding:0 !important;
    margin:0 !important;
    position:relative;
}
.acco ul.nav-panel {
    display:block;
    float:left;
    width:100%;
    padding:0;
    margin:0;
}


.acco li.parent > a {
    padding-right: 54px;
}

.acco .nav-item > a {
    line-height: 50px;
    display: block;
    padding: 0 10px;
    font-size: 16px;
}


.acco li.level0 > a {
    font-size: 18px;
    text-transform: uppercase;
}

.acco li.level1 > a {
    padding-left: 30px;
    font-size: 16px;
    text-transform: uppercase;
}

.acco li.level2 > a {
    padding-left: 50px;
    font-size: 16px;
    text-transform: none;
}


.acco li.level3 > a
{
    padding-left: 70px;
    font-size: 14px;
    text-transform: none;
}


.acco li.level3 .nav-item > a
{
    padding-left: 90px;
    font-size: 12px;
    text-transform: none;
}


.acco .opener {
    position:absolute;
    right:0;
    top:0;
    display:block;
    cursor:pointer;
    text-align:center;
    
    width:50px;
    height:50px;
    line-height:50px;
}
.acco .opener:hover {
    background-color:rgba(0,0,0, 0.05);
}


.sideacco {
    float: left;
    width: 100%;
}

/* Number of products in category */
.sideacco .number {
    color: #aaa;
    margin-left: 3px;
}

/* All levels */
.sideacco li > a > span > .cat-label {
    position: static;
    display: inline-block !important;
    padding: 0 4px;
    margin-left: 3px;
}

/* Hide pin */
.sideacco li > a > span > .pin-bottom:before {
    display: none;
}