            /* dont need .fp-image {    display: inline-block;    float: left;}*/
        /* align icon images center */
        
        .tabbedBrowse-accessories-item-image {
            text-align: center;
        }
        /* hide learn more button */
        
        .bc-button-type1 {
            visibility: hidden;
        }
        /* blade header resize and no uppercase */
        
        .brandCampaign .fp-row .fp-subHeader {
            font-size: 3em;
            text-transform: none;
        }
        /*fix space created by anchor*/
        
        p.dcg-why-drop-anchors {
            background: #eee;
            margin: 0;
        }
        /* list style */
        
        .fp-content ul {
            font-weight: 300;
        }
        /*hero link styles*/
        
        a.premium-links {
            font-size: 0.7em;
            line-height: 1.0em;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            margin: 0;
            padding: 1.0em 1.4em;
            display: inline-block;
            text-decoration: none;
            color: #fff;
            border: 1px solid #fff;
            background: rgba(0, 0, 0, 0.3);
            transition: .2s;
            width: 18em;
            text-align: center;
        }
        
        a.premium-links:first-child {
            margin: 0 1.2em 1em 0;
        }
        
        a.premium-links:hover {
            color: #000;
            background: #fff;
        }
        /*remove bottom margin and add padding instead to remove white space*/
        
        .hero-banner-links {
            margin-bottom: 0;
            padding-bottom: 2%;
        }
        /*remove left padding*/
        
        ul#tab-nav {
            padding-left: 0px;
        }
        /* blade button styles */
        
        a.footer-button {
            display: inline-block;
            color: #fff;
            text-decoration: none;
            outline: none;
            background-color: #aaa;
            padding: 8px 30px;
            transition: .2s;
            border: 2px solid #aaa;
            margin-top: 2%;
            width: 13em;
            text-align: center;
        }
        /* blade button hover styles */
        
        a.footer-button:hover {
            color: #aaa;
            text-decoration: none;
            background-color: transparent;
            border: 2px solid #aaa
        }
        /* dont need.why-lenovo-button {    list-style-type: none;    display: inline;}*/
        /* feature icon title styles */
        
        .tabbedBrowse-accessories-item-title {
            font-size: 2rem;
            font-weight: 300;
            margin-top: .75em;
            text-align: center;
        }
        /* feature icon description styles */
        
        .tabbedBrowse-accessories-item-description {
            clear: left;
            font-size: 0.9rem;
            line-height: 1.5;
            font-weight: 600;
            text-align: center;
            color: #555;
        }
        /* feature icon media styles */
        
        .tabbedBrowse-accessories-item-media {
            /* margin: 0 auto;    display: block; */
            max-width: 50%;
        }
        /* dont need.brandCampaign .hero-descriptive-text .hero-description {    font-weight: 300;    color: #fff;}*/
        /* feture icon container width - dont need?.tabbedBrowse-accessories-item-container {        width: 100%    }*/
        /* dont need .ww-learn-more-wrapper {    display: inline-block;    height: 387px}*/
        /* feature icon container styles */
        
        .ww-learn-more {
            list-style: none;
            height: 20%;
            padding-left: 0;
            clear: both;
            display: inline-block;
            width: 100%;
        }
        /* hide header */
        
        .fp-Header {
            visibility: hidden;
        }
        /* hero background color and image */
        
        .hero-container {
            background: #444;
            background-image: url(https://static.lenovo.com/ww/img/data-center/why-lenovo/2017/why-lenovo-background.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 580px;
        }
        /* hero description and list styles */
        
        .hero-content {
            color: #fff;
        }
        /* all hero content styles */
        
        .hero-all-content {
            padding: 8% 5% 0 10%;
            color: #fff;
        }
        /* hero header styles */
        
        .hero-header {
            width: 100%;
            color: #fff;
            font-size: 3em;
            line-height: 1.2em;
            text-align: center;
        }
        /* main nav styles */
        
        .tabs-main {
            background: #fff;
            text-align: center;
            margin-bottom: 0;
            list-style: none;
        }
        /* main nav node styles */
        
        .tab-item {
            display: inline-block;
            padding: .6em 1em 0 1em;
        }
        /* main nav node link text color */
        
        .tab-item a {
            color: #959595;
        }
        /* nav hover styles */
        
        .tab-item:hover {
            border-bottom: 5px solid orange;
            color: #111;
        }
        /* hover nav text styles */
        
        .tab-item a:hover {
            color: #111;
        }
        /* active nav styles */
        
        .tab-item a:active {
            color: #111;
        }
        /*media breakpoint styles */
        /*override to fix content width*/
        
        @media (min-width: 45em) {
            .hero-content {
                width: 100%;
            }
        }
        
        @media (min-width: 51em) {
            /* feature image styles */
            .brandCampaign .fp-row:nth-child(even) .fp-image img {
                float: left;
                padding: 10% 0.5% 5% 18%;
            }
            /* image container width */
            .brandCampaign .fp-row .fp-image {
                width: 35%;
                margin-right: 5%;
            }
            /* content container width */
            .brandCampaign .fp-row .fp-content {
                text-align: left;
                clear: none;
                width: 60%;
            }
            /* feature tagline styles */
            .brandCampaign .fp-row .fp-tagline {
                font-size: 1.6em;
                font-weight: 300;
                text-transform: none;
            }
            .hero-content {
                width: 30em;
                display: table-cell;
                vertical-align: middle;
            }
            .hero-all-content {
                padding: 6.5% 5% 0 10%;
                color: #fff;
            }
            /* feature button spacing */
            a.footer-button.footer-button-left-2 {
                margin-right: 3em;
            }
            a.footer-button.footer-button-left {
                margin-right: 3em;
            }
            /* shorten distance between content and feature icons */
            .brandCampaign .fp-row:nth-child(even) .fp-content {
                float: right;
                padding: 5% 10% 3% 1%;
            }
        }
        /* added css for sticky nav */
        
        .hero-header {
            width: 10em;
            font-size: 3em;
            color: #fff;
            text-align: left;
            padding: 0;
        }
        
        @media (min-width: 51em) {
            .brandCampaign .fp-row:nth-child(odd) .fp-content {
                float: right;
                padding: 5% 3% 3% 10%;
            }
        }
        
        @media (max-width: 50.0em) {
            .hero-header {
                padding: 0.6em 0 0 0;
                width: auto;
                font-size: 2.2em;
            }
        }
        
        div.stickyTabs {
            position: absolute;
            top: 580px;
            width: 100%;
            z-index: 12;
        }
        
        a.sticky-back-to-top {
            position: absolute;
            z-index: 13;
            right: 0;
            top: 6px;
            content: "\f077";
            font-family: FontAwesome;
            text-decoration: none;
            padding: 0.1em 1.2em;
            font-size: 1.5em;
            line-height: 0.2em;
            color: #959595;
            display: none;
            transition: .2s;
        }
        
        a.sticky-back-to-top:hover {
            color: #000;
        }
        /* nav */
        
        #dcg-mobile-nav-trigger {
            display: none;
            text-align: left;
            background: #333;
            padding: 0 0.5em;
        }
        
        @media (max-width: 50.0em) {
            #dcg-mobile-nav-trigger {
                display: block;
            }
        }
        
        #dcg-mobile-nav-trigger span {
            display: inline-block;
            padding: 0.4em 0.5em 0 0.5em;
            margin: 0;
            min-width: 100%;
            color: #fff;
            cursor: pointer;
            text-transform: uppercase;
            font-weight: bold;
        }
        
        #dcg-mobile-nav-trigger span:hover {
            background-color: none;
        }
        
        #dcg-mobile-nav-trigger span i {
            padding: 0.8em 0 0 0;
            float: right;
            display: none;
            font-size: 1.8em;
            line-height: 0.2em;
            min-width: 1.6em;
        }
        
        #dcg-mobile-nav-trigger span i.menu_state {
            display: inline-block;
        }
        
        #dcg-mobile-nav-trigger span img {
            max-height: 52px;
            max-width: 52px;
            margin: 0 -3.0em 0 0;
        }
        
        @media (max-width: 50.0em) {
            ul.tabs-main {
                display: none;
            }
        }
        
        nav#dcg-nav-mobile {
            position: absolute;
            z-index: 11;
            left: 0;
            right: 0;
            display: none;
        }
        
        @media (max-width: 50.0em) {
            nav#dcg-nav-mobile {
                display: block;
            }
        }
        
        nav#dcg-nav-mobile ul {
            display: none;
            list-style-type: none;
            width: 100%;
            height: auto;
            padding: 0;
            margin: 0 auto;
        }
        
        nav#dcg-nav-mobile ul li {
            display: block;
            padding: 0.3em 0;
            margin: 0;
            text-indent: 2.0em;
        }
        
        nav#dcg-nav-mobile ul li>ul {
            padding: 0;
            margin: 0.4em 0 -0.3em 0;
        }
        
        span.mobile-menu-header-grey {
            cursor: default;
            display: block;
            padding: 0.6em 0.3em 0.3em 0.6em;
            margin: 0;
        }
        
        i.fa-caret-down {
            text-indent: -9999px;
            background: #333 url('/medias/gaming-menu-down.svg?context=bWFzdGVyfHJvb3R8NTEwfGltYWdlL3N2Zyt4bWx8aDVjL2gzMi85MjQ1MDE1MjQ0ODMwLnhtbHw0NDUyNWQyNDMwYWVhM2U0MDU1MzRkMWQ4NDk0NWUzNWQ3YTBiODc2MmUzNWIyMjkzOTM1NDkyZWUzMDQwZjdk') no-repeat 12px 10px;
            background-size: 24px 12px;
            margin: 0 0 0.2em 0;
        }
        
        i.fa-caret-up {
            text-indent: -9999px;
            background: #333 url('/medias/gaming-menu-up.svg?context=bWFzdGVyfHJvb3R8NTA3fGltYWdlL3N2Zyt4bWx8aDViL2g1Zi85MjQ1MDE1Mzc1OTAyLnhtbHxlNjNkNzE5MWU0ZGRjOGY5ZmMwYjdmY2ZlMzY5MWI2NWI1OGIxYTY1ZTE1OGE4NWViMjc5NmI5OWIwMTJjYzM5') no-repeat 12px 10px;
            background-size: 24px 12px;
            margin: 0 0 0.2em 0;
        }
        /*mobile adjustments*/
        
        @media (max-width: 76.75em) {
            .tab-item {
                padding: 1.0em 0.5em 0 0.5em;
                font-size: 0.8em;
            }
        }
        
        @media (max-width: 50.0em) {
            .tab-item {
                font-size: 1.0em;
            }
            nav#dcg-nav-mobile ul li {
                padding: 0.7em 0 0 0;
                border-bottom: 1px #ddd solid;
            }
