nav .main-nav li + li, 
nav .sub-nav li + li {
    margin-top: 0;
}

.complaints-hub .saved-pages-component {
    margin-top: -18px;
    margin-bottom: 145px !important;
}

.complaints-hub .task-breadcrumbs {
     height: auto; 
     overflow: visible; 
     transform: none;
     position: relative; 
     z-index: 1;
}

.complaints-hub .task-container__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.complaints-hub .task-container__box {
    width: 100%;
    background-color: #EBEBEB
}

.complaints-hub .content__title h2 {
    font-size: 20px;
    padding-left: 25px
}

.complaints-hub .banner--violet h1 {
    font-size: 20px;
    margin-bottom: 10px
}

.complaints-hub .banner--violet .content {
    font-size: 14px;
}

.complaints-hub .banner--violet a {
    font-size: 16px
}

.complaints-hub .banner--violet {
    border: 1px solid #642566;
    background-color: #642566
}

.complaints-hub .banner--violet .content {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 33px;
    color: #fff;
    font-size: 20px;
    padding-right: 15%;
    position: relative;
    height: 100%
}

.complaints-hub .banner--violet h1 {
    color: #fff;
    font-size: 35px
}

.complaints-hub .banner--violet a {
    color: #fff;
    font-size: 20px;
    text-decoration: underline;
    padding: 15px 0 20px 0;
    display: inline-block
}

.complaints-hub a i {
    padding-left: 10px
}

.complaints-hub button {
    border: none;
    text-align: left
}

.complaints-hub .task-container__row {
    padding-top: 2px
}

.complaints-hub .task-container__row--small {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 2px 
}

.complaints-hub .task-container__row--small .taskgrid__content__text p {
    padding-right: 20%;
    padding-left: 10%
}

.complaints-hub .task-container__box {
    padding-left: 10px;
    margin-bottom: 5px;
    border-left: 5px solid
}

.complaints-hub .task-container__box i::before {
    content: "\F18E"
}

.complaints-hub .task-container__box.active i::before {
    content: "\F01A"
}

.complaints-hub .taskgrid--phone {
    color: #01376F;
    border-color: #01376F
}

.complaints-hub .taskgrid--phone:hover,
.complaints-hub .taskgrid--phone:focus,
.complaints-hub .taskgrid--phone.active {
    background-color: #01376F;
    color: #fff
}

.complaints-hub .taskgrid--tv {
    color: #18808e;
    border-color: #18808e
}

.complaints-hub .taskgrid--tv:hover,
.complaints-hub .taskgrid--tv:focus,
.complaints-hub .taskgrid--tv.active {
    background-color: #18808e;
    color: #fff
}

.complaints-hub .taskgrid--post {
    color: #6C7B02;
    border-color: #6C7B02
}

.complaints-hub .taskgrid--post:hover,
.complaints-hub .taskgrid--post:focus,
.complaints-hub .taskgrid--post.active {
    background-color: #6C7B02;
    color: #fff
}
.complaints-hub .taskgrid--orange {
    color: #ad2b00;
    border-color: #ad2b00;
}

.complaints-hub .taskgrid--orange:hover,
.complaints-hub .taskgrid--orange:focus,
.complaints-hub .taskgrid--orange.active{
    color: #fff;
    background-color: #ad2b00;
}

.complaints-hub .taskgrid--purple {
    color: #642566;
    border-color: #642566;
}

.complaints-hub .taskgrid--purple:hover,
.complaints-hub .taskgrid--purple:focus,
.complaints-hub .taskgrid--purple.active {
    color: #fff;
    background-color: #642566;
}


.complaints-hub .taskgrid--advisor {
    color: #D93361;
    border-color: #D93361
}

.complaints-hub .taskgrid--advisor:hover,
.complaints-hub .taskgrid--advisor:focus,
.complaints-hub .taskgrid--advisor.active {
    background-color: #D93361;
    color: #fff
}

.complaints-hub .taskgrid-box-landing.taskgrid__content .taskgrid__content__text{
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
}

.complaints-hub .taskgrid-box-landing {
    position: relative;
}

.complaints-hub .taskgrid__content__text {
    /*-webkit-transform: translate(0, -50%);*/
    /*transform: translate(0, -50%);*/
    position: absolute;
    /*top: 50%;*/
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    width: calc(100% - 20px);
    justify-content: space-between;
}

.complaints-hub .taskgrid__content__text p {
    margin-bottom: 0px
}

.complaints-hub .taskgrid__content__text i {
    padding-left: 10px;
    font-size: 25px
}

.complaints-hub .taskgrid-small--red {
    background-color: #D93361;
    width: 25%;
    height: 100px;
    margin-right: 0.5%
}

.complaints-hub .taskgrid__link {
    color: #fff
}

.complaints-hub .external::after {
    content: none
}
/* OFCOMA-91 START*/
.complaints-hub .tabcontent {
    display: none;
    height: 100%;
    order: -1;
     -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    padding-bottom: 30px
}

.complaints-hub .tabcontent.active {
    display: block;
    overflow: hidden
}
/* OFCOMA-91 END*/

.complaints-hub .tabcontent h2 {
    font-size: 30px;
    padding-top: 40px;
    padding-bottom: 40px
}

.complaints-hub .tabcontent .taskgrid__content__text {
    font-size: 16px
}

.complaints-hub .complaints-hub__nav {
    list-style: none;
    margin: 0;
    width: 100%;
    position: relative
}

.complaints-hub .complaints-hub__nav li {
    /*height: 125px;*/
    min-height: 125px;
    width: 100%;
    margin-bottom: 5px
}

.complaints-hub .complaints-hub__nav li .link__block {
    padding-left: 27px;
    padding-right: 27px;
    /*display: inline-block;*/
    display: flex;
    height: 100%;
    min-height: 125px;
    width: 100%;
    position: relative;
    background-color: #EBEBEB
}

.complaints-hub .complaints-hub__nav li .link__block .taskgrid__content__text {
    width: 100%;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
}

.complaints-hub .complaints-hub__nav li a {
    color: #5F5F5F;
    text-decoration: none
}

.complaints-hub .complaints-hub__nav li a:hover,
.complaints-hub .complaints-hub__nav li a:focus,
.complaints-hub .complaints-hub__nav li a .active {
    color: #fff
}

.complaints-hub .complaints-hub__sub-nav,
.complaints-hub .complaints-hub__sub-sub-nav {
    list-style: none;
    margin-left: 0;
    /* height: 100% */
}

.complaints-hub .complaint--phone h2,
.complaints-hub .complaint--phone h3, 
.complaints-hub .complaint--phone h4,
.complaints-hub .complaint--phone a {
    color: #01376F
}

.complaints-hub .complaint--phone .complaints-hub__nav li .link__block.active,
.complaints-hub .complaint--phone .complaints-hub__nav li .link__block:hover,
.complaints-hub .complaint--phone .complaints-hub__nav li .link__block:focus {
    background-color: #01376F;
    color: #fff
}

.complaints-hub .complaint--phone .link__block {
    border-left: 5px solid #01376F;
    color: #01376F
}

.complaints-hub .complaint--tv h2,
.complaints-hub .complaint--tv h3,
.complaints-hub .complaint--tv h4,
.complaints-hub .complaint--tv a {
    color: #18808e
}

.complaints-hub .complaint--tv .complaints-hub__nav li .link__block.active,
.complaints-hub .complaint--tv .complaints-hub__nav li .link__block:hover,
.complaints-hub .complaint--tv .complaints-hub__nav li .link__block:focus {
    background-color: #18808e;
    color: #fff
}

.complaints-hub .complaint--tv .link__block {
    border-left: 5px solid #18808e;
    color: #18808e
}

.complaints-hub .complaint--post h2,
.complaints-hub .complaint--post h3, 
.complaints-hub .complaint--post h4,
.complaints-hub .complaint--post a{
    color: #6C7B02
}

.complaints-hub .complaint--post .complaints-hub__nav li .link__block.active,
.complaints-hub .complaint--post .complaints-hub__nav li .link__block:hover,
.complaints-hub .complaint--post .complaints-hub__nav li .link__block:focus {
    background-color: #6C7B02;
    color: #fff
}

.complaints-hub .complaint--post .link__block {
    border-left: 5px solid #6C7B02;
    color: #6C7B02
}

.complaints-hub .complaint--advisor h2,
.complaints-hub .complaint--advisor h3, 
.complaints-hub .complaint--advisor h4,
.complaints-hub .complaint--advisor a {
    color: #D93361
}

.complaints-hub .complaint--advisor .complaints-hub__nav li .link__block.active,
.complaints-hub .complaint--advisor .complaints-hub__nav li .link__block:hover,
.complaints-hub .complaint--advisor .complaints-hub__nav li .link__block:focus {
    background-color: #D93361;
    color: #fff;
}

.complaints-hub .complaint--advisor .link__block {
    border-left: 5px solid #D93361;
    color: #D93361;
}
/*orange*/

.complaints-hub .complaint--orange h2,
.complaints-hub .complaint--orange h3, 
.complaints-hub .complaint--orange h4,
.complaints-hub .complaint--orange a {
    color: #ad2b00;
}

.complaints-hub .complaint--orange .complaints-hub__nav li .link__block.active,
.complaints-hub .complaint--orange .complaints-hub__nav li .link__block:hover,
.complaints-hub .complaint--orange .complaints-hub__nav li .link__block:focus {
    background-color: #ad2b00;
    color: #fff
}

.complaints-hub .complaint--orange .link__block {
    border-left: 5px solid #ad2b00;
    color: #ad2b00;
}
/*purple*/

.complaints-hub .complaint--purple h2,
.complaints-hub .complaint--purple h3, 
.complaints-hub .complaint--purple h4,
.complaints-hub .complaint--purple a {
    color: #642566;
}

.complaints-hub .complaint--purple .complaints-hub__nav li .link__block.active,
.complaints-hub .complaint--purple .complaints-hub__nav li .link__block:hover,
.complaints-hub .complaint--purple .complaints-hub__nav li .link__block:focus {
    background-color: #642566;
    color: #fff
}

.complaints-hub .complaint--purple .link__block {
    border-left: 5px solid #642566;
    color: #642566;
}

.complaints-hub .introduction {
    font-weight: bold;
    color: #696969
}

.complaints-hub .text {
    color: #696969
}

.complaints-hub .sub-level-nav,
.complaints-hub .sub-sub-level-nav {
    display: none
}

.complaints-hub .sub-level-nav.active,
.complaints-hub .sub-sub-level-nav.active {
    display: block
}

.complaints-hub .visible {
    display: block
}

.complaints-nav {
    position: relative
}

.complaints-hub--phone h2,
.complaints-hub--phone h3,
.complaints-hub--phone h4,
.complaints-hub--phone a {
    color: #01376F
}

.complaints-hub--tv h2,
.complaints-hub--tv h3,
.complaints-hub--tv h4,
.complaints-hub--tv a {
    color: #18808e
}

.complaints-hub--post h2,
.complaints-hub--post h3,
.complaints-hub--post h4,
.complaints-hub--post a {
    color: #6C7B02
}

.complaints-hub--advisor h2,
.complaints-hub--advisor h3,
.complaints-hub--advisor h4,
.complaints-hub--advisor a {
    color: #D93361
}

.complaints-hub--orange h2,
.complaints-hub--orange h3,
.complaints-hub--orange h4,
.complaints-hub--orange a {
    color: #ad2b00;
}

.complaints-hub--purple h2,
.complaints-hub--purple h3,
.complaints-hub--purple h4,
.complaints-hub--purple a {
    color: #642566;
}

.complaints-banner .content {
    padding: 40px 60px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
    position: relative;
    height: 100%
}

.complaints-banner .content h1 {
    color: #fff;
    font-size: 35px
}

.complaints-hub--phone .complaints-banner {
    background-color: #01376F
}

.complaints-hub--tv .complaints-banner {
    background-color: #18808e
}

.complaints-hub--post .complaints-banner {
    background-color: #6C7B02
}

.complaints-hub--advisor .complaints-banner {
    background-color: #D93361
}

.complaints-hub--orange .complaints-banner {
    background-color: #ad2b00;
}

.complaints-hub--purple .complaints-banner {
    background-color: #642566;
}

.complaints-hub .task-items .instructions h2 {
    padding: 20px 0 15px 0;
    color: #333;
}

.complaints-hub .task-items.active .instructions {
    display: none;
}


.task-breadcrumbs.task-breadcrumbs--desktop {
    display: block;
}
.task-breadcrumbs ul {
    padding: 0 0 20px 0;
    color: #666;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
    /* OFCOMA-92 START*/
.task-breadcrumbs li {
    position: relative;
    list-style-type: none;
    margin-right: 4px;
    float: left;
    margin-left: 24px;
}
.task-breadcrumbs li:first-child{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0; 
}
.task-breadcrumbs li:before {
    content: url(/__data/assets/file/0022/217426/Breadcrumb_arrow.svg);
    height: 8px;
    position: absolute;
    width: 8px;
    left: -15px;
    top: 2px;
}
.task-breadcrumbs li:first-child:before {
    content: '';
}
.task-breadcrumbs li a {
    position: relative;
    text-decoration: none;
}
/* OFCOMA-92 END */

/* OFCOMA-91 START*/

@-webkit-keyframes fadeEffect {
    1%  { opacity: 0; }
    10% { opacity: 0.1; }
    20% { opacity: 0.2; }
    30% { opacity: 0.3; }
    40% { opacity: 0.4; }
    50% { opacity: 0.5; }
    60% { opacity: 0.6; }
    70% { opacity: 0.7; }
    80% { opacity: 0.8; }
    90% { opacity: 0.9; }
    100% { opacity: 1; }
}
@keyframes fadeEffect {
    1%  { opacity: 0; }
    10% { opacity: 0.1; }
    20% { opacity: 0.2; }
    30% { opacity: 0.3; }
    40% { opacity: 0.4; }
    50% { opacity: 0.5; }
    60% { opacity: 0.6; }
    70% { opacity: 0.7; }
    80% { opacity: 0.8; }
    90% { opacity: 0.9; }
    100% { opacity: 1; }
}

@media screen and (min-width: 767px) {
    /*.task-breadcrumbs {*/
    /*    display: none*/
    /*}*/
    .complaints-nav {
        position: inital;
        height: auto;
        float: left !important;
        width: 100%;
    }
    .complaints-hub .task-container__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .complaints-hub .task-container__box {
        width: 24.8%;
        margin-right: 0.2%;
        background-color: #EBEBEB;
        border-left: 0
    }
    .complaints-hub .task-container__box:last-of-type {
        margin-right: 0px
    }
    .complaints-hub .complaints-hub__nav {
        /*width: 300px*/
        width: 33%;
    }
    .complaints-hub .complaints-hub__nav li {
        margin-bottom: 0
    }
    .complaints-hub .complaints-hub__nav li .link__block {
        background-color: #fff;
        border: 0 none;
        transition: none;
    }
    .complaints-hub .content__title {
        display: block;
        padding: 20px 0
    }
    .complaints-hub .taskgrid__content__text {
        font-size: 20px;
        font-weight: bold;
    }

    .complaints-hub .banner--violet a {
        bottom: 48px;
        padding: 0;
        margin-top: 20px;
    }
    .complaints-hub .complaint--phone__sub-sub-nav {
        border-left: 3px solid #01376F
    }
    .complaints-hub .complaint--phone .link__block {
        border-color: #5F5F5F;
        color: #5F5F5F
    }
    .complaints-hub .complaint--tv__sub-sub-nav {
        border-left: 3px solid #18808e
    }
    .complaints-hub .complaint--tv .link__block {
        border-color: #5F5F5F;
        color: #5F5F5F
    }
    .complaints-hub .complaint--post__sub-sub-nav {
        border-left: 3px solid #6C7B02
    }
    .complaints-hub .complaint--post .link__block {
        border-color: #5F5F5F;
        color: #5F5F5F
    }
    .complaints-hub .complaint--advisor__sub-sub-nav {
        border-left: 3px solid #D93361
    }
    .complaints-hub .complaint--advisor .link__block {
        border-color: #5F5F5F;
        color: #5F5F5F
    }
    .complaints-hub .complaints-hub__nav,
    .complaints-hub .complaints-hub__sub-nav {
        border-right: 3px solid;
        min-height: 100%;
    }
    .sub-level-nav,
    .sub-sub-level-nav,
    .l3,
    .l4 {
        display: none;
        margin: 0;
        /*width: 300px;*/
        width: 100%;
        top: 0;
        position: absolute;
        /*left: 300px;*/
        left: calc(100% + 3px);
        /* height: 100% */
    }
    .sub-level-nav.active,
    .sub-sub-level-nav.active,
    .l3.active,
    .l4.active {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .task-items {
        position: relative;
        overflow: hidden;
        margin-top: 10px
    }
    .task-container__row.tab {
        display: none
    }
    .task-container__row.tab.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .complaints-hub .complaints-hub__nav,
    .complaints-hub .complaints-hub__sub-nav,
    .complaints-hub .complaints-hub__sub-sub-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: auto
    }
    .l2,
    .l3,
    .l4,
    .l5 {
        margin: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .l2 li a,
    .l3 li a,
    .l4 li a,
    .l5 li a {
        color: white
    }
    .l2.in-view {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    .l3.in-view {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    .l4.in-view {
        -webkit-transform: translateX(200%);
        transform: translateX(200%)
    }
    .l5.in-view {
        -webkit-transform: translateX(300%);
        transform: translateX(300%)
    }
    .content__title {
        display: none
    }
    .complaint--advisor .content__title {
        display: block;
    }    

}

.complaints-hub .content__title h2,
.complaints-hub .tabcontent h2 {
    padding-left: 0;
    font-size: 30px;
    padding-top: 0px;
    padding-bottom: 15px
}

.complaints-hub .banner--violet {
    margin-bottom: 20px
}

.complaints-hub--phone .feature-callout .list-item a h2 {
    color: #01376F;
}
.complaints-hub--tv .feature-callout .list-item a h2 {
    color: #15727E;
}
.complaints-hub--post .feature-callout .list-item a h2 {
    color: #616E02;
}
.complaints-hub--advisor .feature-callout .list-item a h2 {
    color: #C62452;
}
/*.navigation-info {*/
/*    clip-path: inset(100%); */
/*    clip: rect(1px 1px 1px 1px); */
    /* IE 6/7 */ 
/*    clip: rect(1px, 1px, 1px, 1px); */
/*    height: 1px; */
/*    overflow: hidden; */
/*    position: absolute; */
/*    white-space: nowrap; */
/*    width: 1px;*/
/*}*/

/*2021*/
.complaints-hub--advisor-bradcrumb {
    
}
.complains-container .large-4.columns.sidebar .saved-pages-component {
    
}
@media screen and (max-width: 1053px) {
    .page-title-container.collapse.complains-container > .large-8-indent {
        width: 85%;
    }
    .page-title-container.collapse.complains-container > .large-4 {
        width: 14%;
    }
    .page-title-container.collapse.complains-container > .large-4 .page-save {
        margin-top: 0;
    }
    .row.complains-container.complaints-hub.complaints-hub--advisor {
        float: none;
        margin: 0;
    }
}
@media screen and (min-width: 1054px) {
    .complaints-hub--advisor-bradcrumb {
        max-width: 65%;
        float: left;
        margin-left: 1.25rem;
        margin-top: 5px;
    }  
    .complains-container .large-4.columns.sidebar .saved-pages-component {
        margin-bottom: 0;
    }
    .complains-container .large-4.columns.sidebar .saved-pages-component button {
        margin-top: 0;
    }
    .complains-container .large-4.columns.sidebar {
        
    }
    .page-title-container.collapse.complains-container > .large-8-indent {
        padding-right: 15px;
    }
    .complaints-hub.complaints-hub--advisor .sidebar-section h2 {
        margin-top: 0;
    }
}