﻿.global-header {
    display: block;
    position: relative;
    width: 100%;
    /*height: 55px;*/
    border-bottom: 0;
    padding-bottom: 0px;
    box-shadow: none;
    background-color: #0f426f;
    box-shadow: 0 0 6px 0 #000000;
    z-index: 501;
}

.emergency-message {
    display: block;
    width: 100%;
    background: #FFF200;
    padding: 5px 0px;
    margin: 0px;
}

    .emergency-message .message {
        /*max-width: 60%;*/
        margin: 0px auto;
        padding: 0px 30px;
        text-align: center;
    }

        .emergency-message .message p {
            margin-bottom: 0;
        }

            .emergency-message .message p a {
                color: #00406e;
                text-decoration: underline;
            }

                .emergency-message .message p a:hover {
                    text-decoration: none;
                }

/***************************/
/****** MOBILE HEADER ******/
/***************************/

.global-header .inner-wrapper .small-logo a {
    /*font-size: 29px;
    padding: 13px 0;
    text-align: center;*/
    display: block;
    text-align: center;
    padding: 13px 0;
}

.global-header button {
    border: 0;
    padding: 0 0 0 0;
    margin: 0;
    vertical-align: middle;
}

.global-header .inner-wrapper .small-logo .icon-logo {
    display: block;
    font-size: 29px;
    padding: 13px 0;
    text-align: center;
}

.global-header .inner-wrapper .left-off-canvas-toggle, .global-header .inner-wrapper .quicklink-entry-toggle {
    position: absolute;
    height: 36px;
}

    .global-header .inner-wrapper .left-off-canvas-toggle.menu-entry-toggle {
        top: 10px;
        left: 7px;
    }

    .global-header .inner-wrapper .left-off-canvas-toggle.search-entry-toggle {
        top: 12px;
        right: 55px;
    }

.global-header .inner-wrapper .quicklink-entry-toggle {
    top: 12px;
    right: 15px;
}

.global-header .topspace .search-container, .quicklink-block ul, ul.quickLinkListMobile {
    display: none;
    position: absolute;
    top: 25px;
    right: 0px;
    z-index: 501;
    width: 171px;
    background: #00406f;
    list-style: none;
    padding: 0px;
    margin-left: 0;
    text-align: left;
}

    ul.quickLinkListMobile {
        top: 55px;
    }

    .global-header .icon{
        color: #ffffff;
        font-size: 1.375em;
        padding: 0.4em 0.2em;
        border: 0;
    }

.global-header .left-off-canvas-menu .icon.icon-search {
    color: #0d2142;
}

.left-off-canvas-menu .logo-and-close {
    padding: 10px 0;
}

    .left-off-canvas-menu .logo-and-close .icon {
        font-size: 1.6em;
    }

.left-off-canvas-menu .main-nav li, .left-off-canvas-menu .condensed-audience-nav li {
    border-bottom: 1px solid #ffffff;
}

.left-off-canvas-menu .condensed-audience-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 25px;
}

.left-off-canvas-menu .main-nav li, .left-off-canvas-menu .condensed-audience-nav li {
    padding: 0.25em 0.75em;
}

.left-off-canvas-menu .main-nav li a, .left-off-canvas-menu .condensed-audience-nav li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.875em;
    text-decoration: none;
}

        .left-off-canvas-menu .main-nav li a:hover, .left-off-canvas-menu .condensed-audience-nav li a:hover {
            color: #FFF200;
        }

/*.left-off-canvas-menu .condensed-audience-nav li {
    width: 50%;
    padding: 4px 0px;
}*/

.off-canvas-wrap.move-right {
    position: fixed;
}

.left-off-canvas-menu .action-btn {
    display: block;
    background-color: rgba(151, 201, 60, 1);
    padding: 0.51em 1.16667em;
    color: #fff200;
    margin-bottom: 4px;
}

    .left-off-canvas-menu .action-btn:hover {
        color: #fff;
    }

.left-off-canvas-menu .search {
    position: relative;
    display: block;
    text-align: left;
}

    .left-off-canvas-menu .search fieldset {
        display: block;
    }

    .left-off-canvas-menu .search form {
        display: block;
    }

.left-off-canvas-menu input[type="search"], .left-off-canvas-menu input[type="text"], .left-off-canvas-menu .keywords {
    display: inline-block;
    width: 208px;
    font-size: .7em;
}

.left-off-canvas-menu .search-btn {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
}


/***************************/
/****** MOBILE HEADER ******/
/***************************/




/***************************/
/***** GENERAL HEADER ******/
/***************************/

.global-header .wrapper {
    background-color: none;
    padding: 0 0;
    margin: 0 auto;
    position: relative;
    /*padding: 0.3125em 0;*/
    z-index: 500;
}



    /***************************/
    /********* topspace ********/
    /***************************/

    .global-header .topspace {
        width: 100%;
        height: 26px;
        background: #042c51;
    }

    .global-header .topspace .topspace-inner {
        display: block;
        max-width: 1190px;
        height: 26px;
        margin: 0px auto;
    }

        .global-header .topspace button, .global-header .topspace a.search-btn {
            /*height: 26px;*/
            padding: 2px 8px 2px 8px;
            color: #89bc40;
            text-transform: uppercase;
            font-size: 13px;
        }

        .global-header .topspace button:hover, .global-header .topspace a.search-btn:hover {
            color: #fff;
        }

        .global-header .topspace a.search-btn {
            border: 0;
            margin: 0;
            vertical-align: middle;
        }

        .global-header .topspace .icon {
            position: relative;
            /*color: inherit;*/
            color: #fff;
            font-size: 13px !important;
        }

        .global-header .topspace .icon:hover {
            color: #fff;
        }

    .global-header .topspace .search-quick-container {
        float: right;
        height: 26px;
        text-align: right;
    }

    .global-header .topspace .search-block, .quicklink-block, .gift-block {
        display: inline-block;
        position: relative;
        z-index: 501;
    }

    .global-header .topspace .search {
        text-align: right;
    }

    .global-header .topspace .search-btn {
        background: none;
    }

        .global-header .topspace .search-container fieldset {
            position: relative;
        }

            .global-header .topspace .search-container fieldset button {
                position: absolute;
                z-index: 1000;
                top: 10px;
                right: 5px;
            }

                .global-header .topspace .search-container fieldset button span.icon {
                    color: #042c51;
                    font-size: 15px;
                }

    .global-header .topspace .search-quick-container .nav-right {
        height: 26px;
    }

        .global-header .topspace .search-quick-container .nav-right:last-child {
            border-right: 0;
        }

        .global-header .topspace input[type="text"], .global-header .topspace .keywords {
            font-size: 0.8125em;
            max-width: 100%;
            width: 230px;
            height: 38px;
            background-color: #00406f;
            padding: 0.69231em;
            color: #042c51;
            margin-right: 0px;
            border: 0;
            vertical-align: top;
            background-color: #fff;
            border: 2px solid #ccc;
            margin-bottom: 2px;
        }

    /* for safari */
    .global-header .topspace.search-container input.keywords {
        color: #00406f !important;
    }

    .global-header .topspace .keywords::placeholder {
        color: #00406f;
        opacity: 1;
    }

    .global-header .topspace .keywords::-webkit-input-placeholder {
        color: #00406f;
    }

    .global-header .topspace .keywords:-ms-input-placeholder {
        color: #00406f;
    }

    .global-header .topspace .keywords::-ms-input-placeholder {
        color: #00406f;
    }

    /*.global-header .topspace .quicklink-block ul, .global-header .topspace ul.quickLinkListMobile {
        width: 171px;
        background: #00406f;
        list-style: none;
        padding: 0px;
        margin-left: 0;
        text-align: left;
    }*/

        .global-header .topspace .quicklink-block ul li, .global-header ul.quickLinkListMobile li {
            padding: 7px 0px;
            border-bottom: 1px solid #fff;
        }

            .global-header .topspace .quicklink-block ul li:last-child, .global-header .topspace ul.quickLinkListMobile li:last-child {
                border-bottom: 0;
            }

            .global-header .topspace .quicklink-block ul li:hover, .global-header .topspace ul.quickLinkListMobile li:hover {
                background: #225884;
            }

        .global-header .topspace .quicklink-block ul a, .global-header ul.quickLinkListMobile a {
            color: #fff;
            padding-left: 10px;
        }

    /*.global-header .topspace ul.quickLinkListMobile {
        top: 78px;
        right: 0px;
        left: unset;
    }*/

        /*.global-header .topspace ul.quickLinkListMobile li {
            padding: 3px 0px;
        }*/

            .global-header .topspace .quicklink-block ul li a:hover, .global-header .topspace ul.quickLinkListMobile li a:hover {
                color: #c49435 !important;
            }

    /***************************/
    /********* topspace ********/
    /***************************/



    /***************************/
    /****** upper-wrapper ******/
    /***************************/

    .global-header .upper-wrapper {
        background-color: rgba(15, 66, 111, 1);
    }

    .global-header .inner-wrapper {
        display: block;
        width: 100%;
        max-width: 1190px;
        margin: 0px auto;
        /*border-bottom: 5px solid #c49435;*/
    }

        .global-header .inner-wrapper .logo-and-search a.icon-logo {
            /*font-size: 3.625em;*/
            font-size: 38px;
            margin: auto;
            display: inline-block;
            padding-top: 0.34483em;
            padding-right: 0.34483em;
            padding-bottom: 0.34483em;
            padding-left: 0;
            border-left: 0;
            border-right: 0;
            color: #fff;
            text-align: center;
        }

            .global-header .inner-wrapper .logo-and-search a.icon-logo:hover, .global-header .inner-wrapper .small-logo a.icon-logo:hover {
                text-decoration: none !important;
            }

            .global-header .inner-wrapper .audience {
                float: right;
                margin-top: 25px;
                margin-right: -18px;
                background-color: transparent;
                background-color: unset;
                *zoom: 1;
                filter: unset;
                background-image: none;
                background-size: 100%;
                background-image: none;
                overflow: auto;
                padding: 0px;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #fff;
                border-left: 1px solid #fff;
            }

        .global-header .inner-wrapper .condensed-audience-nav {
            /*padding-top: 0.4em;
            padding-bottom: 0.4em;*/
        }

            .global-header .inner-wrapper .condensed-audience-nav ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .global-header .inner-wrapper .condensed-audience-nav li {
                line-height: 0.8;
                text-align: center;
                padding-left: 0.4em;
                padding-right: 0.4em;
                padding-bottom: 0.2em;
                display: inline-block;
            }

            .global-header .inner-wrapper .condensed-audience-nav a {
                width: 100%;
                color: #ffffff;
                font-size: 0.750em;
                text-transform: uppercase;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0;
                margin-bottom: 0;
                max-width: 1190px;
            }

                .global-header .inner-wrapper .condensed-audience-nav a:hover {
                    color: #fff200;
                    text-decoration: none;
                }

                .global-header .inner-wrapper .headertitan {
                    /*position: absolute;
            right: 0px;*/
                    float: right;
                    z-index: 500;
                    /*height: 98px;*/
                    height: 65px;
                }

    

    .audience nav ul {
        line-height: 0;
    }

    .floating-callouts {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 500;
        text-align: right;
    }

        .floating-callouts a {
            display: block;
            max-width: 200px;
            font-size: 12px;
            color: #0d2142;
            background-color: #89bd40;
            padding: 0.44444em 1.16667em;
            text-transform: uppercase;
            margin-bottom: 4px;
            text-align: center;
        }

            .floating-callouts a:last-child {
                color: #fff;
                background-color: #042c51;
            }

            .floating-callouts a:hover {
                color: #fff !important;
                background-color: #c49435;
            }



    .apply-now-floating {
        display: none;
    }

    /***************************/
    /****** upper-wrapper ******/
    /***************************/



    /***************************/
    /***** main navigation *****/
    /***************************/

.global-header .main-nav-block {
    display: block;
    max-height: 35px;
    /*text-align: center;*/
    background-color: rgba(255, 255, 255, 1);
    border-top: 4px solid #c49435;
    border-bottom: 4px solid #0f426f;
}

.global-header .main-nav-block .main-nav-container {
    display: block;
    max-width: 1190px;
    width: auto;
    height: 25px;
    margin: 0px auto;
}

.global-header .main-nav-block .main-nav-container .scrolling-logo {
    display: none;
}

.global-header .wrapper .main-nav {
    /*background-color: rgba(255, 255, 255, 1);*/
}

.global-header .wrapper .main-nav ul {
    height: 25px;
    margin-left: 0px;
}

.global-header .main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 25px;
}

        .wrapper .main-nav li {
            display: inline-block;
            /*padding: 0.25em 0 0;
        border-bottom: 5px solid transparent;
        transition: border 0.4s ease;*/
        }

.global-header .wrapper .main-nav li a {
    display: block;
    border-left: 2px solid #47566f;
    padding: 6px .5em 4px .5em;
    font-size: 15px;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 14px;
    /*color: #ffffff;*/
}

    .global-header .wrapper .main-nav li a:hover {
        text-decoration: none;
        color: #c49435;
    }

.global-header .wrapper .main-nav li:first-child a {
    border: 0;
    /*padding-left: 0;*/
}

.global-header .wrapper .main-nav li a.current {
    background: #00406f;
    color: #fff;
}

.global-header .wrapper .main-nav li a span {
    height: 15px;
    line-height: 15px;
    padding: 0;
    margin: 0;
    font-size: 15px;
    display: block;
}

.global-header .wrapper .main-nav a {
    color: #00406f;
}

    /***************************/
    /***** main navigation *****/
    /***************************/


.scrolling .global-header {
    position: fixed;
    border-bottom: 0;
}

    .scrolling .global-header .wrapper .main-nav li a {
        border-left: 2px solid #fff;
    }

        .scrolling .global-header .wrapper .main-nav li:first-child a {
            border: 0;
        }

/***************************/
/***** GENERAL HEADER ******/
/***************************/
@media only screen and (min-width: 40.063em) {
    .global-header {
        height: auto;
    }

        .global-header .inner-wrapper .logo-and-search {
            height: 65px;
        }

            .global-header .inner-wrapper .logo-and-search a.icon-logo {
                margin-left: 5px;
            }

    .scrolling .global-header {
        position: fixed;
        border-bottom: 0;
        z-index: 1001;
    }

        .scrolling .global-header .emergency-message, .scrolling .global-header .topspace, .scrolling .global-header .upper-wrapper {
            display: none !important;
        }

    .scrolling .main-nav-block {
        height: 35px;
        border-top: 0;
        border-bottom: 0;
        background: #0f426f url('../images/SPC_white.png') no-repeat 5px 5px;
    }

    .scrolling .main-nav-container {
        height: 35px;
        width: 100%;
        padding: 5px 0 5px 5px;
        background-size: 60px 25px;
    }

    .scrolling .main-nav-container nav.main-nav {
        margin-left: 85px;
    }

    .scrolling .wrapper .main-nav li a {
        
    }

    .scrolling .global-header .wrapper .main-nav li a {
        color: #fff;
        font-size: 12px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 6px;
        margin-bottom: 4px;
    }

    .scrolling .global-header .wrapper .main-nav a span {
        
    }

    .scrolling .global-header .wrapper .main-nav li a span {
        height: 15px;
        line-height: 12px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 48.0625em) {
    .main-nav-block .main-nav-container {
        display: block;
        text-align: center;
    }

    .scrolling .global-header .wrapper .main-nav li a span {
        height: 15px;
        line-height: 15px;
        font-size: 15px;
    }
}

@media only screen and (min-width: 64.063em) {
    .scrolling .global-header .wrapper .main-nav li a {
        font-size: 14px;
    }
}