@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: 600;
    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: 600;
    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: 600;
    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: 600;
    color: #000;
    letter-spacing: -0.015em;
    line-height: 1.42857143;
}

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

div,
p,
a,
img,
h1,
h2,
h3,
h4 {
    outline: none !important;
}

h1 {
    font-weight: 600;
}

p {
    margin: 0px;
    font-weight: 400;
}

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;
}
a:focus {
    outline: 1px solid #0a70d6;
}

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

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

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

a img {
    outline: none !important;
    border: none !important;
}

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

.shell {
    display: grid;
    grid-template-rows: auto 1fr;
    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 0 0;
}
.shell .main .content {
    padding: 10px;
}
.shell .app-footer {
    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;
    }
}

@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;
    }
}

.nonsupport-browser {
    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-weight: normal;
    padding-top: 0.3em;
}
.nonsupport-browser h2 {
    font-size: 1.25em;
    padding-top: 1.5em;
    font-weight: 600;
}
.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;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.header .nav {
    background: white;
    padding-top: 21px;
    max-width: 1200px;
    width: 100%;
}
.header .nav .row-top {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.header .nav .row-top .info-nav {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    margin-top: 0;
}
.header .nav .row-top .info-nav.links {
    line-height: 65px;
}

.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: 600;
}
.header .nav .row-top .info-nav.links li a:hover {
    text-decoration: underline;
}
.header .nav .row-top .info-nav.links li a:focus {
    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';
    color: black;
    padding-right: 15px;
    font-size: 18px;
}
.header .nav .row-top .info-nav.links li:last-child:after {
    content: '';
    padding-right: 0;
}

.mobile-nav {
    display: flex;
    justify-content: space-between;
}
.mobile-nav .logo {
    margin-bottom: 10px;
}
.mobile-nav .logo a {
    outline-offset: 5px;
}
.mobile-nav .logo a img {
    max-width: 180px;
}

@media (max-width: 1230px) {
    .nav {
        padding-left: 18px;
        padding-right: 18px;
    }
}

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

    .header .nav .row-top .info-nav {
        margin: 10px 0;
        display: block;
        min-width: 140px;
    }

    .header .nav .row-top .info-nav .first-row {
        display: block;
        margin-bottom: -5px;
        margin-right: 0px;
    }

    .header .nav .row-top .info-nav .second-row {
        display: inline;
    }

    .header .nav .row-top .info-nav.links {
        text-align: right;
        line-height: 26px;
    }

    .header .nav .row-top .info-nav.links li a {
        font-size: 13px;
        line-height: 26px;
        margin-right: 10px;
    }

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

    .header .nav .row-top .info-nav.links li:first-child a {
        margin-right: 0px;
    }

    .header .nav .row-top .info-nav.links li:first-child:after {
        content: '';
        padding-right: 0;
    }

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

    .header .nav .row-top .mobile-nav .logo a img {
        max-width: 150px;
    }
}

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

/*footer*/
.footer-bottom {
    min-height: 87px;
    max-height: auto;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
}

.footer-bottom .footer {
    background-image: none;
    background-position: 50%;
    background: white;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    padding: 20px 0;
}
.footer-bottom .footer .container-fluid {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.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: 7px;
    color: black;
}

.footer-bottom .eo-list-container .phone:before {
    content: '.';
    padding-left: 1px;
    padding-right: 1px;
    color: black;
}

.footer-bottom .eo-list-container .fr-phone:before {
  content: ' ';
  padding-left: 1px;
  padding-right: 1px;
  color: black;
}

.footer-bottom .eo-list-container .foundation-list-item {
    list-style: disc;
    display: inline-block;
    margin-right: 0.2em;
}

.footer-bottom .eo-list-container .foundation-list-item:last-child {
    margin-right: 0em;
}

.footer-bottom .eo-list-container .foundation-list-item a {
    color: black;
    text-decoration: none;
}
.footer-bottom .eo-list-container .foundation-list-item a.selected {
    text-decoration: none;
}

.footer-bottom .eo-list-container .foundation-list-item a:focus,
.footer-bottom .eo-list-container .foundation-list-item a:hover {
    text-decoration: underline;
}

.footer-bottom .eo-list-container .foundation-list-item:before {
    content: '\2022';
    color: black;
    padding-right: 0.2em;
    font-size: 14px;
}

.footer-bottom .eo-list-container .foundation-list-item:first-child:before {
    content: none;
    padding-right: 0;
    margin-right: 0;
}

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

.footer-bottom .eo-list-container li a {
    color: black;
    text-decoration: none;
    font-weight: 600;
}

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

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

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

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

.footer-bottom .footer-social-container .no-margin {
    margin-left: 0;
    margin-right: 0;
}

.footer-bottom .footer-social-container a {
    margin-left: 5px;
    margin-right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #f5f5f5;
    text-decoration: none;
    background: #000000;
    display: inline-grid;
    place-items: center;
}

.footer-bottom .footer-social-container a:hover {
    background: #757575;
}

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

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

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

.footer-bottom .footer-copyright-container {
    font-size: 13px;
    margin-top: 0;
    line-height: 0.9em;
}
.footer-bottom .footer-copyright-container .float-left {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding-top: 10px;
}

.footer-bottom .footer-copyright-container .float-left .copyright-text {
    margin-top: 7px;
}

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

.clearfix::after {
    content: ' ';
    display: table;
    clear: both;
}
@media (max-width: 1230px) {
    .footer-bottom .footer .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 61.99em) {
    .footer-bottom .footer .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-bottom .eo-list-container li {
        line-height: 1.8em;
    }

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

    .footer-bottom .footer-social-container {
        margin: 20px 0px 15px 0px;
        text-align: left;
        float: none;
        position: relative;
        top: 0px;
    }
    .footer-bottom .footer-social-container a {
        margin-left: 5px;
        margin-right: 0px;
    }

    .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 .footer-copyright-container .float-left {
        flex-direction: column;
    }

    .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 .footer .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@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;
    }
}

/* DYNAMIC???? */

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

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

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

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

@media (max-width: 767px) {
    body,
    .shell {
        min-width: 240px;
    }
    .shell {
        overflow: hidden;
    }
    .nonsupport-browser .type-of-browser {
        width: 100%;
        text-align: left;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 20px;
    }
    .nonsupport-browser .type-of-browser img {
        margin-right: 20px;
    }

    .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;
}