.homepageheader-all-dropdown {
    border: 0;
    border-radius: 0;
    left: 0 !important;
    /*transform: translateY(-120%);*/
    transition: all .3s cubic-bezier(.64,.04,.35,1)
}
.homepageheader-all-dropdown.is-open {
    /*transform: translateY(0);*/
}
.homepageheader-item {
    /*height: 100%;*/
    transform: skew(10deg);
    padding: 0 0.625rem;
}
.homepageheader-item--mainsite {
    padding-left: 0.875rem;
    margin-left: -4px;
}

.homepageheader-item__title * {color: #fff;}
.homepageheader-item__title {
    transform: skew(-10deg);
    /*font-weight: bold;*/
    /*font-family: Arial;*/
    line-height: 3.125rem;
}
.homepageheader-item.hover ,.homepageheader-item:hover{
    background: #464646; /* highlight secondary */
}
.homepageheader-item.hover .homepageheader-item__title,
.homepageheader-item:hover .homepageheader-item__title,
.homepageheader-item.hover a,
.homepageheader-item:hover a {
    color: #fff;
}
.homepageheader-item.homepageheader-item--selected {
    background: #0060a9; /* highlight secondary */
}
.title-bar__toparea-icon .title-bar__icon-container {
    height: 100%;
    transform: skew(-10deg) translateX(5px);
    padding: 0 0.75rem 0 0.625rem;
    /*background: #464646;*/ /* highlight secondary */
    align-items: center;
    display: flex;
}
.title-bar__toparea-icon .title-bar__icon {
    line-height: 3.125rem;
}
.title-bar__toparea-icon .title-bar__icon .title-bar__icon-svg-container,
.title-bar__toparea-icon .title-bar__icon--myaccount-label {
    transform: skew(10deg);
}
.title-bar__icon--menu, .title-bar__icon--menu svg {
    width: 2.125rem;
    height: 2.125rem;
}
.title-bar__icon--menu {
    margin-left: 5px;
}
.title-bar__icon--menu svg {
    transform: translateY(2px);
}

.homepageheader-item__title {font-size: .75rem}

@media screen and (min-width: 640px) {
    .homepageheader-item__title {font-size: 1rem}
    .homepageheader-item {
        padding: 0 1.25rem;
    }
    .homepageheader-item--mainsite {
        padding-left: 1.8125rem;
    }
}


.off-canvas.is-transition-overlap.is-open{box-shadow: none;}

.title-bar__logo-container > a { outline: none;  }

/*.is-open-right .responsive-header,
.is-open-left .responsive-header {
	position:fixed;
}*/