nav.nav-header.whiteNav .nav-top {
    background-color: #fff
}

nav.nav-header.whiteNav .inner button, nav.nav-header.whiteNav .nav-sub, nav.nav-header.whiteNav .nav-sub.button-wrapper.bottom, nav.nav-header.whiteNav .nav-sub.button-wrapper.top, nav.nav-header.whiteNav .primary, nav.nav-header.whiteNav .primary .inner {
    background-color: #fff;
    opacity: .95
}

nav.nav-header.whiteNav .nav-sub, nav.nav-header.whiteNav .primary {
    border-bottom: 1px solid #e1e1e1
}

@media (max-width: 992px) {
    nav.nav-header.whiteNav .nav-sub {
        border-bottom: none
    }
}

nav.nav-header.whiteNav .search-input {
    position: relative
}

nav.nav-header.whiteNav .nav-sub .sub-header:after, nav.nav-header.whiteNav .nav-sub a.no-style, nav.nav-header.whiteNav .nav-sub button.no-style, nav.nav-header.whiteNav .primary .menu a:not(.logo-link), nav.nav-header.whiteNav .primary .menu button:not(.search), nav.nav-header.whiteNav .primary .search:after, nav.nav-header.whiteNav .primary .search[data-search=disabled]:after, nav.nav-header.whiteNav a:not([class*=btn-]) {
    color: #000
}

nav.nav-header .nav-sub .list-header.major {
    color: #000;
    display:none
}

nav.nav-header.whiteNav a:not([class*=btn-]):hover {
    color: #1774bb;
    transition: color .3s
}

nav.nav-header.whiteNav .primary .search.active:after, nav.nav-header.whiteNav .primary .search:focus:after, nav.nav-header.whiteNav .primary .search:hover:after, nav.nav-header.whiteNav .primary .search[data-search=enabled]:after {
    color: #9c0;
    transition: color .3s
}

nav.nav-header.whiteNav .nav-sub.button-wrapper button {
    border: 1px solid #ccc !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: normal
}

nav.nav-header.whiteNav .nav-sub.button-wrapper.top .hamburger:before, nav.nav-header.whiteNav .nav-sub.button-wrapper.top .question:before, nav.nav-header.whiteNav .nav-sub.button-wrapper.top .search:before {
    color: #000
}

nav.nav-header.whiteNav .nav-sub.button-wrapper.top .hamburger-active:before, nav.nav-header.whiteNav .nav-sub.button-wrapper.top .question-active:before, nav.nav-header.whiteNav .nav-sub.button-wrapper.top .search-active:before {
    color: #fff;
    background-color: #63c
}

@media (max-width: 991px) {
    nav.nav-header.whiteNav .nav-sub-wrapper {
        background-color: #fff;
        box-shadow: 5px 0 5px #e1e1e1
    }

    nav.nav-header.whiteNav primary .hamburger:after {
        color: #000
    }

    nav.nav-header.whiteNav .nav-sub .list-header.major, nav.nav-header.whiteNav .nav-sub.button-wrapper.top {
        border: 1px solid #e2e2e2;
        top: 10px;
        font-size: 14px
    }

    nav.nav-header.whiteNav .nav-sub .column li {
        padding: 0 0 0 30px
    }

    nav.nav-header.whiteNav .nav-sub li, nav.nav-header.whiteNav .nav-sub li a {
        font-size: 14px
    }

    nav.nav-header.whiteNav .nav-sub .column:first-of-type {
        margin-top: 20px
    }

    nav.nav-header.whiteNav .nav-sub.mobile.button-wrapper.top {
        border-bottom: 1px solid #333
    }

    nav.nav-header.whiteNav .list-header.major.no-style.active {
        outline: 0;
        box-shadow: none;
        border: 1px solid #9d9ca1 !important
    }

    nav.nav-header.whiteNav .list-header.major.no-style:hover, nav.nav-header.whiteNav .nav-sub p.search-suggestion {
        border: 1px solid #9d9ca1 !important
    }

    nav.nav-header.whiteNav .nav-sub p.search-suggestion {
        color: #9d9ca1
    }

    nav.nav-header.whiteNav .nav-sub .search-box {
        background-color: #fff;
        color: #9d9ca1
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    nav.nav-header.whiteNav .primary .hamburger:after {
        color: #000
    }
}

@media (max-width: 767px) {
    nav.nav-header.whiteNav .primary .hamburger:after {
        color: #000
    }
}

nav.nav-header.no-top {
    height: 66px
}

nav.nav-header.no-top .nav-top {
    display: none
}

nav.nav-header.no-top .primary {
    top: 0
}

nav.nav-header.no-top .desktop-search-box, nav.nav-header.no-top .nav-sub-wrapper .nav-sub {
    top: 60px
}

.nav-header {
    z-index: 9999999;
    height: 80px;
    position: relative;
    width: 100%
}

.nav-header:after, .nav-header:before {
    content: " ";
    display: table
}

.nav-header:after {
    clear: both
}

.nav-header a:not([class*=btn-]) {
    color: #fff;
    text-decoration: none;
    transition: color .3s
}

.nav-header a:not([class*=btn-]):hover {
    color: #9c0;
    transition: color .3s
}

.nav-header .login {
    border: 2px solid #4d4d4d;
    color: #fff;
    position: relative
}

.nav-header .login:hover {
    border-color: transparent
}

@media (max-width: 992px) {
    .nav-header {
        height: 66px
    }
}

@media (min-width: 992px) {
    .nav-header {
        height: 86px
    }

    .nav-header > div {
        width: 100%;
    }

    .nav-header .inner {
        margin: 0 auto;
        max-width: 1200px;
        width: 100%
    }

    .nav-header .left-rail {
        float: left
    }

    .nav-header .right-rail {
        float: right
    }
}

.nav-top {
    background-color: #171717;
    height: 30px;
    z-index: 9999
}

.nav-top .inner {
    margin: 0 auto;
    padding-top: 1px;
    width: 100%
}

.nav-top a {
    color: rgba(255, 255, 255, .64);
    display: inline-block;
    font-size: 12px;
    margin-right: 40px;
    text-decoration: none;
    outline: 0
}

.nav-top a:active, .nav-top a:focus, .nav-top a:hover {
    color: #9c0;
    transition: color .3s
}

.nav-top .wcag-skip-nav {
    position: absolute;
    width: 1;
    height: 1;
    clip: rect(0, 0, 0, 0);
    overflow: hidden
}

.nav-top .wcag-skip-nav:focus {
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    overflow: visible
}

.nav-top .left-rail, .nav-top .right-rail {
    margin-right: 10px
}

.nav-top .left-rail a:last-of-type, .nav-top .right-rail a:last-of-type {
    margin-right: 0;
    margin-top: -4px
}

.nav-top .customer-support:before {
    content: "\E8FD";
    font-family: "Material Icons";
    font-size: 16px;
    margin-right: 3px;
    position: relative;
    top: 4px
}

@media (min-width: 992px) {
    .nav-top {
        position: fixed;
        top: 0
    }
    .nav-sub .list-header.major, .nav-sub .mobile, .nav-sub.mobile {
            display: none
    }
}

@media (max-width: 991px) {
    .nav-top {
        display: none
    }

    .hamburger, .nav-sub-wrapper .list-header {
        outline: 0;
        line-height: inherit;
        font-weight: 400
    }
}

.nav-top .SP-Participants-login:before {
    content: "\E7FD";
    font-family: "Material Icons";
    font-size: 16px;
    margin-right: 3px;
    position: relative;
    top: 4px
}

.primary {
    background-color: #000;
    height: 66px;
    position: fixed;
    top: 20px
}

@media (min-width: 992px) {
    .primary {
        z-index: 999
    }
}

.primary .hamburger, .primary .left-rail {
    z-index: 2
}

.primary a:not(.logo-link) {
    outline: 0;
    margin-top: 4px;
    margin-bottom: 0
}

.primary .menu .opener {
    margin-top: 7px
}

.primary .menu a:not(.logo-link), .primary .menu button:not(.search) {
    background-color: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    height: 15px;
    margin-right: 20px;
    text-decoration: none;
    transition: color .3s;
    position: relative
}

.primary .menu a:not(.logo-link):after, .primary .menu button:not(.search):after {
    background-color: transparent;
    bottom: -8px;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    transition: background-color .3s;
    width: 100%
}

.primary .menu a:not(.logo-link):focus:after, .primary .menu a:not(.logo-link):hover:after, .primary .menu button:not(.search):focus:after, .primary .menu button:not(.search):hover:after {
    background-color: #9c0;
    transition: background-color .3s
}

.primary .menu a[data-state=enabled]:after, .primary .menu button[data-state=enabled]:after {
    background-color: #9c0;
    transition: background-color .3s
}

.primary .logo-link img {
    vertical-align: initial;
    margin-top: 5px
}

@media (min-width: 992px) {
    .primary .logo-link img {
        vertical-align: baseline;
        margin-top: 4px
    }
}

.primary .logo-link span {
    display: inline-block;
    text-indent: -100rem
}

.primary .login {
    margin-right: 15px;
    padding-left: 47px
}

.primary .login:before {
    color: #a3a3a3;
    content: "\E7FD";
    font-family: "Material Icons";
    font-size: 20px;
    left: 20px;
    position: absolute;
    top: 0
}

.primary .search {
    outline: 0;
    width: 40px;
    height: 32px;
    position: absolute
}

.primary .search:after, .primary .search[data-search=disabled]:after {
    color: #fff;
    content: "\E8B6";
    font-family: "Material Icons";
    position: absolute;
    top: 7px;
    left: 0;
    transition: color .3s;
    font-size: 26px
}

.primary .search.active:after, .primary .search:focus:after, .primary .search:hover:after, .primary .search[data-search=enabled]:after {
    color: #9c0;
    transition: color .3s
}

.primary .right-rail button {
    margin-right: 1.5rem
}

.primary .right-rail button:last-child {
    margin-right: 0
}

.nav-sub.search-input {
    display: none
}

@media (min-width: 992px) {
    .primary .inner {
        position: relative;
        height: 65px
    }

    .primary .inner:after, .primary .inner:before {
        content: " ";
        display: table
    }

    .primary .inner:after {
        clear: both
    }

    .primary .search {
        background: 0 0;
        border: 0;
        border-radius: 0;
        padding: 0
    }

    .primary button.question {
        visibility: hidden;
        display: none !important
    }

    .primary .hamburger {
        display: none
    }

    .primary .menu {
        padding-top: 25px;
        width: 100%
    }

    .primary .menu a:not(.logo-link), .primary .menu button {
        display: inline-block
    }

    .primary .logo-link {
        float: left;
        margin-right: 30px
    }

    .primary .list-header.major {
        display: none
    }

    .primary .left-rail {
        float: left
    }

    .primary .right-rail {
        float: right;
        -ms-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }
    .nav-sub {
            display: none;
            background-color: #000;
            position: fixed;
            top: 85px
        }

        .nav-sub .list-header.major, .nav-sub .mobile, .nav-sub.mobile {
            display: none
        }

        .nav-sub .inner {
            padding: 0 0
        }

        .nav-sub .collapse {
            display: block
        }

        .nav-sub .column {
            float: left;
            padding: 10px 20px;
            width: auto
        }

        .nav-sub .column .list-unstyled {
            margin-bottom: 0
        }

        .nav-sub .column:first-of-type {
            padding-left: 0
        }

        .nav-sub .column:last-of-type {
            padding-right: 0
        }

        .nav-sub li {
            margin-bottom: 2px;
            font-size: 14px
        }

        .nav-sub li a {
            font-size: 14px
        }

        .nav-sub .list-header {
            border-bottom: none;
            font-size: 14px;
            margin-bottom: 0;
            padding-bottom: 0;
            padding-left: 0;
            font-weight: 500
        }
}

@media (min-width: 768px) and (max-width: 992px) {
    .primary .menu {
        padding-top: 0
    }

    .primary .menu a:not(.logo-link), .primary .menu button {
        display: none
    }

    .primary .btn-icon {
        margin-right: 20px
    }

    .primary .inner {
        padding: 0 30px;
        width: 100%
    }

    .primary .menu-group {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .primary .right-rail {
        right: 20px
    }

    .primary .left-rail {
        left: 90px
    }

    .primary .hamburger {
        padding-left: 0;
        margin-top: -5px
    }

    .primary .hamburger:after {
        color: #fff
    }

    .primary .search {
        background-color: #000
    }

    .primary .search-active {
        background-color: #63c
    }

    .primary .new-search {
        width: 89px;
        height: 85px;
        position: relative
    }

    .primary .new-search:after, .primary .new-search:before {
        content: " ";
        display: table
    }

    .primary .new-search:after {
        clear: both
    }

    .primary .new-search:after {
        color: #fff;
        content: "\E8B6";
        font-family: "Material Icons";
        position: absolute;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        transition: color .3s;
        font-size: 30px
    }

    .primary .new-search:after:hover {
        color: #51bb3b;
        transition: color .3s
    }

    .primary .question:after, .primary .question[data-search=disabled]:after {
        color: #fff;
        content: "\E8FD";
        font-family: "Material Icons";
        position: absolute;
        top: 22px;
        transition: color .3s;
        font-size: 26px
    }

    .primary .question:after:hover, .primary .search[data-search=enabled]:after {
        color: #51bb3b;
        transition: color .3s
    }

    _::-webkit-full-page-media, _:future, :root .hamburger {
        margin-top: -5px
    }
}

@media (max-width: 991px) {
    .primary {
        height: 66px;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #333
    }

    .primary .inner {
        background-color: #000
    }

    .primary .inner:after, .primary .inner:before {
        content: " ";
        display: table
    }

    .primary .inner:after {
        clear: both
    }

    .primary .hamburger {
        float: left;
        background-color: transparent;
        width: 60px;
        height: 60px;
        border: 0;
        display: block
    }

    .primary .hamburger:after {
        content: "\E5D2";
        font-family: "Material Icons";
        font-size: 48px
    }

    .primary .nav-sub.search-input {
        display: none
    }

    .primary .search-active {
        background-color: #63c;
        padding: 20px 45px 21px 45px
    }

    .primary .menu .opener {
        display: none
    }

    .primary .tablet-nav-actions {
        background: #000;
        float: left;
        width: 25%;
        height: 80px;
        display: none;
        position: relative;
        z-index: 1;
        overflow: hidden
    }

    .nav-sub.button-wrapper.top .hamburger.hamburger-active {
        background-color: #63c
    }

    .nav-sub-wrapper .toggle-icon:before {
        opacity: 0
    }

    .nav-sub-wrapper .toggle-icon button:after {
        color: #63c;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media (max-width: 767px) {
    button:active, button:hover {
        background-color: transparent
    }

    .nav-sub .list-header.major, .question, .search, .sub-header {
        background: 0 0;
        border: 0;
        border-radius: 0;
        padding: 0
    }

    .primary {
        background-color: #c6ecf7;
        z-index: 100
    }

    .primary .inner {
        height: 65px;
        position: relative
    }

    .primary .right-rail {
        right: 0
    }

    .primary .btn-icon, .primary .btn-monochromatic, .primary .btn-primary-outline, .primary .btn-transparent {
        display: none
    }

    .primary .btn-purple {
        margin-right: 5px
    }

    .primary .hamburger, .primary .logo-link, .primary .right-rail {
        -ms-transform: translateY(-50%);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .primary .hamburger {
        left: -10px
    }

    .primary .hamburger:after {
        color: #fff;
        font-size: 36px
    }

    .primary .search {
        display: none
    }

    .primary .search-active {
        background-color: #63c
    }

    .primary .logo-link {
        margin-top: 8px;
        left: 64px;
        width: 100px
    }

    .primary .logo-link img {
        margin-top: 0
    }

    .primary .login {
        display: none
    }

    .primary .open-account-header {
        margin-right: 15px;
        padding: 5px 15px;
        font-size: 15px;
        line-height: 21px
    }

    .primary .mobile-button {
        padding: 8px 12px;
        margin: 10px 19px 10px 0;
        font-size: 10px;
        font-weight: 700
    }

    _::-webkit-full-page-media, _:future, :root .hamburger {
        margin-top: 0
    }

    _::-webkit-full-page-media, _:future, :root .logo-link {
        margin-top: -1px
    }
}

@media (min-width: 768px) {
    .primary .menu-group {
        top: 52.6%
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 767px),(-ms-high-contrast: none) and (max-width: 767px) {
    .primary .logo-link {
        margin-top: 4px
    }
}

.nav-sub-wrapper.navsubwrapper-open {
    display: block
}

@media (max-width: 991px) {
    .nav-sub-wrapper {
        background-color: #000;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        position: fixed;
        top: 50px;
        width: 80%;
        z-index: 10;
        height: 100%;
        display: none
    }

    .nav-sub.button-wrapper.top button.search-active {
        background-color: #63c
    }

    .search-box {
        height: 100px;
        font-size: 60px
    }

    .nav-sub {
        width: 100%
    }

    .nav-sub .inner {
        padding-left: 0
    }

    .nav-sub a.clear {
        color: #f2f2f2;
        text-align: right;
        position: absolute;
        right: 5%;
        top: 20px
    }

    .nav-sub p.search-suggestion {
        color: #f2f2f2;
        font-size: 14px;
        padding: 5% 4%
    }

    .nav-sub .search-box {
        z-index: 999;
        outline: 0;
        display: block;
        width: 95%;
        height: 80px;
        padding: 6px 30px;
        font-size: 50px;
        line-height: 1.53846;
        color: #f2f2f2;
        background-color: #000;
        border: 0;
        margin-bottom: -20px;
        margin-top: -9px
    }

    .nav-sub p.search-suggestion {
        color: #9d9ca1;
        padding: 5% 5%;
        border-top: 1px solid #333;
        margin-top: 20px
    }

    .nav-sub ul.search-results {
        padding: 0 5%;
        margin: -5% 0 5%
    }

    .nav-sub ul.search-results li.section {
        color: #9d9ca1;
        font-size: 10px;
        font-weight: 700;
        list-style-type: none;
        padding-top: 5%
    }

    .nav-sub ul.search-results li.result-content {
        color: #9d9ca1
    }

    .nav-sub ul.search-results li.result-highlight {
        color: #fff
    }

    .nav-sub .col-wrapper {
        padding: 0 30px;
        width: 100%
    }

    .nav-sub .col-wrapper:after, .nav-sub .col-wrapper:before {
        content: " ";
        display: table
    }

    .nav-sub .col-wrapper:after {
        clear: both
    }

    .nav-sub .column {
        width: 100%
    }

    .nav-sub .column:first-of-type {
        margin-top: 20px
    }

    .nav-sub .column:last-of-type {
        margin-bottom: 20px
    }

    .nav-sub .column .list-unstyled {
        margin-bottom: 0
    }

    .nav-sub .column ul ul {
        padding-left: 20px
    }

    .nav-sub .column li {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 50px
    }

    .nav-sub .column li.desktop {
        display: none
    }

    .nav-sub .mobile {
        cursor: pointer
    }

media (min-width: 992px) {
    [data-drawer-display=show][data-drawer-num='0'] .nav-sub.nav-0 {
        display: block
    }

    [data-drawer-display=hide][data-drawer-num='0'] .nav-sub.nav-0 {
        display: none
    }

    [data-drawer-display=show][data-drawer-num='1'] .nav-sub.nav-1 {
        display: block
    }

    [data-drawer-display=hide][data-drawer-num='1'] .nav-sub.nav-1 {
        display: none
    }

    [data-drawer-display=show][data-drawer-num='2'] .nav-sub.nav-2 {
        display: block
    }

    [data-drawer-display=hide][data-drawer-num='2'] .nav-sub.nav-2 {
        display: none
    }

    [data-drawer-display=show][data-drawer-num='3'] .nav-sub.nav-3 {
        display: block
    }

    [data-drawer-display=hide][data-drawer-num='3'] .nav-sub.nav-3 {
        display: none
    }

    [data-drawer-display=show][data-drawer-num='4'] .nav-sub.nav-4 {
        display: block
    }

    [data-drawer-display=hide][data-drawer-num='4'] .nav-sub.nav-4 {
        display: none
    }

    [data-drawer-display=show][data-drawer-num='5'] .nav-sub.nav-5 {
        display: block
    }

    [data-drawer-display=hide][data-drawer-num='5'] .nav-sub.nav-5 {
        display: none
    }

    .pointer {
        display: block;
        border-bottom: solid 10px #fff;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        position: absolute;
        bottom: -23px;
        left: 0
    }

    .desktop-search-box {
        position: fixed;
        z-index: 9999;
        min-height: 100px;
        top: 86px;
        background: #fff;
        box-shadow: -8px 4px 12px -2px #000
    }

    .desktop-search-input {
        outline: 0;
        font-size: 60px;
        border: 0;
        color: #333;
        margin: 0 -5px
    }

    .search-notice {
        float: right;
        margin: 3%;
        color: #9d9ca1;
        font-weight: 700
    }

    .desktop-search-suggestions {
        margin: 10px 0 0 -21px;
        color: #9d9ca1;
        font-weight: 700
    }

    .desktop-search-results-list {
        padding: 0 0 0 30px;
        margin: 7px 0 0 -51px
    }

    .desktop-search-results-list a:not([class*=btn-]) {
        color: #9d9ca1
    }

    .desktop-search-results-list li.section {
        list-style-type: none;
        font-size: 11px;
        font-weight: 700
    }

    .desktop-search-results-list li.result-content {
        color: #9d9ca1;
        list-style-type: none
    }

    .desktop-search-results-list li.result-highlight {
        color: #000
    }

    .desktop-search-results-list li.result-description {
        font-size: 10px;
        padding-bottom: 30px;
        list-style-type: none;
        color: #9d9ca1
    }

    .nav-sub {
        display: none;
        background-color: #000;
        position: fixed;
        top: 85px
    }

    .nav-sub .list-header.major, .nav-sub .mobile, .nav-sub.mobile {
        display: none
    }

    .nav-sub .inner {
        padding: 0 0
    }

    .nav-sub .collapse {
        display: block
    }

    .nav-sub .column {
        float: left;
        padding: 10px 20px;
        width: auto
    }

    .nav-sub .column .list-unstyled {
        margin-bottom: 0
    }

    .nav-sub .column:first-of-type {
        padding-left: 0
    }

    .nav-sub .column:last-of-type {
        padding-right: 0
    }

    .nav-sub li {
        margin-bottom: 2px;
        font-size: 14px
    }

    .nav-sub li a {
        font-size: 14px
    }

    .nav-sub .list-header {
        border-bottom: none;
        font-size: 14px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-left: 0;
        font-weight: 500
    }
}

    .nav-sub.mobile .list-header.major {
        text-transform: none
    }

    .nav-sub.mobile .list-header.major a {
        color: #333
    }

    .nav-sub.mobile .list-header.major a:hover {
        color: #9c0;
        transition: color .3s
    }

    .nav-sub .login, .nav-sub .open-account {
        display: block;
        margin: 10px auto;
        text-align: center;
        width: 80%;
        font-weight: 700;
        font-size: 10px;
        letter-spacing: 1px;
        padding: 15px
    }

    .nav-sub .login i.material-icons.person, .nav-sub .open-account i.material-icons.person {
        position: relative;
        margin-left: -24px;
        top: 5px;
        padding-right: 26px
    }

    .nav-sub .list-header.major {
        border-bottom: 1px solid #333;
        color: #fff;
        display: inline-block;
        padding: 20px 30px;
        margin: -5px 0 10px 0;
        position: relative;
        text-align: left;
        width: 100%;
        top: 10px
    }

    .nav-sub button.list-header.major:after, .nav-sub button.list-header.major:before {
        color: #63c;
        font-family: 'Material Icons';
        font-size: 20px;
        position: absolute;
        right: 20px
    }

    .nav-sub button.list-header.major:before {
        content: "\E145"
    }

    .nav-sub button.list-header.major:after {
        content: "\E15B"
    }

    .nav-sub [data-state=hide]:after, .nav-sub [data-state=hide]:before, .nav-sub [data-state=show]:after, .nav-sub [data-state=show]:before {
        transition: opacity .3s
    }

    .nav-sub .active:after {
        opacity: 1
    }

    .nav-sub .active:before {
        opacity: 0
    }

    .nav-sub .sub-header:after {
        content: "\E315";
        font-family: 'Material Icons';
        display: inline-block;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        font-size: 26px;
        color: #fff;
        position: relative;
        top: 8px;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .nav-sub .sub-header.active:after {
        content: "\E315";
        color: red;
        display: inline-block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 26px;
        color: #9c0;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .nav-sub button.sub-header {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 20px;
        text-transform: none;
        padding-top: 15px
    }

    :root .hamburger {
        margin-top: 0 \0/ IE9
    }

    _::-webkit-full-page-media, _:future, :root ul {
        margin-top: 0
    }
}

@media (max-width: 991px) {
    .nav-sub-wrapper {
        bottom: 0;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        z-index: 100;
        display: none
    }

    .nav-sub a.clear {
        color: #f2f2f2;
        text-align: right;
        float: right
    }

    .nav-sub p.search-suggestion {
        color: #f2f2f2;
        font-size: 14px;
        padding: 4% 4%;
        margin-top: 20px;
        border-top: 1px solid #333
    }

    .nav-sub .search-box {
        z-index: 999;
        outline: 0;
        display: block;
        width: 85%;
        height: 70px;
        padding: 20px 15px;
        font-size: 25px;
        line-height: 1.53846;
        color: #f2f2f2;
        background-color: #000;
        border: 0
    }

    .nav-sub ul.search-results {
        padding: 0 4%;
        margin: 4% 0
    }

    .nav-sub ul.search-results li.section {
        color: #9d9ca1;
        font-size: 10px;
        font-weight: 700;
        list-style-type: none;
        padding-top: 5%
    }

    .nav-sub ul.search-results li.result-content {
        color: #9d9ca1
    }

    .nav-sub ul.search-results li.result-highlight {
        color: #fff
    }

    .nav-sub.button-wrapper.top {
        background-color: #000;
        border-bottom: 1px solid #333
    }

    .nav-sub.button-wrapper.top .inner {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%
    }

    .nav-sub.button-wrapper.top button {
        height: 80px;
        width: 33%;
        font-weight: 100
    }

    .nav-sub.button-wrapper.top button:last-child {
        width: 32%
    }

    .nav-sub .search-active {
        background-color: #63c;
        margin-left: 11px
    }

    .nav-sub.button-wrapper.top .hamburger {
        margin: 0 -9px 0 -6px;
        border-radius: 0
    }

    .nav-sub.button-wrapper.top .hamburger-active {
        margin: 0 -9px 0 0
    }

    .nav-sub.button-wrapper.top .hamburger:before, .nav-sub.button-wrapper.top .question:before, .nav-sub.button-wrapper.top .search:before {
        color: #fff;
        font-family: "Material Icons";
        font-size: 30px
    }

    .nav-sub.button-wrapper.top .hamburger:before {
        content: "\E5D2"
    }

    .nav-sub.button-wrapper.top .search:before {
        content: "\E8B6"
    }

    .nav-sub.button-wrapper.top .question:before {
        content: "\E8FD";
        padding-right: 10px
    }

    .nav-sub.button-wrapper.bottom {
        background-color: rgba(0, 0, 0, .8);
        padding-bottom: 30px;
        padding-top: 20px
    }

    .nav-sub.button-wrapper.bottom[data-position=absolute] {
        bottom: 0;
        position: absolute;
        z-index: 30
    }

    .nav-sub .list-header.major {
        top: 30px;
        margin-top: -10px
    }

    .nav-sub button.sub-header {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 20px;
        text-transform: none
    }

    .nav-sub .login {
        padding-top: 0
    }

    .nav-sub .login span:before {
        color: #a3a3a3;
        content: "\E7FD";
        font-family: "Material Icons";
        font-size: 20px;
        left: -5%;
        position: relative;
        top: 4px
    }

    .nav-sub .mobile {
        padding-bottom: 0
    }

    .nav-sub i.material-icons.person {
        margin-left: 75px
    }

    _::-webkit-full-page-media, _:future, :root .inner {
        margin-top: 0
    }
}

.desktop-search-box {
    display: none
}

@media (max-width: 767px) {
    .nav-sub-wrapper {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-sub-wrapper {
        display: none
    }
}

header , footer {
    margin-left : -10px;
    margin-right : -10px
}

.menu-list {
    margin-top: 40px;
    margin-bottom: 100px;
}

:target {
  display: block;
  position: relative;
  top: -95px;
}