@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
@import url('//fonts.googleapis.com/css?family=Roboto:100,300,400,500');
/* GlyphaLTW04-55Roman */

@font-face {
    font-family: 'Glypha';
    src: url(./Fonts/Glypha/GlyphaLTW04-55Roman.eot) format('embedded-opentype'), url(./Fonts/Glypha/GlyphaLTW04-55Roman.ttf) format('truetype'), url(./Fonts/Glypha/GlyphaLTW04-55Roman.woff) format('woff'), url(./Fonts/Glypha/GlyphaLTW04-55Roman.woff2) format('woff2');
    font-weight: 400
}

/* GlyphaLTW04-65Bold */

@font-face {
    font-family: 'Glypha';
    src: url(./Fonts/Glypha/GlyphaLTW04-65Bold.eot) format('embedded-opentype'), url(./Fonts/Glypha/GlyphaLTW04-65Bold.ttf) format('truetype'), url(./Fonts/Glypha/GlyphaLTW04-65Bold.woff) format('woff'), url(./Fonts/Glypha/GlyphaLTW04-65Bold.woff2) format('woff2');
    font-weight: 700
}

table p {
    /* margin: 0 !important; */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Source Sans Pro', serif;
}

body {
    min-width: 320px;
    font: 400 16px/1.2 'Source Sans Pro', sans-serif;
    letter-spacing: normal;
    color: #2e2e2e;
}

/* Main content for mobile devides */

@media only screen and (max-width: 767px) {
    .section--bottom p, .section--bottom ul, .section--bottom li, .section--bottom table, .section--bottom td, .section--bottom th, .section--bottom input, .section--bottom button, .section--bottom textarea, .answer-body__html p, .answer-body__html ul, .answer-body__html li, .answer-body__html table, .answer-body__html td, .answer-body__html th, .answer-body__html input, .answer-body__html button, .answer-body__html textarea {
        line-height: 1.3em;
        font-size: 14px;
        color: #2E2E2E;
        font-family: 'Source Sans Pro', serif !important;
        font-weight: regular;
    }
    .section--bottom h1, .section--bottom h2, .section--bottom h3, .section--bottom h4, .section--bottom h5, .section--bottom h6, .answer-body__html h1, .answer-body__html h2, .answer-body__html h3, .answer-body__html h4, .answer-body__html h5, .answer-body__html h6 {
        line-height: 1.4;
        color: #0A5380;
        margin: 1em 0 0.3em 0;
        font-family: 'Source Sans Pro', serif !important;
        font-weight: 600;
    }
    .section--bottom h1+p, .section--bottom h2+p, .section--bottom h3+p, .section--bottom h4+p, .section--bottom h5+p, .section--bottom h6+p, .answer-body__html h1+p, .answer-body__html h2+p, .answer-body__html h3+p, .answer-body__html h4+p, .answer-body__html h5+p, .answer-body__html h6+p, .section--bottom h1+ul, .section--bottom h2+ul, .section--bottom h3+ul, .section--bottom h4+ul, .section--bottom h5+ul, .section--bottom h6+ul, .answer-body__html h1+ul, .answer-body__html h2+ul, .answer-body__html h3+ul, .answer-body__html h4+ul, .answer-body__html h5+ul, .answer-body__html h6+ul {
        margin-top: 0.3em;
    }
    .section--bottom h1, .answer-body__html h1 {
        font-size: 18px;
        line-height: 1.1em;
        color: #0A5380;
        margin: 0.5em 0 1em 0;
        padding-bottom: 0.5em;
        font-family: 'Glypha', serif !important;
        border-bottom: solid 1px #0A5380;
    }
    .section--bottom h2, .answer-body__html h2 {
        font-size: 18px;
        color: #0A5380;
    }
    .section--bottom h3, .answer-body__html h3 {
        font-size: 17px;
        color: #0a5380;
    }
    .section--bottom h4, .answer-body__html h4 {
        font-size: 16px;
        color: #0a5380;
    }
    .section--bottom h5, .answer-body__html h5 {
        font-size: 14px;
        color: #0a5380;
    }
    .section--bottom h6, .answer-body__html h6 {
        font-size: 13px;
        color: #0a5380;
    }
}

@media only screen and (min-width: 768px) {
    .section--bottom body, .section--bottom p, .section--bottom ul, .section--bottom li, .section--bottom table, .section--bottom td, .section--bottom th, .answer-body__html body, .answer-body__html p, .answer-body__html ul, .answer-body__html li, .answer-body__html table, .answer-body__html td, .answer-body__html th {
        line-height: 1.4em;
        font-size: 16px;
    }
    .section--bottom h1, .answer-body__html h1 {
        font-size: 24px;
        font-family: 'Glypha', serif !important;
        color: #0a5380;
        line-height: 1.1;
        margin: .5em 0 1em 0;
        padding-bottom: 0.5em;
        border-bottom: solid 1px #0a5380;
        font-weight: 600 !important;
    }
    .section--bottom h2, .answer-body__html h2 {
        font-size: 22px;
        color: #0a5380;
        font-weight: 600 !important;
    }
    .section--bottom h3, .answer-body__html h3 {
        font-size: 16px;
        color: #0a5380;
        font-weight: 600 !important;
        line-height: 1.1;
    }
    .section--bottom h4, .answer-body__html h4 {
        font-size: 18px;
        color: #0a5380;
        font-weight: 600 !important;
    }
    .section--bottom h5, .answer-body__html h5 {
        font-size: 16px;
        color: #0a5380;
        font-weight: 600 !important;
    }
    .section--bottom h6, .answer-body__html h6 {
        font-size: 15px;
        color: #0a5380;
        font-weight: 600 !important;
    }
}

.section--bottom ul, .answer-body__html ul {
    display: block;
    list-style-type: inherit;
    padding: 0 1.3em;
}

.section--bottom li, .answer-body__html li {
    padding-bottom: 0.3em;
}

.section--bottom table, .answer-body__html table {
    border-collapse: collapse;
    width: 100%;
}

.section--bottom table td, .section--bottom table th, .answer-body__html table td, .answer-body__html table th {
    border: solid 1px #D8D8D8;
    padding: 13px;
}

.section--bottom table th, .answer-body__html table th, .answer-body__html table thead td {
    text-align: left;
    font-weight: 600;
    line-height: 1;
}

.section--bottom table tr.section-header th, .answer-body__html table tr.answer-body__html th {
    background-color: #F2F2F2;
}

.section--bottom table.condensed td, .section--bottom table.condensed th, .answer-body__html table.condensed td, .answer-body__html table.condensed th {
    padding: 7px 5px;
}

.message {
    background: #f8f8f8;
}

.message.is-success {
    border-color: #008719 !important;
}

.message.is-warning {
    border-color: #FF9A0D !important;
}

.message.is-urgent {
    border-color: #AD2323 !important;
}

.message.is-informative, .message {
    font-size: 0.9em !important;
    border-color: #F8F8F8 !important;
    padding: 1em !important;
    margin: 1em 0 !important;
    border-left: solid 5px #0C77BA !important;
}

.message.is-success h1, .message.is-success h2, .message.is-success h3, .message.is-success h4, .message.is-success h5, .message.is-success h6 {
    color: #008719;
}

.message.is-warning h1, .message.is-warning h2, .message.is-warning h3, .message.is-warning h4, .message.is-warning h5, .message.is-warning h6 {
    color: #C55422;
}

.message.is-urgent h1, .message.is-urgent h2, .message.is-urgent h3, .message.is-urgent h4, .message.is-urgent h5, .message.is-urgent h6 {
    color: #AD2323;
}

.message.is-informative h1, .message.is-informative h2, .message.is-informative h3, .message.is-informative h4, .message.is-informative h5, .message.is-informative h6 {
    color: #0C77BA;
}

.fk-btn {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    background-color: white;
    color: #0C77BA !important;
    border-color: transparent;
    padding: 0.25em 0.5em;
    border-radius: 5px;
    margin: 2px 4px 2px 0;
    cursor: pointer;
    font-family: 'Source Sans Pro', serif !important;
}

.fk-btn--sm {
    font-size: 14px !important;
    padding: 0.25em 0.5em;
    line-height: 14px;
}

.fk-btn--lg {
    font-size: 20px !important;
    padding: 0.5em 0.75em;
    line-height: 20px;
}

.fk-btn--xl {
    font-size: 22px !important;
    padding: 0.75em 1.25em;
    line-height: 22px;
}

h2.faq__title {
    font-size: 24px !important;
    color: #0A5380;
    border-bottom: solid 1px #D8D8D8;
}

@media only screen and (max-width: 767px) {
    h2.faq__title {
        border-bottom: none !important;
    }
    .answer-list__answer--open .answer-list__opener {
        padding-bottom: 0px !important;
    }
}

.answer-header__title-text {
    height: 50px;
    padding: 16px;
    color: #121212 !important;
}

.answer-list__opener {
    box-shadow: none !important;
}

.answer-list__answer--open .answer-list__opener {
    border-bottom: 2px solid #d8d8d8;
}

.answer-list__answer--open .answer-list__drop {
    background: white;
}

.TOC-header-info, .for-more-info {
    font-size: 16px;
    color: #2e2e2e !important;
    font-weight: bold;
}

.TOC-links a, .for-more-info a {
    font-size: 14px;
    color: #0C77BA !important;
}

.TOC-panel, .for-more-info {
    background-color: #f2f2f2;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 15px;
}

.answer-content__singlepage {
    padding: 25px 15px;
}

.feedback-survey__title {
    color: #949494 !important;
    padding: 13px 0 13px 13px !important;
}

.modal {
    background: white;
    box-shadow: 0 2px 5px 0 rgba(18, 18, 18, 0.30);
    border-radius: 5px;
}

.modal-header {
    font-size: 18px;
    color: #2e2e2e;
    width: 60px;
    padding: 20px;
}

.modal-body {
    font-size: 13px;
    color: #121212;
    padding: 20px;
}

.modal-footer {
    background-color: #f2f2f2;
    height: 55px;
}

.modal-backdrop {
    background-color: rgba(18, 18, 18, 0.5);
    border-radius: 5px;
}

.secondary-button {
    color: #0C77BA;
    font-size: 15px;
    background: white;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14);
    border-radius: 5px;
}

.primary-button {
    color: white;
    font-size: 15px;
    background: #C55422;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14);
    border-radius: 5px;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, q:before, blockquote:after, q:after {
    content: '';
    content: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    /* display: inline-block;*/
    color: inherit;
    text-decoration: none;
    outline: none;
}

a:active, a:focus {
    outline: 0;
}

/*ul {
  list-style: none;
}*/

input:not([type="radio"]):not([type="checkbox"]), textarea, select, button {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input, textarea, select, button {
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

textarea {
    resize: none;
}

::-ms-expand {
    display: none;
}

::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

::-moz-placeholder {
    opacity: 1;
}

*, *:after, *:before {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

svg path, svg g, svg use {
    fill: inherit !important;
}

/*---- END Reset ------------------------------*/

/*---- Fonts ----------------------------------*/

/*---- END Fonts ------------------------------*/

/*---- Main -----------------------------------*/

html, body {
    min-height: 100%;
}

@media only screen and (max-width: 767px) {
    body {
        background: none;
    }
}

img {
    display: block;
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 1025px) {
    a {
        transition: color 0.15s linear;
    }
    a:hover {
        color: #0eaedc;
    }
}

/*---- Utils ------------------------*/

.mobile-only {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .mobile-only {
        display: block !important;
    }
}

/*---- END Utils --------------------*/

/*---- Branding ---------------------*/

.branding {
    margin-left: 20px;
    display: inline-block;
}

.branding img {
    display: inline-block;
    width: 172px;
    vertical-align: middle;
    height: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .branding {
        font-size: 12px;
        text-align: center;
    }
    .branding img {
        margin: 0;
    }
    .branding span {
        display: block;
    }
    .branding a {
        float: none;
    }
}

/*---- END Branding -----------------*/

/*---- END Main -------------------------------*/

/*---- Sections -------------------------------*/

.section__frame {
    width: 100%;
    max-width: 1100px;
    padding: 0 15px;
    margin: 0 auto;
}

.section__frame--middle, .section__frame--bottom {
    overflow: hidden;
}

.section--top {
    background: linear-gradient(135deg, #0c7b91 0%, #0a5380 100%);
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='//nr-customers.s3.amazonaws.com/customers/fanniemae/images/widget-bg-selling.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//nr-customers.s3.amazonaws.com/customers/fanniemae/images/widget-bg-selling.jpg',sizingMethod='scale')";
}

section:nth-of-type(2) {
    padding: 45px 30px;
    height: 269px;
}

@media only screen and (max-width: 767px) {
    section:nth-of-type(2) {
        height: 190px;
    }
}

.section__content--top {
    max-height: 400px;
}

/*---- END Sections ---------------------------*/

/*---- Grid -----------------------------------*/

.grid:after {
    content: '';
    display: table;
    width: 100%;
    clear: both;
}

.grid__column {
    float: left;
}

.grid__column+.grid__column {
    float: right;
}

.grid__column--small {
    width: 25.54%;
}

.label-page .grid__column--small {
    width: 29.54%;
}

.grid__column--large {
    width: 68.95%;
}

@media only screen and (max-width: 767px) {
    .grid__column {
        width: auto;
    }
    .grid__column, .grid__column+.grid__column {
        float: none;
    }
    .label-page .grid__column--small {
        width: 100%;
    }
}

/*---- END Grid -------------------------------*/

/*---- Sharing --------------------------------*/

.sharing {
    position: relative;
}

/*---- Sharing Opener ---------------*/

.sharing__opener {
    width: 15px;
    height: 17px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background-image: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/icon-share.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.sharing__opener:focus {
    outline: none;
}

/*---- END Sharing Opener -----------*/

/*---- Sharing Drop -----------------*/

.sharing__drop {
    box-shadow: 0px 0px 24px 0px #eee;
    background: #fff;
    white-space: nowrap;
    position: absolute;
    margin-top: 10px;
    top: 100%;
    left: 0;
    border-collapse: separate;
}

.sharing__corner {
    position: absolute;
    overflow: hidden;
    width: 25px;
    height: 15px;
    left: 10px;
    bottom: 100%;
}

.sharing__corner:before {
    box-shadow: 0px 0px 4px 0px #eee;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
    position: absolute;
    background: #fff;
    content: '';
    height: 15px;
    width: 15px;
    z-index: 2;
    top: 8px;
    left: 4px;
    border-collapse: separate;
}

.sharing__item {
    display: inline-block;
    margin: 6px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: none;
}

.sharing__item:focus {
    outline: none;
}

.sharing__icon {
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
}

.sharing__icon:before, .sharing__icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: opacity 0.15s linear;
}

.sharing__icon:after {
    opacity: 0;
}

.sharing__item--email .sharing__icon:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%234a4a4a' d='M29.2 6H2.8c-1 0-1.6.7-1.6 1.6v16.8c0 1 .7 1.6 1.6 1.6h26.4c1 0 1.6-.8 1.6-1.6V7.6c0-1-.7-1.6-1.6-1.6zm-13 14c-.4.2-.6.2-1 0L3.2 7.2H29L16 20zm-5.4-3l-8.4 7.2v-16l8.4 8.8zm1 1l2.6 2.7c.4.4 1 .6 1.3.6.5 0 1-.2 1.3-.6l3.2-3.2v.2l8 7H3.8l8-6.8zm17.6 6L21 16.7l8.5-8.5V24z'/%3E%3C/svg%3E");
}

.sharing__item--email .sharing__icon:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%230eaedc' d='M29.2 6H2.8c-1 0-1.6.7-1.6 1.6v16.8c0 1 .7 1.6 1.6 1.6h26.4c1 0 1.6-.8 1.6-1.6V7.6c0-1-.7-1.6-1.6-1.6zm-13 14c-.4.2-.6.2-1 0L3.2 7.2H29L16 20zm-5.4-3l-8.4 7.2v-16l8.4 8.8zm1 1l2.6 2.7c.4.4 1 .6 1.3.6.5 0 1-.2 1.3-.6l3.2-3.2v.2l8 7H3.8l8-6.8zm17.6 6L21 16.7l8.5-8.5V24z'/%3E%3C/svg%3E");
}

.sharing__item--clipboard .sharing__icon:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%234a4a4a' d='M6.3 2.8c-.3 0-.5.3-.5.6v22.8c0 .3.3.6.6.6h1.8v1.8c0 .3.3.6.6.6h16.8c.3 0 .6-.3.6-.6V10c0-.2 0-.3-.2-.4l-4.2-4.2-.4-.2h-1l-2-2.2-.5-.2H6zM7 4h10.6l1.2 1.2h-10c-.4 0-.6.3-.6.6v19.8H7V4zm2.4 2.4h11.4V10c0 .3.3.6.6.6H25V28H9.4V6.4zm12.6.8l2.2 2.2H22V7.2z'/%3E%3C/svg%3E");
}

.sharing__item--clipboard .sharing__icon:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%230eaedc' d='M6.3 2.8c-.3 0-.5.3-.5.6v22.8c0 .3.3.6.6.6h1.8v1.8c0 .3.3.6.6.6h16.8c.3 0 .6-.3.6-.6V10c0-.2 0-.3-.2-.4l-4.2-4.2-.4-.2h-1l-2-2.2-.5-.2H6zM7 4h10.6l1.2 1.2h-10c-.4 0-.6.3-.6.6v19.8H7V4zm2.4 2.4h11.4V10c0 .3.3.6.6.6H25V28H9.4V6.4zm12.6.8l2.2 2.2H22V7.2z'/%3E%3C/svg%3E");
}

.sharing__item--twitter {
    display: none !important;
}

.sharing__item--facebook {
    display: none !important;
}

/*---- END Sharing Drop -------------*/

@media only screen and (min-width: 1025px) {
    .sharing__item:hover .sharing__icon:before {
        opacity: 0;
    }
    .sharing__item:hover .sharing__icon:after {
        opacity: 1;
    }
}

/*---- END Sharing ----------------------------*/

/*---- Channeling -----------------------------*/

.channeling-bar {
    display: table;
    width: auto;
    margin: 0 auto;
}

.channeling-bar__list {
    display: table-row;
}

.channeling-bar__wrap {
    position: relative;
}

.channeling-bar__item {
    display: table-cell;
    vertical-align: top;
}

.channeling-bar__item:not(.channeling-bar__item--hidden)+.channeling-bar__item {
    padding: 0 0 0 11px;
}

.channeling-bar__item--hidden {
    display: none;
}

.channeling-bar__item--active .channeling-bar__wrap:before {
    display: none;
    background: #0eaedc;
    position: absolute;
    z-index: 1;
    content: '';
    height: 4px;
    right: 0;
    left: 0;
    top: 0;
}

.channeling-bar__item--active .channeling-bar__button {
    color: #0eaedc;
}

.channeling-bar__item--active .channeling-bar__icon:before {
    opacity: 0;
}

.channeling-bar__item--active .channeling-bar__icon:after {
    opacity: 1;
}

.channeling-bar__button {
    background: none;
    position: relative;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    border: none;
}

.channeling-bar__button:focus {
    outline: none;
}

.channeling-bar__icon-wrapper {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
}

.channeling-bar__icon {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
}

.channeling-bar__icon:before, .channeling-bar__icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: opacity 0.15s linear;
}

.channeling-bar__icon:after {
    opacity: 0;
}

.channeling-bar__icon--1:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 45 90'> <g fill='%234a4a4a'> <path id='a' d='M37.68 13.58c0-.04 0-.07-.02-.1v-.02l-.02-.02c0-.02-.03-.05-.05-.07-.1 0-.1-.02-.1-.03l-.1-.04-.05-.02-.1-.02H7.65c-.05 0-.1 0-.12.02-.02 0-.03 0-.04.02-.1 0-.1.02-.1.04l-.07.03-.05.07v18.1c.05.14.2.22.3.22h29.7c.14 0 .27-.08.32-.2v-.12h.02V13.56zm-1.18.34l-14 12.77-14-12.8h28zm-28.52.42l8.95 8.16-8.95 8.16V14.34zm.53 16.74l9-8.13 4.88 4.43c.06.06.14.1.2.1.1 0 .18-.04.24-.1l4.86-4.43 8.9 8.13h-28zm28.6-.42l-9-8.16 8.97-8.16v16.32z'/> </g> <use y='45' fill='%230EAFDC' xlink:href='%23a'/> </svg>");
}

.channeling-bar__icon--1:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 45 90'> <g fill='%230eaedc'> <path id='a' d='M37.68 13.58c0-.04 0-.07-.02-.1v-.02l-.02-.02c0-.02-.03-.05-.05-.07-.1 0-.1-.02-.1-.03l-.1-.04-.05-.02-.1-.02H7.65c-.05 0-.1 0-.12.02-.02 0-.03 0-.04.02-.1 0-.1.02-.1.04l-.07.03-.05.07v18.1c.05.14.2.22.3.22h29.7c.14 0 .27-.08.32-.2v-.12h.02V13.56zm-1.18.34l-14 12.77-14-12.8h28zm-28.52.42l8.95 8.16-8.95 8.16V14.34zm.53 16.74l9-8.13 4.88 4.43c.06.06.14.1.2.1.1 0 .18-.04.24-.1l4.86-4.43 8.9 8.13h-28zm28.6-.42l-9-8.16 8.97-8.16v16.32z'/> </g> <use y='45' fill='%230EAFDC' xlink:href='%23a'/> </svg>");
}

.channeling-bar__custom-icon {
    height: 45px !important;
    width: 45px !important;
}

.channeling-bar__custom-icon {
    vertical-align: middle;
    margin: 0 10px;
}

.channeling-bar__text {
    display: table-cell;
    vertical-align: middle;
    transition: color 0.15s linear;
}

.channeling-bar--compact .channeling-bar__text {
    display: none;
}

@media only screen and (min-width: 1025px) {
    .channeling-bar__button:hover .channeling-bar__text {
        color: #0eaedc;
    }
    .channeling-bar__button:hover .channeling-bar__icon:before {
        opacity: 0;
    }
    .channeling-bar__button:hover .channeling-bar__icon:after {
        opacity: 1;
    }
}

/*---- END Channeling -------------------------*/

/*---- Feedback Survey ------------------------*/

.feedback-survey {
    line-height: 45px;
}

/*---- END Feedback Survey --------------------*/

/*---- Feedback Thumbs ------------------------*/

.feedback-thumbs__button {
    display: none !important;
}

.widget-floating .feedback-thumbs {
    padding: 7px 0;
}

.widget-floating .feedback-thumbs__button {
    background: var(--widgetBackgroundColor);
    margin: 0 2%;
    height: 35px;
    width: 43%;
}

.feedback-thumbs--disabled .feedback-thumbs__button {
    cursor: default;
}

.feedback-thumbs__button:focus {
    outline: none;
}

.feedback-thumbs__icon {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    height: 27px;
    width: 27px;
}

.feedback-thumbs__icon-sprite {
    display: block;
    width: 27px;
    height: 81px;
}

.feedback-thumbs__button--like .feedback-thumbs__icon-sprite {
    background-image: url(icon-like.svg);
}

.feedback-thumbs__button--dislike .feedback-thumbs__icon-sprite {
    background-image: url(icon-dislike.svg);
}

/* hover and active styles */

.feedback-thumbs__button--like.feedback-thumbs__button--active {
    background: var(--feedbackThumbsLikeActive);
}

.feedback-thumbs__button--dislike.feedback-thumbs__button--active {
    background: var(--feedbackThumbsDislikeActive);
}

.feedback-thumbs__button:focus .feedback-thumbs__icon-sprite, .feedback-thumbs__button:hover .feedback-thumbs__icon-sprite {
    margin: -27px 0 0;
}

.feedback-thumbs--disabled .feedback-thumbs__button .feedback-thumbs__icon-sprite {
    margin: 0;
}

.feedback-thumbs__button--active .feedback-thumbs__icon-sprite, .feedback-thumbs--disabled .feedback-thumbs__button--active .feedback-thumbs__icon-sprite, .feedback-thumbs__button--active:focus .feedback-thumbs__icon-sprite, .feedback-thumbs__button--active:hover .feedback-thumbs__icon-sprite {
    margin: -54px 0 0;
}

/* IE8 specific styles */

.ie8 .feedback-thumbs__icon {
    background: var(--answerTitleColor);
    filter: progid: DXImageTransform.Microsoft.Chroma(color='#5f7e7d');
}

.ie8 .feedback-thumbs__icon .feedback-thumbs__icon-sprite {
    background: url(icon-sprite.png);
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
}

.ie8 .feedback-thumbs__button--like .feedback-thumbs__icon-sprite {
    background-position: 0 -27px;
}

.ie8 .feedback-thumbs__button--dislike .feedback-thumbs__icon-sprite {
    background-position: 0 0;
}

.ie8 .feedback-thumbs__button:focus .feedback-thumbs__icon, .ie8 .feedback-thumbs__button:hover .feedback-thumbs__icon {
    background: var(--feedbackThumbsStrokeHover);
}

.ie8 .feedback-thumbs--disabled .feedback-thumbs__button .feedback-thumbs__icon {
    background: var(--feedbackThumbsStroke);
}

.ie8 .feedback-thumbs__button--active .feedback-thumbs__icon, .ie8 .feedback-thumbs--disabled .feedback-thumbs__button--active .feedback-thumbs__icon, .ie8 .feedback-thumbs__button--active:focus .feedback-thumbs__icon, .ie8 .feedback-thumbs__button--active:hover .feedback-thumbs__icon {
    background: var(--feedbackThumbsStrokeActive);
}

/*---- END Feedback Thumbs --------------------*/

/*---- Arrow Popup ----------------------------*/

.arrow-popup {
    position: absolute;
    overflow: visible;
    z-index: 9999;
    margin: 0 10px;
    bottom: auto;
    right: auto;
    left: auto;
    top: auto;
}

.arrow-popup__decoration {
    position: absolute;
    overflow: hidden;
    width: 25px;
    height: 15px;
    left: 92px;
    bottom: -15px;
}

.arrow-popup__decoration:before {
    box-shadow: 0px 0px 6px 1px #4a4a4a;
    transform-origin: 0 0;
    transform: rotate(45deg);
    position: absolute;
    background: #fff;
    content: '';
    height: 15px;
    width: 15px;
    z-index: 2;
    top: -10px;
    left: 15px;
}

.arrow-popup--inline .arrow-popup__decoration {
    display: none;
}

.arrow-popup__content {
    box-shadow: 0px 0px 6px 1px #4a4a4a;
    background: #fff;
}

.arrow-popup--inline .arrow-popup__content {
    box-shadow: none;
}

.arrow-popup__closer {
    width: 11px;
    height: 11px;
    margin: 6px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    cursor: pointer;
}

.arrow-popup__closer:before, .arrow-popup__closer:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: opacity 0.15s linear;
}

.arrow-popup__closer:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%234a4a4a' d='M10.57 11a.43.43 0 0 1-.3-.13L.13.74A.43.43 0 0 1 .74.13l10.13 10.13a.43.43 0 0 1-.3.74z'/%3E%3Cpath fill='%234a4a4a' d='M.43 11a.43.43 0 0 1-.3-.74L10.26.13a.43.43 0 0 1 .61.61L.74 10.87a.43.43 0 0 1-.31.13z'/%3E%3C/svg%3E");
}

.arrow-popup__closer:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%230eaedc' d='M10.57 11a.43.43 0 0 1-.3-.13L.13.74A.43.43 0 0 1 .74.13l10.13 10.13a.43.43 0 0 1-.3.74z'/%3E%3Cpath fill='%230eaedc' d='M.43 11a.43.43 0 0 1-.3-.74L10.26.13a.43.43 0 0 1 .61.61L.74 10.87a.43.43 0 0 1-.31.13z'/%3E%3C/svg%3E");
    opacity: 0;
}

.ie8 .arrow-popup {
    border: 1px solid #4a4a4a;
}

.ie8 .arrow-popup.arrow-popup--inline {
    border: none;
}

.ie8 .arrow-popup__decoration {
    display: none;
}

@media only screen and (min-width: 1025px) {
    .arrow-popup__closer:hover:before {
        opacity: 0;
    }
    .arrow-popup__closer:hover:after {
        opacity: 1;
    }
}

/*---- END Arrow Popup ------------------------*/

/*---- Feedback Dialog ------------------------*/

.feedback-dialog {
    min-width: 320px;
    padding: 20px;
    background-color: #fff;
}

.feedback-dialog__title {
    display: block;
    padding: 0 0 15px;
    text-align: center;
}

.feedback-dialog__area {
    width: 100%;
    min-height: 70px;
    margin: 0 0 15px;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: inherit;
    border: 1px solid #ccc;
}

.feedback-dialog__disclaimer {
    margin: -10px 0 15px;
    font-size: 12px;
}

.feedback-dialog__buttons {
    text-align: center;
}

.feedback-dialog__button {
    min-width: 30%;
    margin: 0 5%;
    padding: 5px 10px;
    font-family: inherit;
    font-size: inherit;
    background: #e8e8e8;
    color: #545454;
    cursor: pointer;
}

.feedback-dialog__button--only {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    background-color: white;
    color: #0C77BA !important;
    border-color: transparent;
    border-radius: 5px;
    margin: 2px 4px 2px 0;
    cursor: pointer;
    font-family: 'Source Sans Pro', serif !important;
    font-size: 20px !important;
    padding: 0.5em 0.75em;
    line-height: 20px;
}

.feedback-dialog__row {
    padding: 0 0 15px;
    font-size: 16px;
}

.feedback-dialog__radio {
    display: inline-block;
    margin: 0 5px 0 0;
}

.feedback-dialog--validation-error .feedback-dialog__radio, .feedback-dialog--validation-error .feedback-dialog__label {
    animation: feedback-dialog-validation 0.25s linear 3;
}

@keyframes feedback-dialog-validation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*---- END Feedback Dialog --------------------*/

/*---- Phone Dialog ---------------------------*/

.phone-dialog {
    min-width: 320px;
    padding: 20px 15px;
    background-color: #fff;
}

.phone-dialog__title {
    display: block;
    padding: 0 0 20px;
    font-size: 18px;
}

.phone-dialog__link {
    font-size: 22px;
}

.phone-dialog__content {
    padding: 15px 0;
}

.phone-dialog__buttons {
    text-align: center;
}

.phone-dialog__button {
    font-size: inherit;
    padding: 5px 10px;
    background: #e8e8e8;
    cursor: pointer;
    color: #545454;
    border: none;
    margin: 0;
}

/*---- END Phone Dialog ------------------------*/

/*---- Contact Form ---------------------------*/

input[name="articletitle"] {
    display: none;
}

.contact-form {
    padding: 15px 20px;
}

.contact-form__title {
    display: block;
    padding: 0 0 20px;
    font-size: 18px;
}

.contact-form__row {
    overflow: hidden;
}

.contact-form__row+.contact-form__row {
    padding: 20px 0 0;
}

.contact-form__row--hidden {
    display: none;
}

.contact-form__caption {
    display: inline-block;
    width: 30%;
    padding: 0 5px 0 0;
    font-size: 14px;
    vertical-align: middle;
}

.contact-form__caption+[class*="contact-form"] {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}

.contact-form__error {
    padding: 2px 0;
    font-size: 12px;
    color: red;
}

.contact-form__status {
    text-align: center;
}

.contact-form__message {
    display: block;
}

.contact-form__ok {
    cursor: pointer;
    padding: 5px 10px;
    margin: 15px 10px 0;
    min-width: 50px;
    border: none;
    background: #cdcdcd;
    color: #444;
}

.arrow-popup .contact-form {
    max-width: 500px;
}

.arrow-popup--inline .contact-form {
    max-width: none;
}

/*---- Contact Form Fields ----------*/

.contact-form__mandatory {
    color: red;
}

.contact-form-label {
    padding: 5px;
}

.contact-form-textbox {
    overflow: hidden;
}

.contact-form-textbox__input, .contact-form-textbox__textarea, .contact-form-select__select {
    width: 100%;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    border: 1px solid #cacaca;
}

.contact-form-select__select {
    padding-right: 35px;
}

.contact-form-textbox__textarea {
    height: 150px;
    resize: none;
}

.contact-form-select {
    position: relative;
}

.contact-form-select:after {
    content: '';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='7' viewBox='0 0 16 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234a4a4a' d='M8 5.5L14.5.2c.3-.3.7-.2 1 0 .2.3.2.7 0 1L8.2 6.8 8 7c-.3 0-.4 0-.6-.2l-7-5.6C0 1-.2.5 0 .2c.2-.2.7-.3 1 0l7 5.3' /%3E%3C/svg%3E");
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-form-textbox--invalid .contact-form-textbox__input, .contact-form-textbox--invalid .contact-form-textbox__textarea, .contact-form-textbox--invalid .contact-form-select__select {
    border-color: red;
}

/*---- END Contact Form Fields ------*/

/*---- Contact Form Uploader --------*/

.file-uploader-s3__item, .file-uploader-native__item {
    margin: 5px 0;
    font-size: 12px;
}

.file-uploader-s3__icon, .file-uploader-native__icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 3px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%230eaedc' d='M15.09 7.92l-7.28 7.24a3 3 0 0 1-4.22-4.22l8.48-8.48a1.89 1.89 0 1 1 2.67 2.67l-8.48 8.52a.76.76 0 1 1-1.16-.99l7.32-7.32a.55.55 0 0 0-.78-.78l-7.31 7.32a1.85 1.85 0 0 0 0 2.62 1.87 1.87 0 0 0 1.29.56 1.7 1.7 0 0 0 1.29-.56l8.61-8.6a3 3 0 0 0 0-4.22 3 3 0 0 0-4.22 0l-8.48 8.53a4 4 0 0 0 0 5.77 4.15 4.15 0 0 0 2.88 1.2A4 4 0 0 0 8.59 16l7.27-7.3a.55.55 0 1 0-.77-.78z'/%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.file-uploader-s3__remove, .file-uploader-native__remove {
    display: inline-block;
    width: 9px;
    height: 14px;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.file-uploader-s3__remove:before, .file-uploader-native__remove:before, .file-uploader-s3__remove:after, .file-uploader-native__remove:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: opacity 0.15s linear;
}

.file-uploader-s3__remove:before, .file-uploader-native__remove:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.667 16'%3E%3Cpath fill='%234a4a4a' d='M7.757 2V0H2.91v2H0v1h10.667V2h-2.91zM3.88 2V1h2.907v1H3.88zM1.484 16H9.27l.947-11H.52l.964 11z'/%3E%3C/svg%3E");
}

.file-uploader-s3__remove:after, .file-uploader-native__remove:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.667 16'%3E%3Cpath fill='%230eaedc' d='M7.757 2V0H2.91v2H0v1h10.667V2h-2.91zM3.88 2V1h2.907v1H3.88zM1.484 16H9.27l.947-11H.52l.964 11z'/%3E%3C/svg%3E");
    opacity: 0;
}

.file-uploader-s3__mask, .file-uploader-native__mask {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}

.file-uploader-s3__input, .file-uploader-native__input {
    font-size: 200px !important;
    position: absolute;
    cursor: pointer;
    min-width: 100%;
    width: auto;
    height: auto;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.file-uploader-native__attachments {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

@media only screen and (min-width: 1025px) {
    .file-uploader-s3__remove:hover:before, .file-uploader-native__remove:hover:before {
        opacity: 0;
    }
    .file-uploader-s3__remove:hover:after, .file-uploader-native__remove:hover:after {
        opacity: 1;
    }
}

/*---- END Contact Form Uploader ----*/

/*---- Contact Form Buttons ---------*/

.file-uploader-s3__button, .file-uploader-native__button, .contact-form-buttons__button {
    padding: 0 10px;
    font-family: inherit;
    color: #fff;
    cursor: pointer;
}

.file-uploader-s3__button, .file-uploader-native__button {
    line-height: 26px;
    background: #0aa0ff;
}

.contact-form-buttons__button {
    min-width: 100px;
    font-size: inherit;
    line-height: 40px;
}

.contact-form-buttons__button+.contact-form-buttons__button {
    margin-left: 1%;
}

.contact-form-buttons__button--cancel {
    background: #cdcdcd;
    width: 40%;
}

.contact-form-buttons__button--submit {
    background: #f7c545;
    width: 59%;
}

/*---- END Contact Form Buttons -----*/

/*---- END Contact Form -----------------------*/

/*---- Tooltip --------------------------------*/

.tooltip {
    z-index: 9999;
    box-sizing: border-box;
    position: absolute;
    background: #0A5380;
    pointer-events: none;
    border-radius: 2px;
    line-height: normal;
    font-size: 14px;
    padding: 8px 10px;
    color: white;
    font-family: var(--mainFontFamily);
}

.tooltip-triangle {
    border: 10px solid;
    border-width: 8px 8px 0;
    border-color: #0A5380 transparent transparent;
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    margin: 0 0 0 -10px;
}

.tooltip--vposition-bottom .tooltip-triangle {
    top: -8px;
    border-width: 0 8px 8px;
    border-color: transparent transparent #0A5380;
}

/*---- END Tooltip ----------------------------*/

/*-----Header----------------------------------*/

.section__header {
    height: 60px;
    background: #07314D;
}

.logo {
    display: inline-block;
    background: url(//cdn-customers.nanorep.com/customers/fanniemae/images/fm_logo_rgb_rev_r_%281%29.png) no-repeat center;
    background-size: cover;
    height: 60px;
    width: 225px;
    margin-left: 10px;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='//cdn-customers.nanorep.com/customers/fanniemae/images/fm_logo_rgb_rev_r_%281%29.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn-customers.nanorep.com/customers/fanniemae/images/fm_logo_rgb_rev_r_%281%29.png',sizingMethod='scale')";
}

/*-----END Header----------------------------------*/

/*---- Widget Block ---------------------------*/

.widget__title {
    line-height: 1.33;
    font-weight: 400;
    text-align: center;
}

.widget__title--primary {
    padding: 0 0 15px;
    font-size: 50px;
    color: #fff;
    text-align: left;
}

.widget__title--primary img {
    width: auto;
}

.widget__title--secondary {
    padding: 0 0 33px;
    font-size: 36px;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .widget__title--primary {
        font-size: 30px;
        font-weight: 400;
    }
    .widget__title--secondary {
        padding: 0 0 13px;
        font-size: 26px;
    }
}

/*---- END Widget Block -----------------------*/

/*---- Labels ---------------------------------*/

.labels {
    font-size: 0;
    text-align: justify;
    text-justify: distribute;
    list-style-type: none;
}

.labels:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.label {
    display: inline-block;
    width: 12.5%;
    padding: 0 5px;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
    color: #00102b;
    line-height: 14px;
    height: 96px;
}

.label__link {
    display: block;
    color: #0a5380;
}

.label__link--current {
    color: #07314D;
    font-weight: bold;
    background-color: #F2F2F2;
    border-radius: 5px;
    border: solid 1px #c7c7c7;
    padding-bottom: 3px;
}

.label__link:hover {
    color: #07314D;
    text-decoration: underline;
}

.label__image--current {
    background-position: 50% 50%;
    background-color: #00ACDC;
}

@media only screen and (min-width: 1025px) {
    .label__link:not(.label__link--current):hover .label__image {
        background: #0eaedc;
    }
}

@media only screen and (max-width: 767px) {
    .label {
        max-width: 33%;
        width: 33%;
        margin-bottom: 15px;
        font-size: 11px;
        line-height: 12px;
    }
    .labels--primary {
        margin: 0 -15px;
        text-align: center;
    }
    .labels--primary .label {
        padding: 0 15px;
        width: 33.33333333%;
        margin-bottom: 30px;
        font-size: 13px;
    }
    .labels--primary .label__image {
        margin: 0 auto 10px;
    }
    .labels--secondary {
        margin: 0 -15px;
        padding: 0 15px;
        font-size: 16px;
        line-height: 2.4;
        color: #fff;
        background: #0eaedc;
        text-align: justify;
    }
    .labels--secondary .label {
        display: none;
        width: 100%;
        padding: 0;
        font-size: inherit;
        text-align: inherit;
    }
    .labels--secondary .label__link--current {
        color: #fff;
    }
    .labels--secondary .label__image {
        display: none;
    }
    .labels--visible .label {
        display: block;
    }
    .labels--visible .labels__toggle:after {
        border-top-width: 0;
        border-bottom-width: 4.5px;
        border-bottom-color: #fff;
    }
    .labels__toggle {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: 400;
    }
    .labels__toggle:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        margin: 16.95px 0;
        position: absolute;
        right: 0;
        top: 0;
        border-width: 4.5px 4.5px 0 4.5px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
    }
}

/*---- END Labels ------------------------------*/

/*---- FAQ ------------------------------------*/

.faq>.faq {
    padding: 0 0 40px;
}

.faq__title {
    padding: 0 0 20px;
    font-size: 22px;
    color: #121212;
}

@media only screen and (max-width: 767px) {
    .faq__title {
        font-size: 18px;
        text-align: center;
    }
}

/*---- Answer List ------------------*/

.answer-list {
    border-top: 1px solid #dfdfdf;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
}

.answer-list__opener {
    position: relative;
}

.answer-list__answer {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}

.answer-list__answer--loading .answer-list__content {
    min-height: 100px;
}

.answer-list__answer--loading .answer-list__footer {
    display: none;
}

.answer-list__answer--fit .answer-list__dropcontent {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.answer-list__answer--fit .answer-list__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.answer-list__answer--mini .answer-header__wrapper {
    min-height: 30px;
}

.answer-list__answer--mini .answer-header__title {
    font-size: 12px;
}

.answer-list__answer--mini .answer-header__title-meta {
    display: none;
}

/*---- END Answer List --------------*/

/*---- Answer Header ----------------*/

.answer-header {
    position: relative;
}

.answer-header--not-collapsible__title {
    cursor: default;
}

.answer-header--collapsed .answer-header__title-text {
    position: relative;
    width: 100%;
}

.answer-header--collapsed .answer-header__title-text:after {
    content: '\00a0';
}

.answer-header--collapsed .answer-header__title-text-node {
    width: 100%;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400 !important;
}

.answer-header__wrapper {
    display: table;
    width: 100%;
    min-height: 25px;
    border-collapse: collapse;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.answer-header__title {
    width: 100%;
    transition: color 0.15s linear;
    cursor: pointer;
}

.answer-header__title:focus {
    outline: none;
}

.answer-header__title, .answer-header__controls {
    vertical-align: middle;
    display: table-cell;
}

.answer-header__title-meta {
    font-style: italic;
    font-size: 12px;
    margin: 5px 0 0;
    color: #aaa;
}

@media only screen and (max-width: 767px) {
    .answer-header {
        padding: 0 0;
    }
}

/*---- END Answer Header ------------*/

/*---- Constrols --------------------*/

.answer-header__controls {
    width: 0;
    padding: 0 16px 0 20px;
    position: relative;
    white-space: nowrap;
    z-index: 1;
}

.section--bottom .answer-header__controls {
    top: 50px;
    left: 30px;
}

.section--bottom .answer-header__toggle-icon-wrapper {
    position: relative;
    bottom: 50px;
    right: 30px;
}

.answer-header__control {
    display: inline-block;
    vertical-align: middle;
}

.section--bottom .link-to-answer {
    text-decoration: none !important;
}

.section--bottom .link-to-answer::after {
    content: 'Expand';
    font-size: 11px;
    position: absolute;
    left: 21px;
    top: 0px;
    color: #0C77BA;
    text-decoration: none !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .section--bottom .sharing__opener::after {
        top: 2px !important;
    }
}

.section--bottom .sharing__opener::after {
    content: 'Share';
    color: #0C77BA;
    position: absolute;
    left: 22px;
    font-size: 11px;
    top: 0px;
}

.answer-header__toggle-icon, .link-to-answer {
    display: block;
}

.answer-header__toggle-icon {
    color: transparent;
    width: 14px;
    height: 9px;
    cursor: pointer;
    background: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/Arrow+Down.svg) no-repeat center !important;
    background-size: contain;
}

.answer-header:not(.answer-header--collapsed) .answer-header__toggle-icon {
    background-image: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/Arrow+Up.svg) !important;
    background-size: 100%;
    background-repeat: no-repeat;
}

.answer-header--collapsed .answer-header__toggle-icon {
    position: relative;
}

.link-to-answer {
    width: 15px;
    height: 16px;
    background-image: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/icon-Expand.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 1025px) {
    .answer-header--collapsed:hover .answer-header__title {
        color: #0eaedc;
    }
    .answer-header--collapsed:hover .answer-header__toggle-icon:before {
        opacity: 0;
    }
    .answer-header--collapsed:hover .answer-header__toggle-icon:after {
        opacity: 1;
    }
}

/*---- END Constrols ----------------*/

/*---- Answer Content ---------------*/

.answer-content:focus {
    outline: none;
}

.answer-content__singlepage, .answer-content__multipage, .answer-content__inline-form {
    padding: 25 15px;
}

@media only screen and (max-width: 767px) {
    .answer-content__inline-form {
        padding: 0;
    }
}

.answer-content__mask {
    overflow: hidden;
}

.answer-content__pagination {
    text-align: center;
}

.answer-content__pager {
    display: inline-block;
    cursor: pointer;
    min-width: 10px;
    padding: 5px;
    margin: 0 3px;
}

.answer-content__pager--active {
    color: #0eaedc;
}

.answer-content__pager--prev {
    cursor: pointer;
    float: left;
}

.answer-content__pager--next {
    cursor: pointer;
    float: right;
}

.answer-content__pager--disabled {
    opacity: 0.5;
}

/*---- END Answer Content -----------*/

/*---- Answer Body ------------------*/

.answer-body a[href], .answer-body a[nanoreplinkid] {
    text-decoration: underline;
    cursor: pointer;
}

.answer-body__highlight {
    background-color: rgba(247, 231, 27, 0.6);
}

.answer-body__blockquote {
    padding: 20px 25px 20px 35px;
    position: relative;
    background: #fff9e6;
    color: #eb7600;
    cursor: pointer;
}

.answer-body__blockquote:hover {
    background: #ffe2b3;
}

.answer-body__blockquote:before, .answer-body__blockquote:after {
    position: absolute;
    color: #eb7600;
    font-size: 40px;
    line-height: 50px;
    margin: 0 10px;
}

.answer-body__blockquote:before {
    content: '\201C';
    top: 0;
    left: 0;
}

.answer-body__blockquote:after {
    content: '\201D';
    right: 0;
    bottom: -20px;
}

.answer-body__blockquote:hover:before, .answer-body__blockquote:hover:after {
    color: #ffffff;
}

.answer-body__iframe {
    display: block;
    width: 100%;
}

.answer-body__html ul, .answer-body__html ol {
    padding: 0 0 0 20px;
    /*list-style-position: inside;*/
}

.answer-body__html ul ul, .answer-body__html ol ul, .answer-body__html ul ol, .answer-body__html ol ol {
    padding: 0 0 0 20px;
}

.answer-body__html ul li, .answer-body__html ol li {
    margin: 0 0;
}

.answer-body__html li>span:first-child {
    margin-left: -8px;
}

.answer-body__html ul li:before {
    /*content: '•';*/
    display: inline-block;
    padding: 0 10px 0 0;
    vertical-align: top;
}

.answer-body__html ul li>* {
    max-width: 90%;
}

.answer-body__html td {
    border: 1px solid #4a4a4a;
    padding: 5px;
}

.answer-body__html strong, .answer-body__html b {
    font-weight: bold;
}

.answer-body__html em {
    font-style: italic;
}

.answer-body__html>* {
    margin: 0 0 19.2px;
}

/*---- END Answer Body --------------*/

/*---- Answer Footer ----------------*/

.answer-list__footer {
    padding: 10px 25px 10px 0;
    box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
    .answer-list__footer {
        padding: 10px 0;
    }
}

.answer-footer {
    overflow: hidden;
}

.answer-footer--narrow .answer-footer__feedback, .answer-footer--narrow .answer-footer__channeling {
    text-align: center;
    float: none;
}

.answer-footer__feedback {
    float: left;
}

.answer-footer__channeling {
    float: right;
}

@media only screen and (max-width: 767px) {
    .answer-footer__feedback {
        text-align: center;
    }
    .answer-footer__feedback, .answer-footer__channeling {
        float: none;
    }
}

/*---- END Answer Footer ------------*/

/*---- Autolink ---------------------*/

.auto-link {
    background: #0aa0ff;
    color: #fff;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
}

.auto-link__title {
    position: relative;
    z-index: 1;
    display: block;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.auto-link__title:hover {
    background: #0aa0ff;
}

.auto-link__progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
}

.auto-link__indicator {
    position: absolute;
    background: #0aa0ff;
    bottom: 0;
    left: 0;
    top: 0;
    width: 0;
}

.auto-link__abort {
    color: #fff;
    background: none;
    position: absolute;
    font-size: inherit;
    line-height: inherit;
    z-index: 2;
    border: none;
    cursor: pointer;
    padding: 0 10px;
    margin: 0;
    right: 0;
    top: 0;
}

.auto-link__abort:hover {
    background: #0aa0ff;
}

/*---- END Autolink -----------------*/

/*---- Attachments ------------------*/

.answer-attachments {
    padding: 3px 0;
}

.answer-attachments__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%234a4a4a' d='M15.09 7.92l-7.28 7.24a3 3 0 0 1-4.22-4.22l8.48-8.48a1.89 1.89 0 1 1 2.67 2.67l-8.48 8.52a.76.76 0 1 1-1.16-.99l7.32-7.32a.55.55 0 0 0-.78-.78l-7.31 7.32a1.85 1.85 0 0 0 0 2.62 1.87 1.87 0 0 0 1.29.56 1.7 1.7 0 0 0 1.29-.56l8.61-8.6a3 3 0 0 0 0-4.22 3 3 0 0 0-4.22 0l-8.48 8.53a4 4 0 0 0 0 5.77 4.15 4.15 0 0 0 2.88 1.2A4 4 0 0 0 8.59 16l7.27-7.3a.55.55 0 1 0-.77-.78z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
}

.answer-attachments__link {
    color: #4a4a4a;
    text-decoration: underline;
}

.answer-attachments__link:hover {
    text-decoration: none;
}

/*---- END Attachments --------------*/

/*---- Overlay & Loader -------------*/

.answer-list__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 2;
}

.answer-list__overlay>.scrollable {
    display: none;
}

.answer-list__overlay:after {
    content: '';
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    box-shadow: 0px -3px 7px 0px rgba(0, 0, 0, 0.15);
}

.answer-list__loader {
    margin: -10px 0 0 -38px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.loader {
    display: inline-block;
    font-size: 8px;
    color: #bebebe;
    position: relative;
    transform: translateZ(0);
    animation-delay: -0.16s;
    margin: -2.5em 3.5em 0;
}

.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: nr-loader 1.8s infinite ease-in-out;
}

.loader:before, .loader:after {
    position: absolute;
    content: '';
    top: 0;
}

.loader:before {
    left: -3.5em;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@keyframes nr-loader {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/*---- END Overlay & Loader ---------*/

/*---- Scrollable -------------------*/

.scrollable {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow: auto;
    height: 100%;
    padding-bottom: 1px;
}

.scrollable::-webkit-scrollbar, .scrollable::-webkit-scrollbar-button {
    width: 5px;
    height: 0;
}

.scrollable::-webkit-scrollbar-thumb {
    background: #ccc;
}

.scrollable::-webkit-scrollbar-track {
    background: #eaeaea;
}

.scrollable::-webkit-scrollbar-corner {
    background: transparent;
}

/*---- END Scrollable ---------------*/

/*---- END FAQ --------------------------------*/

/*---- Breadcrumbs ----------------------------*/

.breadcrumbs {
    margin-bottom: 15px;
    font-size: 12px;
}

.breadcrumbs__item, .breadcrumbs__link, .breadcrumbs__icon {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
    font-size: 12px;
}

.breadcrumbs__icon {
    color: #c7c7c7;
    margin: 0 5px;
}

.breadcrumbs a:link, .breadcrumbs__link {
    color: #0C77BA
}

.breadcrumbs__link--current {
    color: #121212;
}

.side-nav-browse {
    margin-left: 20px;
    font-family: 'Glypha', serif;
    font-size: 24px;
    color: #07314D;
    letter-spacing: 0.2px;
    padding-bottom: 13px;
}

@media only screen and (max-width: 767px) {
    .breadcrumbs {
        margin: 15px 0;
    }
}

/*---- END Breadcrumbs ------------------------*/

/*---- Sidenav --------------------------------*/

.sidenav__title {
    padding: 0 20px 10px;
}

.sidenav__levels ul {
    list-style-type: none;
}

.sidenav__link {
    display: block;
    position: relative;
    text-decoration: none !important;
    line-height: 1;
}

.sidenav__link:hover {
    text-decoration: underline !important;
}

.sidenav__link--current:hover {
    text-decoration: none !important;
}

.sidenav__link--current~.sidenav__sublevel {
    display: block;
}

.sidenav__level--1 {
    border-bottom: 1px solid #dfdfdf;
    font-weight: 600;
}

.sidenav__level--1:first-of-type {
    border-top: 4px solid #d8d8d8;
}

.sidenav__level--1 .sidenav__link {
    padding: 10px 10px 10px 0;
    color: #0C77BA;
    font-weight: 600;
    font-size: 16px;
}

.sidenav__level--1 .sidenav__link--current {
    padding: 10px 0;
    color: #07314D;
}

.sidenav__level--2 .sidenav__link {
    padding: 9px 12px;
    font-size: 12px;
    color: #0C77BA;
}

.sidenav__level--2 .sidenav__link--current {
    color: #07314D;
}

.sidenav__level--3 .sidenav__link {
    padding: 10px 40px;
}

.sidenav__link--current+.sidenav__sublevel, .sidenav__link--current+div+.sidenav__sublevel {
    background: white;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
    padding: 10px 0 !important;
    margin-bottom: 10px !important;
}

.sidenav__level--2 .sidenav__sublevel {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
}

@media only screen and (max-width: 767px) {
    .sidenav__levels {
        margin: 0 -20px;
    }
    .sidenav__level .sidenav__link {
        padding: 18px 40px 10px 32px;
    }
}

/*---- END Sidenav ----------------------------*/

/*---- Article --------------------------------*/

.article__header {
    display: table;
    width: 100%;
}

.article__title {
    width: 100%;
    font-weight: 600;
    color: #0eaedc;
    padding-top: 1em;
}

.article__sharing {
    width: 0;
}

.article__title, .article__sharing {
    display: table-cell;
    vertical-align: middle;
}

.article__body {
    padding: 10px 0;
    font-size: 17px;
}

.article__body>* {
    margin: 0 0 20.4px;
}

.article__body h2, .article__body h3 {
    font-size: 19px;
}

.article__body h4, .article__body h5, .article__body h6 {
    font-size: 18.5px;
}

.article__body ul, .article__body ol {
    padding: 0 0 0 20px;
    /*list-style-position: inside;*/
}

.article__body ul ul, .article__body ol ul, .article__body ul ol, .article__body ol ol {
    padding: 0 0 0 20px;
}

.article__body ul li, .article__body ol li {
    margin: 0 0 5px;
}

.article__body ul li:before {
    /*content: '•';*/
    display: inline-block;
    padding: 0 10px 0 0;
    vertical-align: top;
}

.article__body ul li>* {
    max-width: 90%;
}

.article__body td {
    border: 1px solid #4a4a4a;
    padding: 5px;
}

.article__body strong, .article__body b {
    font-weight: bold;
}

.article__body em {
    font-style: italic;
}

.article__body a {
    color: #1b98ba;
}

.article__body a[href], .article__body a[nanoreplinkid] {
    text-decoration: underline;
    cursor: pointer;
}

.article__footer {
    font-size: 17px;
}

@media only screen and (max-width: 767px) {
    .article__footer {
        padding: 0 0 40px;
    }
}

/*---- END Article ----------------------------*/

/*---- Posts ----------------------------------*/

.posts__title {
    padding: 0 0 20px;
    font-size: 22px;
    color: #121212;
}

.post {
    margin: 0 0 35px;
}

.post__title {
    margin: 0 0 10px;
    line-height: 1.4;
    color: #121212;
}

.post__description {
    margin: 0 0 10px;
    color: #7b7b7b;
}

.post__link span {
    vertical-align: middle;
}

.post__icon {
    display: inline-block !important;
    width: 5px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='200.7' viewBox='0 0 100 200.7'%3E%3Cpath d='M78.73 99.17L2.3 185.63c-3.76 3.75-2.5 8.77 1.25 12.53 3.76 2.5 10.03 2.5 12.53-1.26l81.45-91.47c1.25-1.25 2.5-3.76 2.5-6.26 0-1.25-1.25-3.76-2.5-5L16.08 2.68C13.58-1.08 7.3-2.33 3.55 1.42c-3.76 2.5-5 8.78-1.25 12.53l76.43 85.2z' fill='%234a4a4a' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0 5px 0 5px;
}

@media only screen and (max-width: 767px) {
    .posts__title {
        font-size: 18px;
        text-align: center;
    }
    .post {
        text-align: center;
    }
}

/*---- END Posts ------------------------------*/

/*---- Custom Channeling ----------------------*/

.channeling-bar--custom {
    padding: 30px 0 40px;
    background: #73c2fd;
    text-align: center;
}

.channeling-bar--custom .channeling-bar__icon-wrapper, .channeling-bar--custom .channeling-bar__text {
    display: block;
}

.channeling-bar--custom .channeling-bar__title {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 300;
}

.channeling-bar--custom .channeling-bar__button {
    width: 180px;
    padding: 10px;
    margin: 150px 0 0;
    position: relative;
    background: #424242;
    border-radius: 6px;
    border-bottom: 4px solid #2f2f2f;
}

.channeling-bar--custom .channeling-bar__text {
    color: #fff !important;
}

.channeling-bar--custom .channeling-bar__icon-wrapper {
    height: 130px;
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
}

.channeling-bar--custom .channeling-bar__icon {
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.channeling-bar--custom .channeling-bar__icon:after {
    opacity: 0 !important;
}

.channeling-bar--custom .channeling-bar__icon:before {
    opacity: 1 !important;
}

@media only screen and (max-width: 767px) {
    .channeling-bar--custom .channeling-bar__item {
        display: block;
    }
}

@media only screen and (min-width: 767px) {
    .nav-icon {
        display: none !important;
    }
}

.nav-icon {
    position: absolute;
    top: 22px;
    right: 20px;
    width: 23px;
    height: 16px;
    background-size: contain;
    background: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/icon-menu.svg) no-repeat;
    cursor: pointer;
}

.icon-close {
    background: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/icon-menu-close.svg) no-repeat;
    width: 20px !important;
    height: 22px !important;
    top: 8px !important;
}

@media only screen and (max-width: 767px) {
    .logo {
        float: none;
        width: 160px;
        background-size: contain;
    }
}

.widget .info {
    font-family: 'Source Sans Pro', serif;
    display: block;
    color: white;
    font-size: 16px;
    padding: 10px 0 0;
    letter-spacing: 0.025em;
    position: absolute;
}

/*---- END Custom Channeling ------------------*/

#nanorep-ew .query-field__button--search .query-field__icon {
    display: none !important;
    background-image: url(https://nr-customers.s3.amazonaws.com/customers/fanniemae/images/search-icon.png) !important;
    width: 40px !important;
    height: 40px !important;
    background-size: cover !important;
}

.search-icon {
    height: 42px;
    width: 42px;
    position: absolute;
    top: 6px;
    right: 8px;
    background: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/icon-search.png) no-repeat center;
    background-size: contain;
}

.widget-embedded--support-center .query-field__input, .widget-embedded--support-center .query-field__placeholder {
    height: 54px !important;
}

@media only screen and (max-width: 767px) {
    .widget-embedded--support-center .query-field__input, .widget-embedded--support-center .query-field__placeholder {
        height: 46px !important;
    }
}

.query-field__input {
    font-family: 'Source Sans Pro', serif !important;
    font-weight: 600 !important;
    color: #0A5380 !important;
    padding: 6px 16px !important;
    width: 95% !important;
}

.query-field__input::placeholder {
    font-family: 'Source Sans Pro', serif;
    display: block !important;
    font-size: 20px;
    letter-spacing: 0.46px;
    color: #ADADAD !important;
}

.query-field__input:-ms-input-placeholder {
    color: #ADADAD !important;
}

@media only screen and (max-width: 767px) {
    section:nth-of-type(2) {
        padding: 10px 15px;
    }
    .section__content--no-padding {
        padding: 0;
    }
    body:not(.home-page) .section.-middle {
        padding: 0;
    }
    .query-field__input::placeholder {
        font-size: 16px !important;
    }
    .query-field__input {
        padding: 6px 10px !important;
        height: 46px !important;
    }
    .search-icon {
        width: 32px !important;
        height: 32px !important;
        right: 0 !important;
    }
    .info {
        font-size: 11px !important;
    }
}

#nanorep-embedded-widget .query-field__suggestion {
    font-family: 'Source Sans Pro', serif !important;
    font-size: 20px !important;
    color: #0A5380 !important;
    margin: 0 12px !important;
    padding: 8px !important;
    border: 1px solid white !important;
}

.query-field__suggestion b {
    font-weight: bold !important;
}

#nanorep-embedded-widget .query-field__suggestion.query-field__suggestion--active {
    background: #F8F8F8 !important;
    border: 1px solid #EDEDED !important;
    border-radius: 3px !important;
}

#nanorep-embedded-widget .query-field__suggestions {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50) !important;
}

#nanorep-embedded-widget .query-field__suggestion:first-child {
    margin-top: 8px !important;
}

#nanorep-embedded-widget .query-field__suggestion:last-child {
    margin-bottom: 8px !important;
}

.label:after {
    border: none !important;
}

.section--bottom {
    background: #F8F8F8;
    padding: 50px 30px;
}

.section--middle {
    padding-top: 10px;
    border-bottom: solid 2px #c7c7c7;
    height: 113px;
    background: white;
    margin-bottom: 30px;
}

.section__frame--middle {
    max-width: unset;
    width: 1100px;
}

main, .home-page {
    background: #F8F8F8;
}

.section--footer {
    background: #07314D;
    z-index: 1000;
    padding: 0 10px 0 10px;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

footer, .section--footer {
    height: 60px;
}

.section__frame.section__frame--footer {
    width: auto;
    margin: unset;
}

.footer-feedback {
    color: white;
    float: right;
    margin-right: 30%;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
}

.section--disclaimer {
    padding: 0 30px 100px 30px;
    max-width: 1100px;
    margin: 0 auto;
    font-style: italic;
    font-size: 16px;
    font-family: 'Source Sans Pro', serif;
    color: #474747;
}

@media screen and (max-width: 767px) {
    footer, .section--middle {
        display: none;
    }
    .section--disclaimer {
        padding: 0 !important;
        margin: 30px 15px !important;
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1050px) {
    .section__frame--middle {
        width: 855px;
    }
}

.nav {
    position: absolute;
    top: 60px;
    background-color: white;
    padding: 15px;
    display: none;
    border-radius: 20px;
    z-index: 1000;
    width: 90%;
    height: 60%;
    margin: 15px auto 0 5%;
}

.label:nth-of-type(1) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-1.svg") no-repeat center !important;
}

.label:nth-of-type(2) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-2.svg") no-repeat center !important;
}

.label:nth-of-type(3) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-3.svg") no-repeat center !important;
}

.label:nth-of-type(4) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-4.svg") no-repeat center !important;
}

.label:nth-of-type(5) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-5.svg") no-repeat center !important;
}

.label:nth-of-type(6) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-6.svg") no-repeat center !important;
}

.label:nth-of-type(7) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-7.svg") no-repeat center !important;
}

.label:nth-of-type(8) .label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-8.svg") no-repeat center !important;
}

.label:nth-of-type(1) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-1-on.svg") no-repeat center !important;
}

.label:nth-of-type(2) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-2-on.svg") no-repeat center !important;
}

.label:nth-of-type(3) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-3-on.svg") no-repeat center !important;
}

.label:nth-of-type(4) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-4-on.svg") no-repeat center !important;
}

.label:nth-of-type(5) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-5-on.svg") no-repeat center !important;
}

.label:nth-of-type(6) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-6-on.svg") no-repeat center !important;
}

.label:nth-of-type(7) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-7-on.svg") no-repeat center !important;
}

.label:nth-of-type(8) .label__image+.label__image {
    background: transparent url("https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/nav-selling-8-on.svg") no-repeat center !important;
}

.label:nth-of-type(1) .label__link--current, .label:nth-of-type(2) .label__link--current, .label:nth-of-type(5) .label__link--current, .label:nth-of-type(6) .label__link--current, .label:nth-of-type(8) .label__link--current {
    padding-bottom: 15px;
}

.sharing__opener {
    color: transparent !important;
}

.label__image {
    margin: 0 auto 0;
    height: 60px;
    width: 60px;
    transition: background-color 0.15s linear;
}

.channeling-bar__button {
    display: none !important;
}

.section--bottom a, .answer-body__html a {
    color: #0C77BA !important;
    text-decoration: underline;
}

.custom-was-this-helpful {
    position: relative;
    display: inline-block;
    bottom: 10px;
    font-size: 16px;
    left: 15px;
    color: #949494;
    padding-bottom: 10px;
    margin-right: 13px;
}

#nanorep-embedded-widget .answer-list__answer--open .answer-header__title-text-node {
    font-size: 24px !important;
    line-height: 1.1 !important;
    color: #0a5380 !important;
    margin: 0.5em 0 1em 0 !important;
    font-family: 'Glypha', serif !important;
    padding-bottom: .5em !important;
    border-bottom: solid 1px #0a5380 !important;
    font-weight: 600 !important;
}

@media only screen and (max-width: 767px) {
    #nanorep-embedded-widget .answer-list__answer--open .answer-header__title-text-node {
        font-size: 18px !important;
    }
    .section__frame.section__frame--top {
        padding: 0;
    }
    .widget__title.widget__title--primary img {
        height: 49px;
    }
    .section--bottom {
        padding: 0 0;
    }
}

.section__content.section__content--bottom {
    max-width: 1100px !important;
}

.button--more {
    display: none;
}

a#back {
    display: none !important;
}

.answer-list__answer--open .answer-header__title-text {
    display: inherit;
}

#nanorep-embedded-widget .answer-list__answer {
    width: 97% !important;
    margin: 0 auto !important;
}

#nanorep-embedded-widget .core-search__answer-list {
    background: white !important;
}

#nanorep-embedded-widget .answer-list__drop, #nanorep-embedded-widget .answer-list__dropcontent, #nanorep-embedded-widget .answer-list__content, #nanorep-embedded-widget .answer-list__opener, #nanorep-embedded-widget .answer-list__answer--prev .answer-list__opener, #nanorep-embedded-widget .answer-list__answer--open {
    box-shadow: none !important;
}

.widget-embedded--support-center .answer-header__title-text-node, .widget-embedded--support-center .answer-header__title-text, .widget-embedded--support-center .query-field__suggestion {
    font-size: inherit !important;
}

.sidenav__link+.sidenav__sublevel {
    display: none;
}

.sidenav__link.sidenav__link--current+.sidenav__sublevel {
    display: block;
}

.label-page .section--bottom, .article-page .section--bottom {
    padding: 0px 30px;
}

.label-page .section--middle, .article-page .section--middle {
    margin-bottom: 15px;
}

.feedback-survey.feedback-survey--disabled {
    margin-left: 15px;
}

.feedback-survey__thanks {
    color: #949494;
}

@media only screen and (max-width: 767px) {
    .feedback-survey {
        text-align: left;
    }
    .feedback-survey__title, .feedback-survey__thanks {
        font-size: 14px;
    }
    .label-page .section--bottom, .article-page .section--bottom {
        padding: 0px;
    }
}

.section__frame--top .query-field__button--reset .query-field__icon {
    background: url(https://s3.amazonaws.com/ps.projects/fannie_mae/assets/Close+%402x.svg) !important;
    width: 18px !important;
    height: 24px !important;
}

.section__frame--top .query-field__button--reset {
    padding: 10px 10px 10px 0 !important;
}

.answer-content {
    margin-top: 15px !important;
}

.feedback-survey__button {
    font-family: 'Source Sans Pro', serif !important;
    display: inline-block !important;
    margin: 0 5px !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    color: inherit !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
}

.feedback-survey__button--active {
    color: #0a5380 !important;
    cursor: not-allowed !important;
}

#nanorep-ew .feedback-survey__button {
    font-size: 16px !important;
}

.feedback-survey__button--inactive {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

#nanorep-ew .feedback-survey__title {
    padding: 13px 0px 13px 0px !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

#nanorep-ew .feedback-survey__thanks {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #949494 !important;
}

@media only screen and (max-width: 767px) {
    #nanorep-ew .feedback-survey__title, #nanorep-ew .feedback-survey__thanks, #nanorep-ew .feedback-survey__button {
        font-size: 14px !important;
    }
}

#nanorep-ew .answer-list__opener, .answer-list__opener {
    cursor: pointer;
}

#nanorep-ew .answer-header__title-text, .answer-header__title-text {
    display: block;
}

#nanorep-ew .answer-list__answer--open .answer-header__title-text-node {
    margin-bottom: -10px !important;
}

#nanorep-ew .answer-list__answer--open .answer-header__title {
    padding-bottom: 0 !important;
}

a[name] {
    color: #0A5380 !important;
    text-decoration: none !important;
}

@media screen and (max-width: 1050px) {
    .label:nth-of-type(1) .label__link--current, .label:nth-of-type(5) .label__link--current {
        padding-bottom: 5px !important;
    }
}

.label-page .section--disclaimer, .article-page .section--disclaimer {
    padding: 100px 30px 100px 30px;
}

.answer-list__drop .answer-header__control:nth-child(1) {
    position: absolute;
    right: 125px;
}

.answer-list__drop .answer-header__control:nth-child(2) {
    position: absolute;
    right: 58px;
}

.answer-list__drop .answer-header__control:nth-child(3) {
    position: absolute;
    right: 200px
}

.embedded-print-button {
    background-image: url(https://s3.amazonaws.com/ps.projects/fannie_mae/assets/printer.svg);
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
} 	

.printing__opener{
    background: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/PrintIcon.svg);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 15px;
    height: 17px;
    cursor: pointer;
}

.printing__opener::after {
    content: 'Print';
    color: #0C77BA;
    position: absolute;
    left: 22px;
    font-size: 11px;
    top: 0px;
}

.article__printing{
    right: 90px;
    position: relative;
    bottom: 10px;
}

@media screen and (max-width: 767px) {
    .side-nav-browse {
        display: none !important;
    }
    .breadcrumbs {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        margin-left: 15px;
        margin-bottom: 30px;
    }
    .section__header {
        height: 40px;
    }
    .logo {
        position: absolute;
        top: -10px;
        margin-left: 5px;
    }
    .nav-icon {
        top: 11px;
    }
    .widget__title--primary {
        padding: 0 0 10px;
    }
    #nanorep-ew .widget-embedded--support-center .query-field__input, #nanorep-ew .widget-embedded--support-center .query-field__placeholder {
        font-size: 14px !important;
    }
    .breadcrumbs__item, .breadcrumbs__link, .breadcrumbs__icon {
        font-size: 10px !important;
    }
    h2.sidenav__title {
        font-size: 16px !important;
        font-family: 'Glypha', serif !important;
        font-weight: normal !important;
        border-bottom: 1px solid #D8D8D8;
        margin-left: 15px;
        margin-bottom: 0;
    }
    .sidenav__level--1 .sidenav__link {
        font-size: 12px !important;
        font-weight: bold !important;
        color: #0A5380 !important;
    }
    .section--bottom ul, .answer-body__html ul {
        padding: 0px;
    }
    .sidenav__link .sidenav__link--current {
        background: #F8F8F8;
    }
    span.sidenav__link.sidenav__link--current:before {
        content: url(https://s3.amazonaws.com/ps.projects/fannie_mae/Mobile+Icons/icon+minus.svg);
        position: absolute;
        left: 11px;
        top: 21px;
    }
    .sidenav__link.sidenav__link--current {
        padding: 15px 40px 15px 33px;
    }
    a.sidenav__link:before {
        content: '';
        width: 11px;
        background-size: 11px 11px;
        background-image: url(https://s3.amazonaws.com/ps.projects/fannie_mae/Mobile+Icons/icon+plus.svg);
        height: 11px;
        display: inline-block;
        position: absolute;
        left: 11px;
        top: 19px;
    }
    .sidenav__level--1:first-of-type {
        border-top: none;
    }
    .sidenav__level.sidenav__level--2 a.sidenav__link:before {
        content: none;
        background-image: none;
    }
    .sidenav__link--current+.sidenav__sublevel {
        border-radius: 5px;
        margin: 0 10px;
    }
    .sidenav__link--current+.sidenav__sublevel .sidenav__link {
        padding: 7px 15px;
    }
    .sidenav__level.sidenav__level--2 {
        padding: 0;
    }
    .sidenav__level.sidenav__level--2 .sidenav__link {
        color: #0C77BA !important;
    }
    .sidenav__level.sidenav__level--2 span.sidenav__link.sidenav__link--current:before {
        background-image: none;
        content: none;
    }
    .sidenav__level.sidenav__level--2 span.sidenav__link.sidenav__link--current {
        color: #0A5380 !important;
    }
    .section__frame.section__frame--bottom {
        padding: 0;
    }
    .sidenav__level.sidenav__level--1 {
        list-style: none;
    }
    .answer-header__title-text {
        font-size: 14px !important;
    }
    .grid__column.grid__column--small+.sidenav__level.sidenav__level--1 {
        border-bottom: none;
    }
    .query-field__suggestion {
        font-size: 14px !important;
    }
}

.sidenav__level {
    cursor: pointer;
}

.sharing__opener {
    background: url(https://s3.amazonaws.com/ps.projects/fannie_mae/SC-icons/icon-share.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.answer-header__title-text-node, .feedback-survey__title {
    font-weight: 400 !important;
}

.breadcrumbs .breadcrumbs__link br, .sidenav__title.mobile-only br {
    display: none !important;
}

ul li p {
    margin: 1em 0 0em 0 !important
}

ul li p:first-child {
    margin: 0 !important
}

.answer-list__drop {
    position: relative !important;
}

.answer-list__drop .answer-header__control {
    top: 8px !important;
}

.sharing, .link-to-answer {
    display: none;
}

.answer-list__drop .sharing, .answer-list__drop .link-to-answer {
    display: block !important;
}

.answer-header__control:nth-child(2) {
    top: 7px !important;
}

.article-page .breadcrumbs {
    padding-left: 0px !important;
}

body.article-page .article {
    background-color: white;
    padding: 25px 15px;
    border-top: solid 2px #d8d8d8;
    border-bottom: solid 2px #d8d8d8;
}

.article-page .sharing {
    display: block;
    position: relative;
    top: -19px;
    right: 60px;
}

.article-page .article__sharing {
    vertical-align: unset;
}

[nr-normalize] ul ul li, [nr-normalize] ul ul ul ul li, [nr-normalize] ul ul ul ul ul ul li, [nr-normalize] ul ul ul ul ul ul ul ul li, [nr-normalize] ul ul ul ul ul ul ul ul ul ul li {
    list-style: circle !important;
}

[nr-normalize] ul ul ul li, [nr-normalize] ul ul ul ul ul li, [nr-normalize] ul ul ul ul ul ul ul li, [nr-normalize] ul ul ul ul ul ul ul ul ul li, [nr-normalize] ul ul ul ul ul ul ul ul ul ul ul li {
    list-style: disc !important;
}

.article-page .feedback-survey__title {
    padding: 13px 0 13px 0px !important;
}

#nanorep-fw .widget-floating {
    width: 30% !important;
}

[nr-normalize] a {
    color: #0C77BA !important;
}

[nr-normalize] h4 a {
    color: #0A5380 !important;
}

.article-page .sharing {
    top: -15px !important;
    right: 50px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .article-page .sharing {
        top: -30px !important;
        right: 60px !important;
    }
}

.article-page #nanorep-ew .sharing {
    top: 0 !important;
    right: 0 !important;
}

.sidenav__level--2 .sidenav__link.sidenav__link--current {
    background: #EDEDED;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 3px;
    padding-left: 6px !important;
}

.answer-list__answer {
    max-height: 50px;
    transition: max-height 2s linear;
}

.answer-list__answer.answer-list__answer--open {
    max-height: 100%;
    transition: max-height 2s linear;
}

.glossary-navigation {
    float: center;
    padding: 0px 10px;
}

.glossary-navigation li, .glossary-navigation a {
    font-size: 14px;
    font-family: 'source sans pro';
    display: block;
    line-height: 1.5;
    float: left;
    text-align: center
}

.glossary-navigation a {
    padding: 10px;
    background-color: #efefef;
    text-decoration: none;
    color: #0c77ba
}

.glossary-navigation a:hover {
    background-color: white
}