@font-face {
    font-family: "HelveticaNeueW02-65Medi";
    src: url("../../../assets/fonts/5b4a262e-3342-44e2-8ad7-719998a68134.woff") format("woff");
}


@font-face {
    font-family: "HelveticaNeueW02-55Roma";
    src: url("../../../assets/fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff");
}

@font-face {
    font-family: "HelveticaNeueW02-75Bold";
    src: url("../../../assets/fonts/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff");
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.hide {
    display: none
}

:focus {
    outline: 0
}

input::-moz-focus-inner {
    border: 0
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased
}

body {
    background: #fff;
    font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 100%;
    margin: 0;
    min-width: 600px;
    position: relative
}

.page-wrap.full-width {
    padding: 30px 0
}

::-webkit-input-placeholder {
    color: #202020;
    opacity: 1
}

:-moz-placeholder {
    color: #202020;
    opacity: 1
}

::-moz-placeholder {
    color: #202020;
    opacity: 1
}

:-ms-input-placeholder {
    color: #202020;
    opacity: 1
}

#skip-content {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

#skip-nav {
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    height: 1px;
    height: 0.1rem;
    line-height: 34px;
    line-height: 3.4rem;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    -moz-transition: height 200ms ease-out,background 200ms linear;
    -ms-transition: height 200ms ease-out,background 200ms linear;
    -webkit-transition: height 200ms ease-out,background 200ms linear;
    transition: height 200ms ease-out,background 200ms linear;
    width: 230px;
    z-index: 9999
}

#skip-nav:focus {
    background: #3575B1;
    height: 34px;
    height: 3.4rem
}

.page--left-nav .content {
    margin-left: 235px;
    padding-left: 30px
}

.menu-nav-open .page-wrap {
    height: 100%;
    left: 270px
}

.menu-nav-open .global-footer--wrap {
    left: 270px
}

.menu-nav-open #main {
    height: 100%;
    left: 270px;
    padding-left: 30px;
    position: relative
}

.page-wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 0;
    min-height: 592px;
    padding: 30px;
    position: relative;
    -moz-transition: left 200ms ease;
    -ms-transition: left 200ms ease;
    -webkit-transition: left 200ms ease;
    transition: left 200ms ease
}

.page-wrap *,.page-wrap *:before,.page-wrap *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#main,#modal-box,#simplemodal-container {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

#modal-box {
    font-size: 16px
}

#modal-box #sign-in-form {
    font-size: 10px
}

#modal-box h3 {
    font-size: 13px !important
}

#modal-box p,#modal-box h4,#modal-box .textarea,#modal-box li,#modal-box label,#modal-box div {
    font-size: 12px !important
}

@media only screen and (min-width: 959px) {
    .page-wrap {
        margin:0 auto;
        max-width: 1280px;
        padding: 30px 20px
    }

    .page-wrap.full-width {
        max-width: none
    }
}

.left-nav {
    background-color: #f7f7f7;
    float: left;
    width: 235px
}

.left-nav li {
    border-bottom: 1px solid #fff;
    margin: 0 20px
}

.left-nav li.learn-about {
    border-bottom: 0;
    border-top: 2px solid #e4e4e4;
    margin: -1px 0 0;
    padding: 0 20px
}

.left-nav li.learn-about p {
    color: #333366;
    font-size: 13px;
    line-height: 40px;
    margin-bottom: 0
}

.left-nav li:last-child {
    border-bottom: 0
}

.left-nav .left-nav--link {
    color: #333366;
    display: block;
    font-size: 13px;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.left-nav .left-nav--link.active {
    background-color: #002850;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    margin: -1px -20px;
    padding: 0 20px
}

.left-nav .left-nav--link.active:after {
    background: url(/global-elements/navigation/images/icon-arrow-white@2x.png) no-repeat 0 0;
    background-size: 50%;
    content: '';
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 14px
}

.no-touch .left-nav .left-nav--link:hover,.no-touch .left-nav .left-nav--link:focus {
    background-color: #ececec;
    color: #202020;
    margin: 0 -20px;
    padding: 0 20px
}

.no-touch .left-nav .left-nav--link.active:hover,.no-touch .left-nav .left-nav--link.active:focus {
    background-color: #002850;
    color: #fff;
    margin-top: -1px;
    margin-bottom: -1px
}

.list li {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMC4xNjdweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxMC4xNjcgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAuMTY3IDkiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iIzMzMzM2NiIgY3g9IjUuMTU3IiBjeT0iNC40NjkiIHI9IjIuMjYiLz48L3N2Zz4=) no-repeat 4px 4px;
    margin-bottom: 12px;
    padding-left: 20px
}

.ordered-list {
    list-style-type: decimal;
    margin-left: 15px;
    padding-left: 10px
}

.ordered-list li {
    margin-bottom: 12px
}

.input--wrap {
    background-color: #ebebeb;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px 0px #8f8f8f;
    display: inline-block;
    height: 40px;
    height: 4rem;
    position: relative;
    text-indent: 15px;
    width: 330px
}

.input--wrap--alternate-background {
    background-color: #fff
}

.input--field {
    background: transparent;
    border: 0;
    color: #202020;
    display: inline-block;
    font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    height: 40px;
    height: 4rem;
    line-height: 20px;
    line-height: 2rem;
    outline: 0;
    margin: 0;
    padding: 10px 0;
    -webkit-appearance: none;
    width: 83%
}

@media only screen and (min-width: 959px) {
    .input--wrap--alternate-background {
        background-color:#ebebeb
    }
}

@media only screen and (max-width: 601px) {
    .content {
        padding-left:30px
    }

    .page--left-nav .content {
        margin-left: 185px
    }

    .page-wrap {
        padding-left: 0
    }

    .page--navigation,.left-nav {
        width: 185px
    }

    .left-nav .left-nav--link.active:after {
        right: 5px
    }
}