@media screen {
    /* linted on 4/15/2015 (EHD)
    /** ========================================================================== */
    /** NAVIGATION 
    /*========================================================================== */

    /* prevent flash of navs before the javascript loads */
    .gel-search-wrapper,
    .gel-nav-main ul {
        display: none;
        position: absolute;
        /*overflow: hidden;*/ /*Fix for Chrome 45 being stupid*/
        right: 99999px;
    }

    /* basic definitions specific to no javascript */
    .gel-nav-nojs .gel-logo,
    .gel-nav-nojs .gel-logo a {
        display: block;
        float: none;
        background-color: #000000;
        background-image: none;
    }

    .gel-nav-nojs .gel-nav-main {
        display: block;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
    }

        .gel-nav-nojs .gel-nav-main ul,
        .gel-nav-nojs .gel-nav-main .nav-ul-1,
        .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) ul,
        .gel-nav-nojs .gel-nav-main:not(.gel-nav-task):not([data-navclass="nav-lonelyone"]) .nav-ul-1 {
            position: relative;
            display: block;
            width: 100%;
            list-style: none;
            margin: 0;
            right: auto;
        }

        /* don't give a background if the nav is an orphan and lives in the upper header */
        .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]) .nav-ul-1 {
            background: url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg") repeat scroll 0 0 #54585A;
        }

        .gel-nav-nojs .gel-nav-main li,
        .gel-nav-nojs .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-li-1 {
            float: none;
        }

        .gel-nav-nojs .gel-nav-main .nav-li-1 {
            border-top: 1px solid transparent; /* FF boxmodel fix */
            border-bottom: 1px solid #000000;
        }

        .gel-nav-nojs .gel-nav-main a[href="#"]:hover {
            color: #e6e6e6;
            cursor: text;
        }

    .gel-nav-toggle,
    .gel-nav-nojs .gel-nav-toggle,
    .gel-nav-nojs .gel-nav-toggle:after {
        display: none;
    }


    .nojs .gel-search-wrapper {
        display: block;
        max-height: 64px;
        padding-top: 16px;
    }

    .nojs .nocoreaside .gel-search-wrapper {
        padding-top: 0;
    }

    .nojs .gel-nav-panel.gel-nav-task {
        position: static;
    }

    /*========================================================================== */
    /* shared definitions applied to no javascript situations as well as scripted */

    .gel-nav-main li {
        font-size: 13px;
        position: relative;
        margin: 0;
    }

        .gel-nav-main li[class^="icon"] > a:after,
        .gel-nav-main li[class*=" icon"] > a:after {
            display: none;
        }

    .gel-nav-main[data-navclass='nav-lonelyone'] .nav-ul-1 {
        display: block;
        overflow: visible;
        right: auto;
    }

    .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-ul-1 {
        right: 0;
        left: auto;
    }

    .gel-nav-main .iconhome { /* do not display the home link on mobile */
        display: none;
    }

    .gel-nav-main a {
        display: block;
        padding: 0 16px;
        line-height: 32px;
        line-height: 2rem;
        color: #e6e6e6;
        text-decoration: none;
    }

        .gel-nav-main a:hover {
            color: #ffffff;
        }

        .gel-nav-main a:focus {
            outline: 1px dotted #e6e6e6;
        }

            .gel-nav-main a:focus:active {
                outline: none;
            }

    .gel-nav-main li:hover > a,
    .gel-nav-main li > a:hover {
        border-left-color: #e6e6e6;
        background: #272929 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/4mzctrmhtu23g_echachuw.jpg");
    }

    .gel-nav-main .nav-li-1 > a {
        padding-left: 20px; /* 4px border + 16 */
        line-height: 48px;
        line-height: 3rem;
        font-weight: bold;
        text-transform: uppercase;
        border-left: 4px solid transparent;
    }

    .gel-nav-main .nav-li-1.active > a {
        border-left-color: #61c250;
    }

    /* navtitles for sitemap nav section */
    .gel-nav-main .navtitle {
        font-size: 13px;
        margin-right: 24px; /* force the background line from extending 100% */
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAABCAYAAADXeS5fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpi/Pf39xkGIGBkYmYgBwAEGADs8wPKfPpXLAAAAABJRU5ErkJggg==");
        background-position: center 24px;
        background-repeat: repeat-x;
    }

        .gel-nav-main .navtitle > a {
            padding-left: 24px; /* 20px base of the top level anchor + 4px adjustment for no border */
            line-height: 48px;
            line-height: 3rem;
            font-weight: bold;
            text-transform: uppercase;
            display: inline-block;
            overflow: hidden;
            cursor: text;
            /* hide that background line */
            background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
        }

            .gel-nav-main .navtitle:hover > a,
            .gel-nav-main .navtitle > a:hover {
                background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
                color: #e6e6e6;
                cursor: text;
            }

            /* disallow the outline on the non-active, non-clickable navtitle */
            .gel-nav-main .navtitle > a:hover,
            .gel-nav-main .navtitle > a:active,
            .gel-nav-main .navtitle > a:focus {
                outline: none;
            }

        .gel-nav-main .navtitle li a:hover,
        .gel-nav-main .navtitle li a:active,
        .gel-nav-main .navtitle li a:focus {
            background-image: none;
            background-color: #0072ce;
        }

        .gel-nav-main .navtitle > ul {
            margin-left: 12px;
        }

    /*========================================================================== */
    /* javascript enabled definitions*/
    .gel-nav-main:not([data-navclass='nav-lonelyone']):not([data-navclass='nav-no-children']) ul,
    .gel-nav-main:not(.gel-nav-task):not([data-navclass='nav-lonelyone']) .nav-ul-1 {
        display: none;
        position: absolute;
        /*overflow: hidden;*/ /*Fix for Chrome 45 being stupid */
        right: 99999px;
    }

    header.page.gel-nav-js,
    .header.page.gel-nav-js {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        max-height: 64px;
    }

    .utilitymaster .gel-nav-js ~ .gel-content,
    .gel-nav-js ~ .gel-content {
        margin-top: 64px; /* height of banner */
    }

    .gel-nav-js .gel-logo:not(.nav-nextislonely) {
        position: absolute;
        float: none;
        left: 64px;
    }

    /* navigation when opened */
    .gel-nav-main.gel-nav-collapse.opened {
        position: relative;
        top: 64px;
        left: 0;
        max-height: none;
        display: block;
    }

        .gel-nav-main.gel-nav-collapse.opened .nav-ul-1 {
            display: block;
            -webkit-overflow-scrolling: touch;
            position: absolute;
            left: 0;
            right: auto;
            z-index: 99999;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
            max-width: 516px;
            max-width: 100vw;
            max-height: 576px;
            max-height: calc(100vh - 64px);
            background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
            border-bottom: 2px solid #272929;
        }

    .gel-nav-collapse.opened > ul,
    .gel-nav-collapse.opened .gel-nav-dropdown.gel-nav-opened ul {
        position: relative;
        right: auto;
        min-width: 256px;
    }

        .gel-nav-collapse.opened > ul > .gel-nav-opened {
            position: relative;
            left: 0;
        }

        .gel-nav-collapse.opened > ul > .gel-nav-closed {
            position: absolute;
            left: -99999px;
        }

    /*========================================================================== */
    /*  NAV TOGGLE STYLES */
    .gel-nav-js .gel-nav-toggle {
        display: block;
    }

    .gel-nav-toggle {
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent; /* for some Androids */
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        position: absolute;
        left: 0;
        z-index: 999999;
        min-height: 64px;
        width: 64px;
        color: transparent;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        font-size: 0;
    }

        .gel-nav-toggle:after,
        .gel-nav-main [class^='icon'] > a:after,
        .gel-nav-main [class*=' icon'] > a:after {
            speak: none;
            width: 100%;
            color: #ffffff;
            font-weight: normal;
            font-size: 24px;
            font-family: "Conv_GELWebFontV1-Regular";
            line-height: 64px;
        }

        .gel-nav-toggle:after {
            content: "\2630"; /*  hamburger */
        }

        .gel-nav-toggle:hover,
        .gel-nav-toggle.opened {
            background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
        }

            .gel-nav-toggle.opened:after {
                content: "\24CD"; /* close */
            }

    /* task navigation (typically the account) */
    .gel-nav-panel.gel-nav-task {
        position: absolute;
        top: 0;
        right: 8px;
        left: auto;
    }

    .gel-has-search .gel-nav-panel.gel-nav-task {
        right: 64px;
    }


    .gel-nav-task .gel-nav-toggle {
        right: 0;
        left: auto;
    }

        .gel-nav-task .gel-nav-toggle.opened {
            position: absolute;
            left: auto;
            right: 0;
        }

        .gel-nav-task .gel-nav-toggle:after {
            left: 0;
            content: "\1F464"; /* person */
        }

        .gel-nav-task .gel-nav-toggle.opened:after {
            content: "\24CD"; /* close */
        }


    .gel-nav-task.gel-nav-main.gel-nav-collapse.opened .nav-ul-1 {
        left: auto;
        right: 0;
        overflow: visible;
    }

    .gel-nav-main.gel-nav-task .nav-li-1 > a {
        padding: 0 16px;
        border-left: none;
    }

    /* ------------------------------------------
      MULTIPLE LEVELS
    --------------------------------------------- */
    .gel-nav-dropdown-toggle {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        position: relative;
    }

    .gel-nav-main.gel-nav-task .gel-nav-collapse .gel-nav-dropdown-toggle {
        padding-right: 32px;
    }

    /* put a toggle icon on any multi-level dropdown list items */
    .gel-nav-collapse li > a.gel-nav-dropdown-toggle:after {
        position: absolute;
        font-size: 20px;
        font-family: "Conv_GELWebFontV1-Regular";
        content: "\2c3";
        right: 24px;
    }

    .gel-nav-main .gel-nav-dropdown[class^='icon'] > a:after,
    .gel-nav-main .gel-nav-dropdown[class*=' icon'] > a:after {
        width: auto;
    }

    .gel-nav-collapse .gel-nav-opened > a.gel-nav-dropdown-toggle {
        padding-top: 48px; /* make room for the wayback */
        background: #272929 url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/4mzctrmhtu23g_echachuw.jpg");
    }

        .gel-nav-collapse .gel-nav-opened > a.gel-nav-dropdown-toggle:after {
            content: "";
        }

    /* remove extra wayback padding for task navigation */
    .gel-nav-task .gel-nav-collapse.opened .nav-li-1 > a.gel-nav-dropdown-toggle {
        padding-top: 0;
        padding-right: 48px;
        background-image: none;
    }

    /* wayback span styling */
    .gel-nav-collapse.opened span.gel-nav-categorylist {
        display: none;
    }

    .gel-nav-main.gel-nav-collapse.opened .gel-nav-opened ul {
        display: block;
        position: static;
    }

    .gel-nav-collapse.opened .gel-nav-opened > a > span.gel-nav-categorylist {
        display: block;
        position: absolute;
        top: 0;
        left: -4px; /* cover up the border */
        height: 48px;
        padding-left: 48px;
        width: calc(100% + 4px); /* adjust for the border slipover */
        background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
    }

    .gel-nav-collapse.opened .gel-nav-opened span.gel-nav-categorylist:after {
        position: absolute;
        top: calc(50% - 24px); /* 50% minus the 1/2 height of the list item */
        font-size: 20px;
        font-family: "Conv_GELWebFontV1-Regular";
        width: 100%;
        left: 24px;
        content: "\2c2";
    }

    /** ========================================================================== */
    /** SEARCH 
    /** ========================================================================== */
    .gel-nav-js .gel-search-panel {
        position: absolute;
        top: 0;
        right: 0;
    }

        .gel-nav-js .gel-search-panel .gel-nav-toggle {
            position: absolute;
            display: block;
            right: 0;
            left: auto;
        }

    .gel-search-panel .gel-nav-toggle:after {
        content: "\1F50D";
    }

    .gel-search-panel .gel-nav-toggle.opened:after {
        content: "\24CD";
    }

    .gel-nav-js .gel-search-panel .gel-nav-toggle:hover,
    .gel-search-panel.opened .gel-nav-toggle,
    .gel-search-panel .gel-nav-toggle:hover {
        cursor: pointer;
        background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
    }

    .gel-js .gel-search-wrapper {
        position: absolute;
        right: 999999px;
        opacity: 0;
        overflow: hidden;
        -moz-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
        -o-transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        display: none;
    }

        .gel-js .gel-search-wrapper.opened {
            position: static;
            opacity: 1;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none;
            transform: none;
            display: block;
            padding-top: 16px;
        }

    .gel-search-wrapper {
        padding: 0 16px 16px;
        position: static;
    }

        .gel-search-wrapper form {
            display: block;
            max-width: 768px;
            margin: 0 auto;
        }

        .gel-search-wrapper input,
        .gel-search-wrapper button {
            float: left;
        }

        .gel-search-wrapper button {
            font-family: "Conv_GELWebFontV1-Regular";
            font-size: 20px;
            width: auto;
            max-width: 15%;
        }

    input[type="search"] {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #54585A;
        border: 1px solid #a9abac;
        padding: 0 8px;
        min-height: 36px;
        margin: 1px 16px 0 0;
        width: calc(85% - 16px);
    }

    /* JQuery UI Stuff for Autocomplete */
    /* JQuery is loaded conditionally if the search control uses Autocomplete */
    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #25282A;
        border-top: none;
        background: #ffffff;
        color: #000000;
        cursor: default;
    }

    .ui-menu {
        /*z-index: 9999;*/
        display: block;
        margin: 0;
        margin-top: 26px;
        padding: 0;
        outline: none;
        list-style: none;
    }

        .ui-menu .ui-menu {
            position: absolute;
        }

        .ui-menu .ui-menu-item {
            position: relative;
            margin: 0;
            padding: .5em;
            min-height: 0;
            list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
            cursor: pointer;
            /* support: IE10, see #8844 */
            /* support: IE7 */
        }

            .ui-menu .ui-menu-item:first-of-type {
                padding-top: 0;
            }

            .ui-menu .ui-menu-item:hover {
                background: #0072ce;
                color: #ffffff;
            }
}

/* mobile buttonized nav element */
.gel-nav-main .gel-nav-btn > a,
.gel-nav-main .nav-li-1.gel-nav-btn > a {
    white-space: nowrap;
    font-size: 13px;
    color: #e6e6e6;
    text-transform: none;
    margin: 16px 8px;
    padding: 0 16px;
    height: auto;
    line-height: 32px;
    border: 1px solid #7f8283;
    border-radius: 2px;
}

    .gel-nav-main .nav-li-1.gel-nav-btn > a:hover {
        color: #ffffff;
        background: none;
        border-color: #54585a;
    }

.gel-nav-main .gel-nav-btn.gel-nav-actn-btn > a {
    background: #0072ce;
    border-color: #00569b;
}

    .gel-nav-main .gel-nav-btn.gel-nav-actn-btn > a:hover {
        background: #00569b;
    }

/* ========================================================================== */
/*  Desktop navigation 
/* @1024px
	========================================================================== */
@media screen and (min-width:64em) {

    /* reset header regardless of navigation status */
    header.page.gel-nav-js,
    .header.page.gel-nav-js {
        position: relative;
        left: auto;
        right: auto;
    }

    .gel-nav-js ~ #gdcontent {
        position: static;
        margin-top: 16px;
    }

    /* basic definitions specific to no javascript */
    .gel-nav-nojs .gel-nav-main {
        float: left;
        width: auto;
        background-color: transparent;
        background-image: none;
    }

    .gel-nav-nojs .gel-nav-panel.gel-nav-task {
        float: right;
    }

    .gel-nav-nojs .gel-nav-main .nav-ul-1 ul,
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .nav-ul-1 ul {
        right: 99999px;
        position: absolute;
    }

    .gel-nav-nojs .gel-nav-main .nav-li-1,
    .gel-nav-nojs .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-li-1 {
        float: left;
        border-bottom: none;
    }

        .gel-nav-nojs .gel-nav-main .nav-li-1 > a,
        .gel-nav-nojs .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-li-1 > a {
            border-top: 4px solid transparent;
            line-height: 60px;
        }

    /** ====================================================================== */
    /** SEARCH 
    ========================================================================== */
    .gel-search-panel {
        position: static;
    }

        .gel-search-panel .gel-nav-toggle {
            border-left: 1px solid #1a1a1a;
        }

    /** ====================================================================== */
    /** desktop triggered 
    ========================================================================== */

    /* TODO: need to handle for the logo if the main navigation is not collapsed at this point */
    .gel-nav-js .gel-logo:not(.nav-nextislonely),
    .gel-nav-js .gel-logo,
    .gel-nav-nojs .gel-logo {
        position: static;
        float: left;
        min-width: 256px;
    }

    .gel-nav-dt .gel-nav-main:not([data-navclass="nav-lonelyone"]) .nav-ul-1 {
        display: block;
        position: static;
        overflow: visible;
    }

    .gel-nav-dt .gel-nav-collapse {
        display: block;
        position: relative;
        right: auto;
        left: auto;
        top: auto;
    }

    /* hide mobile trigger zones */
    .gel-nav-dt .gel-nav-categorylist,
    .gel-nav-dt .gel-nav-toggle {
        display: none;
    }

    /* header panels initiation */
    .gel-nav-dt:not(.gel-nav-task) {
        position: static;
        margin-left: 0;
        float: left;
    }


    /* set up icon blocks */
    .gel-nav-dt .gel-nav-main li[class^="icon"] > a:after,
    .gel-nav-dt .gel-nav-main li[class*=" icon"] > a:after {
        display: inline;
    }

    /* if it has an icon, but it also has text, then place the icon on the left */
    .gel-nav-dt .gel-nav-main li[class^="icon"]:not(.icononly) > a,
    .gel-nav-dt .gel-nav-main li[class*=" icon"]:not(.icononly) > a {
        padding-left: 48px;
    }

        .gel-nav-dt .gel-nav-main li[class^="icon"]:not(.icononly) > a:after,
        .gel-nav-dt .gel-nav-main li[class*=" icon"]:not(.icononly) > a:after {
            position: absolute;
            left: 12px;
        }

    .gel-nav-dt .gel-nav-main li.gel-nav-btn[class^="icon"]:not(.icononly) > a:after,
    .gel-nav-dt .gel-nav-main li.gel-nav-btn[class*=" icon"]:not(.icononly) > a:after {
        line-height: 32px;
    }

    .gel-nav-dt .gel-nav-main .nav-li-1.icononly {
        color: transparent;
        font-size: 0;
        font-weight: normal;
        padding: 0;
        display: block;
    }

        .gel-nav-dt .gel-nav-main .nav-li-1.icononly.iconhome {
            left: -64px;
            position: absolute;
        }


        .gel-nav-dt .gel-nav-main .nav-li-1.icononly a {
            padding: 0;
            height: 64px;
            width: 64px;
            position: relative;
            overflow: hidden;
        }

            .gel-nav-dt .gel-nav-main .nav-li-1.icononly a:after {
                speak: none;
                position: absolute;
                width: 64px;
                height: 64px;
                text-align: center;
                line-height: 60px; /* box height minus top border width */
            }

        .gel-nav-dt .gel-nav-main .nav-li-1.icononly.iconhome a:after {
            content: "\2302";
            color: #a9abac;
        }

    /* set up icons on list items */
    .gel-nav-dt .gel-nav-main .iconacct > a:after {
        content: "\1F464";
    }

    .gel-nav-dt .gel-nav-main .iconsub > a:after {
        content: "\1F4DD";
    }

    /* set up list items */
    .gel-nav-dt .gel-nav-main ul li {
        position: relative;
    }

    .gel-nav-dt .gel-nav-main .nav-li-1 {
        float: left;
        width: auto;
        border-right: 1px solid #1a1a1a;
    }

        .gel-nav-dt .gel-nav-main .nav-li-1:first-of-type {
            border-left: 1px solid #1b1b1b;
        }


        .gel-nav-dt .gel-nav-main .nav-li-1:not(.gel-nav-btn) > a {
            border-left: none;
            border-top: 4px solid transparent;
            line-height: 60px;
        }

        .gel-nav-dt .gel-nav-main .nav-li-1.active > a {
            border-top-color: #61c250;
        }

        .gel-nav-dt .gel-nav-main .nav-li-1 > a:hover,
        .gel-nav-dt .gel-nav-main .nav-li-1.gel-nav-opened > a.gel-nav-dropdown-toggle {
            background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
            border-top-color: #e6e6e6;
        }

        .gel-nav-dt .gel-nav-main .nav-li-1 .nav-ul-2 {
            background: #54585A url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg");
            position: absolute;
            right: 99999px;
            min-width: 256px;
            top: 54px;
            opacity: 0;
            -moz-transform: translate3d(0, -5%, 0);
            -ms-transform: translate3d(0, -5%, 0);
            -o-transform: translate3d(0, -5%, 0);
            -webkit-transform: translate3d(0, -5%, 0);
            transform: translate3d(0, -5%, 0);
            display: none; /* hide from text-readers to enforce tabbing / focus functionality */
        }

    .gel-nav-dt .gel-nav-main .nav-ul-2 a {
        line-height: 1.5;
        padding: 8px;
    }

    .gel-nav-nojs .gel-nav-main .nav-li-1:hover .nav-ul-2,
    .gel-nav-nojs .gel-nav-main .nav-li-1 a:hover + .nav-ul-2,
    .gel-nav-dt .gel-nav-main.gel-nav-collapse .nav-li-1.gel-nav-opened ul {
        display: block;
        left: 0;
        right: auto;
        top: 64px;
        z-index: 9999999;
        padding: 16px;
        border: 1px solid #1a1a1a;
        border-top: none;
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .gel-nav-dt .gel-nav-main.gel-nav-task.gel-nav-collapse .nav-li-1.gel-nav-opened ul {
        left: auto;
        right: 0;
    }

    .gel-nav-dt .gel-nav-main.gel-nav-collapse .gel-nav-opened .nav-ul-2 ul {
        position: static;
        padding: 0;
        border: none;
    }

    .gel-nav-dt .gel-nav-main .navtitle {
        background-position: center 24px;
        margin: 0 0 16px;
    }

    .gel-nav-dt .gel-nav-main a[href="#"]:hover {
        cursor: pointer;
    }

    .gel-nav-dt .gel-nav-main .navtitle > a {
        line-height: 32px;
        line-height: 2rem;
    }

    /*.nojs .gel-nav-main[data-navclass='nav-has-children'] .nav-li-1 > a,*/
    .gel-nav-nojs .gel-nav-main[data-navclass='nav-has-children'] .nav-li-1 > a,
    .gel-nav-dt .gel-nav-main li:not(.navtitle) > a.gel-nav-dropdown-toggle {
        padding-top: 0;
        padding-right: 48px;
    }

    /*.nojs .gel-nav-main[data-navclass='nav-has-children'] .nav-li-1:not(.icononly) > a:after,*/
    .gel-nav-nojs .gel-nav-main[data-navclass='nav-has-children'] .nav-li-1:not(.icononly) > a:after,
    .gel-nav-dt .gel-nav-collapse li > a.gel-nav-dropdown-toggle:after {
        font-size: 13px;
        position: absolute;
        right: 16px;
        content: "\02c5";
        opacity: 0.5;
        -moz-transform: scale(2,1);
        -ms-transform: scale(2,1);
        -o-transform: scale(2,1);
        -webkit-transform: scale(2,1);
        transform: scale(2,1);
    }

    .gel-nav-nojs .gel-nav-dropdown > .gel-nav-dropdown-toggle:hover:after,
    .gel-nav-dt .gel-nav-collapse > ul > .gel-nav-opened > a.gel-nav-dropdown-toggle:after {
        content: "\02c4";
    }

    .gel-nav-dt .gel-nav-main .navtitle > a:after {
        display: none;
        content: "";
    }

    /* desktop buttonized nav element */
    .gel-nav-dt .gel-nav-main .gel-nav-btn,
    .gel-nav-dt .gel-nav-main .gel-nav-btn:first-of-type {
        border: none;
    }

        .gel-nav-dt .gel-nav-main .gel-nav-btn > a,
        .gel-nav-dt .gel-nav-main .nav-li-1.gel-nav-btn > a {
            position: relative;
        }

    /** ====================================================================== */
    /** Task nav  
    ========================================================================== */

    /*  normalize the line height to account for top border */
    .gel-nav-dt .gel-nav-task .gel-nav-main li[class^="icon"] > a:after,
    .gel-nav-dt .gel-nav-task .gel-nav-main li[class*=" icon"] > a:after {
        line-height: 60px;
    }

    .gel-nav-dt .gel-nav-task .gel-nav-main li.gel-nav-btn[class^="icon"] > a:after,
    .gel-nav-dt .gel-nav-task .gel-nav-main li.gel-nav-btn[class*=" icon"] > a:after {
        line-height: 32px;
    }

    /** ====================================================================== */
    /** megamenu multi columns 
    ========================================================================== */
    .gel-nav-max2cols .nav-ul-2,
    .gel-nav-max3cols .nav-ul-2,
    .gel-nav-max4cols .nav-ul-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .gel-nav-max2cols li,
    .gel-nav-max3cols li,
    .gel-nav-max4cols li {
        /*overflow: hidden;*/ /*Chrome 45 is being stupid*/ /* fix for Firefox */
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        -ms-column-break-inside: avoid; /* legacy IE */
        page-break-inside: avoid; /* Firefox */
        -webkit-break-inside: avoid;
        break-inside: avoid; /* IE 10+, W3C */
    }
}

/* @1280px
	========================================================================== */
@media screen and (min-width:80em) {


    /** ====================================================================== */
    /** megamenu multi columns 
    ========================================================================== */
    .gel-nav-max2cols .nav-ul-2,
    .gel-nav-max3cols .nav-ul-2,
    .gel-nav-max4cols .nav-ul-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        width: 650px;
    }

    /* safari css column fix */
    .modcsscolumns .gel-nav-dt .gel-nav-max2cols .nav-ul-2,
    .modcsscolumns .gel-nav-dt .gel-nav-max3cols .nav-ul-2,
    .modcsscolumns .gel-nav-dt .gel-nav-max4cols .nav-ul-2 {
        min-width: 650px;
        width: auto;
    }
}

/*  5 columns (4 columns + news)
	@1536px
	========================================================================== */
@media screen and (min-width:96em) {

    /** ====================================================================== */
    /** megamenu multi columns 
    ========================================================================== */
    .gel-nav-max3cols .nav-ul-2,
    .gel-nav-max4cols .nav-ul-2 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        width: 768px;
    }

    /* safari CSS columns fix */
    .modcsscolumns .gel-nav-dt .gel-nav-max3cols .nav-ul-2,
    .modcsscolumns .gel-nav-dt .gel-nav-max4cols .nav-ul-2 {
        min-width: 768px;
        width: auto;
    }
}