@charset "UTF-8";
/*$fontFamilyGotham: 'Gotham Rounded A', Arial, Helvetica, sans-serif;*/
/*@mixin largeButtonBlack {
    padding: 14px 16px;
    line-height: 1.3333333;
    border-radius: 4px;
    font-family: 'Gotham Rounded A', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.125em;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    width: 160px;
    background-color: #000;
    border: 2px solid #000;
    margin-right: 21px;
}*/
/*
    Copyright (C) 2011-2017 Hoefler & Co.
    This software is the property of Hoefler & Co. (H&Co).
    Your right to access and use this software is subject to the
    applicable License Agreement, or Terms of Service, that exists
    between you and H&Co. If no such agreement exists, you may not
    access or use this software for any purpose.
    This software may only be hosted at the locations specified in
    the applicable License Agreement or Terms of Service, and only
    for the purposes expressly set forth therein. You may not copy,
    modify, convert, create derivative works from or distribute this
    software in any way, or make it accessible to any third party,
    without first obtaining the written permission of H&Co.
    For more information, please visit us at http://typography.com.
    197739-117669-20170509
*/
@font-face {
    font-family: 'Gotham Rnd SSm';
    src: url('/assets/fonts/GothamRndSSm-Book.eot');
    src: url('/assets/fonts/GothamRndSSm-Book.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/GothamRndSSm-Book.woff2') format('woff2'),
        url('/assets/fonts/GothamRndSSm-Book.woff') format('woff'),
        url('/assets/fonts/GothamRndSSm-Book.ttf') format('truetype'),
        url('/assets/fonts/GothamRndSSm-Book.svg#GothamRndSSm-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Rnd SSm';
    src: url('/assets/fonts/GothamRndSSm-BookItalic.eot');
    src: url('/assets/fonts/GothamRndSSm-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/GothamRndSSm-BookItalic.woff2') format('woff2'),
        url('/assets/fonts/GothamRndSSm-BookItalic.woff') format('woff'),
        url('/assets/fonts/GothamRndSSm-BookItalic.ttf') format('truetype'),
        url('/assets/fonts/GothamRndSSm-BookItalic.svg#GothamRndSSm-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Rnd SSm';
    src: url('/assets/fonts/GothamRndSSm-Bold.eot');
    src: url('/assets/fonts/GothamRndSSm-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/GothamRndSSm-Bold.woff2') format('woff2'),
        url('/assets/fonts/GothamRndSSm-Bold.woff') format('woff'),
        url('/assets/fonts/GothamRndSSm-Bold.ttf') format('truetype'),
        url('/assets/fonts/GothamRndSSm-Bold.svg#GothamRndSSm-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Rnd SSm';
    src: url('/assets/fonts/GothamRndSSm-BoldItalic.eot');
    src: url('/assets/fonts/GothamRndSSm-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/GothamRndSSm-BoldItalic.woff2') format('woff2'),
        url('/assets/fonts/GothamRndSSm-BoldItalic.woff') format('woff'),
        url('/assets/fonts/GothamRndSSm-BoldItalic.ttf') format('truetype'),
        url('/assets/fonts/GothamRndSSm-BoldItalic.svg#GothamRndSSm-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Rnd SSm';
    src: url('/assets/fonts/GothamRndSSm-MediumItalic.eot');
    src: url('/assets/fonts/GothamRndSSm-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/GothamRndSSm-MediumItalic.woff2') format('woff2'),
        url('/assets/fonts/GothamRndSSm-MediumItalic.woff') format('woff'),
        url('/assets/fonts/GothamRndSSm-MediumItalic.ttf') format('truetype'),
        url('/assets/fonts/GothamRndSSm-MediumItalic.svg#GothamRndSSm-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Rnd SSm';
    src: url('/assets/fonts/GothamRndSSm-Medium.eot');
    src: url('/assets/fonts/GothamRndSSm-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/GothamRndSSm-Medium.woff2') format('woff2'),
        url('/assets/fonts/GothamRndSSm-Medium.woff') format('woff'),
        url('/assets/fonts/GothamRndSSm-Medium.ttf') format('truetype'),
        url('/assets/fonts/GothamRndSSm-Medium.svg#GothamRndSSm-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

/*
    Copyright (C) 2011-2017 Hoefler & Co.
    This software is the property of Hoefler & Co. (H&Co).
    Your right to access and use this software is subject to the
    applicable License Agreement, or Terms of Service, that exists
    between you and H&Co. If no such agreement exists, you may not
    access or use this software for any purpose.
    This software may only be hosted at the locations specified in
    the applicable License Agreement or Terms of Service, and only
    for the purposes expressly set forth therein. You may not copy,
    modify, convert, create derivative works from or distribute this
    software in any way, or make it accessible to any third party,
    without first obtaining the written permission of H&Co.
    For more information, please visit us at http://typography.com.
    197739-117669-20170509
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    margin: 0px;
    padding: 0;
    background-color: #e7e7e7;
    font-size: 16px;
    font-family: 'Gotham Rnd SSm', Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 1.42857143;
    letter-spacing: -0.015em;
}

.wrapper {
    margin: 0 auto;
    position: relative;
    width: 100%;
    min-height: 100%;
}

:focus {
    outline: none;
}

:focus-visible {
    outline: #000000 auto 1px;
    outline-offset: 5px;
}

p {
    margin: 0px;
}

a {
    text-decoration: underline;
    color: #282828;
    font-family: 'Gotham Rnd SSm', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
a:hover {
    text-decoration: none;
    color: #282828;
    cursor: pointer !important;
}

h3 a {
    font-weight: 500 !important;
}

h3 .blue-text {
    font-weight: 500 !important;
}

.row:after,
.row:before {
    display: table;
    content: ' ';
    clear: both;
}

/*--------non support browser-----------*/

.shell {
    min-height: 100%; /* This ensures that the footer gets pushed to the bottom if the browser height is bigger than the content */
    position: relative; /* The footer will position based off of this. */
    transition: opacity 0.5s ease;
    -ms-transition: none; /* disable transition for IE11, this became an issue after the angular 8 upgrade */
}
.header {
    display: block;
    position: relative;
    z-index: 200;
}

.shell .main {
    padding: 0 0 96px 0;
}
.shell .main .content {
    padding: 10px;
}
.shell .app-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 200;
}

.component {
    position: relative;
}
.component .component-main {
    display: flex;
    flex-direction: column;
}
.component .component-main .component-body {
    width: 100%;
    flex-grow: 1;
    background: white;
    border-radius: 5px;
}
.component .component-main .component-body .component-title {
    padding: 0px 40px 0 40px;
}
.component .component-main .component-body .component-title h1 {
    margin-bottom: 25px;
}
.component .component-main .component-body .component-content {
    padding: 0 40px 0 40px;
}
.component.with-gutter .component-main {
    padding-bottom: 40px;
    padding-top: 40px;
}
.component.with-gutter .component-main .component-body {
    border: 1px solid #dadada;
    padding-bottom: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .component.with-gutter .component-main .component-body {
        border-radius: 0;
    }

    .shell .main {
        padding: 0 0 120px 0;
    }
}

@media (max-width: 992px) {
    .shell .main {
        padding: 0 0 160px 0;
    }
}

@media (max-width: 991px) {
    .shell .main {
        padding: 0 0 210px 0;
    }
}

@media (max-width: 839px) {
    .shell .main {
        padding: 0 0 230px 0;
    }
}

@media (max-width: 767px) {
    .component .component-main .component-body {
        border-radius: none;
    }

    .component .component-main .component-body .component-title {
        padding: 18px 18px 0 18px;
    }
    .component .component-main .component-body .component-title h1 {
        margin-bottom: 26px;
        font-size: 24px;
    }

    .component.with-gutter .component-main .component-body .component-content {
        padding-left: 18px;
        padding-right: 18px;
    }

    .shell .main {
        padding: 0 0 300px 0;
    }
}

@media (max-width: 30em) {
    .shell .main {
        padding: 0 0 390px 0;
    }
}

.nonsupport-browser {
    width: 65em;
    margin-bottom: 3em;
}
@media (max-width: 992px) {
    .nonsupport-browser {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .nonsupport-browser {
        width: 100%;
    }
}
.nonsupport-browser .type-of-browser {
    width: 18%;
    text-align: center;
    float: left;
    padding: 0px 1%;
}
.nonsupport-browser .type-of-browser p {
    font-size: 0.875em;
    font-weight: normal;
    padding-top: 0.3em;
}
.nonsupport-browser h2 {
    font-size: 1.25em;
    padding-top: 1.5em;
    font-weight: 500;
}
.nonsupport-browser .row {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.nonsupport-browser p {
    line-height: 1.875em;
}
.nonsupport-browser .return-link {
    margin-top: 1.5em;
}

/*header*/
.header {
    background: white;
    border-bottom: 3px solid #ffcd41;
    min-height: 87px;
}
.header .nav {
    background: white;
    padding-top: 21px;
}
.header .nav .row-top {
    padding: 0 19px 0 15px;
}
.header .nav .row-top .info-nav {
    list-style: none;
    float: right;
    margin-top: 20px;
}
.header .nav .row-top .info-nav.links li {
    float: left;
}
.header .nav .row-top .info-nav.links li a {
    margin-right: 10px;
    font-size: 16px;
    text-decoration: none;
    color: #444;
    outline-offset: 6px;
    font-weight: 400;
}

.header .nav .row-top .info-nav.links li a:hover {
    text-decoration: underline;
}

.header .nav .row-top .info-nav.links li:last-child a {
    margin-right: 0;
    border-right: none;
}
.header .nav .row-top .info-nav.links li:after {
    content: '\2022'; /* for firefox/safari */
    content: '\2022'/ '';
    color: #ffcd41;
    padding-right: 15px;
    font-size: 18px;
}
.header .nav .row-top .info-nav.links li:last-child:after {
    content: '';
    padding-right: 0;
}

.mobile-nav {
    float: left;
}
.mobile-nav .logo {
    margin-bottom: 10px;
}
.mobile-nav .logo a {
    outline-offset: 5px;
}
.mobile-nav .logo a img {
    max-width: 180px;
}

@media (max-width: 600px) {
    .header .nav {
        padding-top: 0;
    }

    .header .nav .row-top .info-nav {
        margin: 10px 0;
    }

    .header .nav .row-top .info-nav.links li a {
        font-size: 12px;
        margin-right: 5px;
    }

    .header .nav .row-top .mobile-nav .logo {
        padding-top: 43px;
        margin-bottom: 19px;
    }
    .header .nav .row-top .mobile-nav .logo a img {
        max-width: 150px;
    }

    .header .nav .row-top .info-nav.links li:after {
        padding-right: 10px;
        font-size: 12px;
    }

    .header .nav .row-top .info-nav {
        line-height: 1.42857143;
    }
}

@media (max-width: 397px) {
    .header .nav .row-top .mobile-nav .logo {
        padding-top: 43px;
        margin-bottom: 20px;
    }

    .header .nav .row-top .info-nav {
        padding-right: 0px;
    }
}

/*footer*/
.footer-bottom {
    min-height: 87px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
}
.footer-bottom .title {
    display: inline-block;

    font-size: 18px;
    margin: 0;
    line-height: 1.1;
    margin-right: 23px;
    text-align: left;
}

.footer-bottom .title a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

.footer-bottom .title a.selected {
    text-decoration: none;
}

.footer-bottom a:focus-visible {
    outline-color: #ffffff;
    outline-offset: 1px;
}

.footer-bottom .title a:hover {
    text-decoration: underline;
}

.footer-bottom h1 {
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    margin-right: 20px;
}

.footer-bottom .footer {
    background-image: none;
    background-position: 50%;
    background: #000;
    margin-left: auto;
    margin-right: auto;
    min-height: 92px;
    height: 100%;
    padding: 20px 0;
}
.footer-bottom .footer .container-fluid {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-bottom .footer-contact-container {
    float: left;
    margin-top: 0;
}

.footer-bottom .eo-list-container {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    text-align: left;
    display: block;
    margin-top: 14px;
}
.footer-bottom .eo-list-container .phone:before {
    content: '\2022';
    content: '\2022'/ '';
    padding-left: 1px;
    padding-right: 1px;
    color: #fccf4c;
}

.footer-bottom .eo-list-container li a:hover {
    text-decoration: underline;
}

.footer-bottom .eo-list-container .foundation-list-item {
    list-style: disc;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0em;
}
.footer-bottom .eo-list-container .foundation-list-item a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.footer-bottom .eo-list-container .foundation-list-item a.selected {
    text-decoration: none;
}
.footer-bottom .eo-list-container .foundation-list-item a:hover {
    text-decoration: underline;
}

.footer-bottom .eo-list-container .foundation-list-item:before {
    content: '\2022\00a0'; /* for firefox/safari */
    content: '\2022\00a0'/ ''; /* Dot icon*/
    font-size: 13px;
    color: #fccf4c;
    margin-right: -0.5px;
    margin-left: -1px;
}

.footer-bottom .eo-list-container li {
    list-style: none;
    margin-right: 0.7em;
    margin-left: 0em;
    display: inline-block;
}

.footer-bottom .eo-list-container li a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.footer-bottom .eo-list-container.contact-list {
    margin-top: 0px;
}

.footer-bottom .footer-contact-container .eo-list-container.contact-us {
    margin-right: 28px;
    margin-left: 0;
}

.footer-bottom .footer-social-container {
    text-align: right;
    float: right;
    position: relative;
    top: -4px;
    white-space: nowrap;
    height: 25px;
    white-space: nowrap;
}

.footer-bottom .footer-social-container a {
    text-decoration: none;
    margin-left: 28px;
    margin-right: 0;
    padding-right: 0px;
    padding-left: 0px;
}

.footer-bottom .footer-social-container a:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px white;
    padding-top: 12px;
    padding-left: 3px;
}

.footer-bottom .footer-social-container a:hover img {
    -webkit-box-shadow: 0px 0px 0px 3px #ffffff;
    box-shadow: 0px 0px 0px 3px #ffffff;
}

.footer-bottom .footer-social-container br {
    display: none;
}

.footer-bottom span.copyright span {
    display: inline;
}

.footer-bottom span.copyright span:before {
    content: '\2022\00a0'; /* for firefox/safari */
    content: '\2022\00a0'/ '';
    padding-left: 5px;
    color: #fccf4c;
}

.footer-bottom .copyright span {
    display: block;
}

.footer-bottom .footer-copyright-container {
    font-size: 13px;
    margin-top: 0;
    line-height: 1em;
}
.footer-bottom .footer-copyright-container .float-left {
    width: 100%;
    float: left;
}

.footer-bottom .footer-copyright-container .letter-spacing {
    letter-spacing: -0.028em;
}

.footer-bottom .footer-copyright-container .copyright-notice {
    padding-right: 0.4em;
}

.clearfix:before {
    content: ' ';
    display: table;
}

.clearfix::after {
    content: ' ';
    display: table;
    clear: both;
}

.footer-social-container a {
    color: #ffffff;
}

@media (min-width: 62em) {
}

@media (max-width: 61.99em) {
    .footer-bottom {
        text-align: center;
    }
    .footer-bottom h1 {
        margin-right: 0px;
    }

    .footer-bottom footer {
        padding: 24px 0;
    }
    .footer-bottom .eo-list-container {
        text-align: center;
    }
    .footer-bottom .eo-list-container li {
        margin-right: 0.5em;
        margin-left: 0.5em;
    }

    .footer-bottom .eo-list-container.contact-list {
        margin-top: 8px;
    }

    .footer-bottom .footer-social-container {
        margin: 30px 0;
        text-align: center;
        float: none;
        position: relative;
        top: 0px;
    }
    .footer-bottom .footer-social-container a {
        margin-left: 10px;
        margin-right: 10px;
    }

    .footer-bottom .footer-contact-container {
        float: none;
    }

    .footer-bottom span.copyright span {
        display: block;
    }

    .footer-bottom .footer-copyright-container {
        line-height: 1.8em;
    }

    .footer-bottom span.copyright span:before {
        content: '';
        padding-left: 0px;
    }
}

@media (min-width: 48em) {
    .footer-bottom .eo-list-container {
        display: inline-block;
    }
}

@media (max-width: 47.99em) {
    .footer-bottom .eo-list-container .foundation-list-item:first-child:before {
        display: none;
    }

    .footer-bottom .title {
        margin-right: 0px;
        padding-bottom: 10px;
    }

    .footer-bottom .eo-list-container .line-height {
        margin-bottom: 5px;
    }
}

@media (max-width: 30em) {
    .footer-bottom .footer-social-container {
        white-space: wrap;
    }
    .footer-bottom .footer-social-container br {
        display: block;
    }
}

@media (max-width: 29.99em) {
    .footer-bottom .footer-contact-container .eo-list-container li {
        display: block;
    }

    .footer-bottom .footer-social-container {
        height: 75px;
    }

    .footer-bottom .footer-copyright-container {
        padding-bottom: 5px;
    }
}

/* DYNAMIC???? */

@media (min-width: 992px) {
    .footer-contact-container {
        width: calc(100% - 351px);
    }

    .footer-social-container {
        width: 351px;
    }
}

@media (max-width: 1600px) {
    body {
        font-size: 14px;
    }
}

@media (max-width: 1400px) {
    body {
        font-size: 12px;
    }
}

@media (max-width: 1025px) and (min-width: 993px) {
    body {
        font-size: 14px;
    }
    .nonsupport-browser {
        width: 100%;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 16px;
    }
    .nonsupport-browser {
        width: 100%;
    }
    .nonsupport-browser .type-of-browser {
        padding: 0px 0.2em;
    }
    .nonsupport-browser .type-of-browser p {
        font-size: 0.675em;
    }
    .nonsupport-browser .type-of-browser a {
        font-size: 1.325em;
    }
}

@media (max-width: 767px) {
    body,
    .shell {
        min-width: 240px;
    }
    .shell {
        overflow: hidden;
    }
    .nonsupport-browser .type-of-browser {
        width: 100%;
        text-align: left;
        min-height: 6.25em;
    }
    .nonsupport-browser .type-of-browser:before {
        position: absolute;
    }
    .nonsupport-browser .type-of-browser p {
        float: left;
        padding-left: 6.25em;
        font-size: 1em;
    }
    .nonsupport-browser .type-of-browser a {
        font-size: 1em;
    }
    .nonsupport-browser h3 {
        padding-top: 1em;
    }
    .nonsupport-browser .row {
        margin-bottom: 0px;
    }
}

/* IE8 uses \0 */
@media all\0 {
    .en .footer-bottom h1 {
        float: left;
    }

    .en .footer-bottom .footer-copyright-container .float-left {
        display: block;
    }

    .en .footer-bottom .footer-copyright-container .float-left span {
        display: table-cell;
    }

    .fr .footer-bottom .footer-copyright-container .float-left {
        display: block;
    }

    .fr .footer-bottom .footer-copyright-container .float-left span {
        display: table-cell;
    }
}

/*IE7 only*/
.footer-bottom .footer-contact-container {
    *padding-bottom: 10px;
}

.footer-bottom .contact-list.eo-list-container {
    *margin-left: 0px;
}

.footer-bottom .eo-list-container LI {
    *float: left;
    *padding-left: 10px;
    *border-left: 1px solid #fccf4c;
}

.footer-bottom .eo-list-container LI:first-child {
    *padding-left: 0px;
    *border-left: 0px;
}

.footer-bottom .footer-copyright-container .float-left span {
    *display: inline-block;
}

.footer-bottom .eo-list-container .phone {
    *padding-left: 4px;
}

.component .component-main .component-body .component-title H1 {
    *margin-top: 25px;
}