/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 09 March 2023 20:10:38
*/


#page-wrapper {
    max-width: 1600px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 0;
    overflow: hidden;
    background: none;
}
header {
    position: relative;
    height: auto;
}
#main-wrapper {
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    /*padding: 0 0 20px;*/
}
.inner-wrapper {
    float: none !important;
}
#main-wrapper .complementary,
.breadcrumbs {
    display: none !important;
}
#page-body,
#main {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 600px;
}
#home-header,
#home-footer,
.section-container {
    width: 87.5%;
    margin: 20px auto;
}
.home-tile-wrapper ~ .section-container {
    margin: -6px auto 20px;
}
.section-container .max-2-col .card-list .card-item:last-child:nth-child(odd) {
    width: 100%;
}

#marquee{width:87.5%; height: 24px; line-height: 24px; overflow: hidden; margin:20px auto; padding: 0; font-weight: bold;}
#marquee ul {list-style: none; margin: 0; padding: 0;}
#marquee li{float: left; list-style: none; margin: 0; padding:0 8px; line-height: 24px; font-size: 16px;}
.home-headline-wrapper{width:87.5%; line-height: 24px; overflow: hidden; margin:20px auto; padding: 0; font-weight: bold;}
.home-headline-wrapper * {line-height: 24px; margin-top: 0; padding-top: 0; padding-bottom: 0;}
.home-headline-wrapper :last-child {margin-bottom: 0;}
.home-headline-wrapper a {text-decoration: underline;}
.home-tile-wrapper {
    position: relative;
    display: block;
    float: none;
    width: 87.5%;
    margin: 20px auto;
    padding: 0;
}
.notification-box {
    display: block;
    padding: 1em 1.5em;
    background-color: #595959;
    color: #ffffff;
    border: 1px solid #c8c9c7;
    box-sizing: border-box;
    line-height: 1;
    font-weight: normal;
}
.notification-box a,
.notification-box a:active,
.notification-box a:focus,
.notification-box a:visited,
.notification-box * {
    color: #ffffff;
}
#home-banner.home-tile figure,
#home-banner.home-tile .home-carousel,
#home-banner.home-tile {
    height: 374px;
}
#home-ns.home-tile {
    clear:left;width:32.66%;margin-top:14px;
}
#home-cs.home-tile {
    width:32.66%;margin-left:1%;margin-top:14px;
}
#home-is.home-tile {
    width:32.66%;margin-left:1%;margin-top:14px;
}
#home-ns .tile-icon,
#home-cs .tile-icon,
#home-is .tile-icon {
    background-position:100% 40%;background-size:22%;
}
#home-aos.home-tile {
    position:absolute;left:50.5%;top:0;width:24.25%;
}
#home-ni.home-tile {
    position:absolute;left:75.75%;top:0;width:24.25%;
}
#home-bf.home-tile {
    position:absolute;left:50.5%;top:180px;width:15.83%;margin-top:14px;
    /*background: #0095c8;*/
}
#home-bf.home-tile a.tile-button:hover, #home-bf.home-tile a.tile-button:focus {
    /*color: #0095c8;*/
}
#home-an.home-tile {
    position:absolute;left:67.33%;top:180px;width:15.83%;margin-top:14px;
    /*background: #dd1122;*/
}
#home-an.home-tile a.tile-button:hover, #home-an.home-tile a.tile-button:focus {
    /*color: #dd1122;*/
}
#home-na.home-tile {
    position:absolute;left:84.16%;top:180px;width:15.83%;margin-top:14px;
    /*background: #003086;*/
}
#home-na.home-tile a.tile-button:hover, #home-na.home-tile a.tile-button:focus {
    /*color: #003086;*/
}
#home-banner-t1 {
    background: #dd1122;
    font-family: Caveat;
    /*text-shadow: 3px 3px 1px #000000;*/
    font-weight: bold;
}
#home-banner-t2 {
    background: #000000;
}
.home-banner-text-wrapper {
    position: absolute;
    bottom: 14px;
    left: 1em;
    right: 1em;
    text-align: left;
}
.home-banner-text {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 20px;
    line-height: 1.1;
    color:#ffffff;
    float: left;
    clear: left;
    /*min-width: 288px;*/
}
.home-tile {
    position: relative;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    width: 49.5%;
    height: 180px;
    overflow: hidden;
    text-align: center;
    background: no-repeat 50% 0;
    background-size: cover;
    color: #ffffff;
    -ms-behavior: url(/__data/assets/file/0006/119949/backgroundsize.min.htc);
}
.home-tile .tile-icon {
    position: absolute;
    top: 10%;
    left: 10%;
    right: 10%;
    bottom: 50px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -ms-behavior: url(/__data/assets/file/0006/119949/backgroundsize.min.htc);
}
.home-tile .tile-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    font-size: 1em;
    padding: 12px;
}
.home-tile .image-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    font-size: 1em;
    padding: 12px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ff000000',GradientType=0 ); /* IE6-9 */
}
.home-tile a.tile-button {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 8px;
    font-family: 'AauxNext-Bold';
    font-size: 14px;
    line-height: 1.1;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    background: none;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.home-tile .image-caption a.tile-button {
    display: inline-block;
    min-width: 60%;
}
.home-tile:hover a.tile-button.icon-tile-button {
    color: #ffffff;
}
.home-tile a.tile-button:hover, .home-tile a.tile-button:focus {
    background-color: #ffffff;
    color: #000000;
}
.home-tile.tile-mit-red {
    background: #dd1122;
}
.home-tile.tile-mit-red a.tile-button:hover, .home-tile.tile-mit-red a.tile-button:focus {
    color: #dd1122;
}
.home-tile.tile-dark-blue {
    background: #003086;
}
.home-tile.tile-dark-blue a.tile-button:hover, .home-tile.tile-dark-blue a.tile-button:focus {
    color: #003086;
}
.home-tile.tile-purple {
    background: #772583;
}
.home-tile.tile-purple a.tile-button:hover, .home-tile.tile-purple a.tile-button:focus {
    color: #772583;
}
.home-tile.tile-yellow {
    background: #ffb500;
}
.home-tile.tile-yellow a.tile-button:hover, .home-tile.tile-yellow a.tile-button:focus {
    color: #ffb500;
}
.home-tile.tile-light-blue {
    background: #0095c8;
}
.home-tile.tile-light-blue a.tile-button:hover, .home-tile.tile-light-blue a.tile-button:focus {
    color: #0095c8;
}
.home-tile.tile-orange {
    background: #ff6a13;
}
.home-tile.tile-orange a.tile-button:hover, .home-tile.tile-orange a.tile-button:focus {
    color: #ff6a13;
}
.home-tile.tile-pink {
    background: #df0599;
}
.home-tile.tile-pink a.tile-button:hover, .home-tile.tile-pink a.tile-button:focus {
    color: #df0599;
}
.home-tile.tile-green {
    background: #64a70b;
}
.home-tile.tile-green a.tile-button:hover, .home-tile.tile-green a.tile-button:focus {
    color: #64a70b;
}
.home-tile.tile-light-green {
    background: #3BAD5F;
}
.home-tile.tile-light-green a.tile-button:hover, .home-tile.tile-green a.tile-button:focus {
    color: #3BAD5F;
}
.home-tile.tile-medium-green {
    background: #216E31;
}
.home-tile.tile-medium-green a.tile-button:hover, .home-tile.tile-green a.tile-button:focus {
    color: #216E31;
}
.home-tile.tile-tp-green {
    background: #183121;
}
.home-tile.tile-tp-green a.tile-button:hover, .home-tile.tile-green a.tile-button:focus {
    color: #183121;
}
.home-tile.tile-grey {
    background: #595959;
}
.home-tile.tile-grey a.tile-button:hover, .home-tile.tile-grey a.tile-button:focus {
    color: #595959;
}
.home-tile.tile-dark-grey {
    background: #333333;
}
.home-tile.tile-dark-grey a.tile-button:hover, .home-tile.tile-dark-grey a.tile-button:focus {
    color: #333333;
}
.home-tile.tile-light-grey {
    background: #c8c9c7;
}
.home-tile.tile-light-grey a.tile-button:hover, .home-tile.tile-light-grey a.tile-button:focus {
    color: #c8c9c7;
}

.home-carousel, .home-carousel > figure {
    position: relative;
    max-height: 100%;
    margin: 0;
}
.home-carousel > figure {
    background-color: #ffffff;
}
.home-carousel > figure .slide-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 2em auto;
}
.home-carousel, .home-carousel > figure img {
    display: block;
    margin: auto;
}
.home-carousel, .home-carousel > figure img.slide-image {
    width: 100%;
}
.home-carousel > figure > a {
    display: block;
    background-color: #000000;
}
.section-container a:hover > img,
.home-carousel > figure > a:hover > img {
    opacity: 0.9;
}
.home-carousel > figure > .image-caption {
    box-sizing: border-box;
    overflow: hidden;
    padding: 0.5em;
    background-color: rgba(34, 34, 34, 0.2);
}
.home-carousel > figure > .image-caption a {
    text-decoration: underline;
    /*color: #dd1122;
    font-weight: bold;*/
}
.home-carousel > figure > .image-caption p {
    margin: 0 0 0.5em;
}
.home-carousel > figure > .image-caption * {
    color: #ffffff;
    margin: 0;
    text-shadow: 2px 2px 10px #000000;
    line-height: normal;
}
.home-carousel img.play-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.75;
}
.home-carousel img.play-button:hover {
    opacity: 1;
}
.home-carousel > button {
    display: none;
}
.home-carousel.carousel > button:focus,
.home-carousel.carousel > button {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 48px;
    height: 80px;
    line-height: 42px;
    box-sizing: border-box;
    text-shadow: 2px 2px 10px #000000;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: none;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    outline: 0;
    text-decoration: none;
}
.home-carousel.carousel > button:hover {
    text-decoration: none;
    background: rgba(34, 34, 34, 0.75);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}

/* -- card style -- */
.card-frame {
    position: relative;
    height: 100%;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.3);
    line-height: normal;
    display: flex;
    flex-direction: column;
}
.round .card-frame {
    border-radius: 5px;
}
.card-list.nav-card-list .card-frame {
    align-items: center;
    text-align: center;
}

.card-frame:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 6px;
    height: 100%;
    background: none;
}
.card-frame.red-bar:after {
    background: #dd1122;
}
.card-frame.level-0:after{opacity:0.1;}
.card-frame.level-1:after{opacity:0.2;}
.card-frame.level-2:after{opacity:0.3;}
.card-frame.level-3:after{opacity:0.4;}
.card-frame.level-4:after{opacity:0.5;}
.card-frame.level-5:after{opacity:0.6;}
.card-frame.level-6:after{opacity:0.7;}
.card-frame.level-7:after{opacity:0.8;}
.card-frame.level-8:after{opacity:0.9;}

.card-frame > .card-header {
    box-sizing: border-box;
    padding: 0 24px;
}
.card-frame > .card-header.notempty {
    padding-top: 20px;
}

.card-frame > .card-footer {
    box-sizing: border-box;
    padding: 0 24px;
}
.card-frame > .card-image + .card-text.hidden + .card-footer,
.card-frame > .card-header.hidden + .card-text.hidden + .card-footer {
    padding-top: 20px;
}

.card-frame > .card-text {
    box-sizing: border-box;
    padding: 20px 24px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    line-height: normal;
    flex: auto;
    align-self: stretch; /*IE only*/
}
.card-list .card-frame.nav-card > .card-text,
.card-list.nav-card-list .card-frame > .card-text {
    padding: 20px 24px;
    font-family: AauxNext-Bold;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    text-align: center;
}
.card-list.nav-card-list .card-frame > .card-header.notempty + .card-text,
.card-frame > .card-header.notempty + .card-text {
    padding-top: 0;
}
.card-list.nav-card-list .card-frame > .card-header.hidden + .card-text,
.card-frame > .card-header.hidden + .card-text {
    padding-top: 20px;
}

.card-item > .card-frame > a.card-text {
    border: 1px solid transparent;
}
.card-item > .card-frame > a.card-text:hover {
    border-color: #cccccc;
}
.card-item > .card-frame.linked:hover {
    box-shadow: 0 1px 8px 1px rgba(0,0,0,0.3);
}

.card-frame > .card-text * {
    line-height: normal;
    margin-top: 0;
}
.card-frame > .card-text ul,
.card-frame > .card-text ol {
    padding-left: 2em;
}
.card-frame > .card-text h2,
.card-title {
    margin-top: 0;
    line-height: 1.1;
    color: inherit;
}
.no-card-title .card-title {
    display: none;
}

.card-frame > .card-image {
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    flex: none;
    /*display: flex;*/
    flex-direction: column;
}
.card-frame > .card-image img {
    display: block;
    margin: 0;
    flex: none;
}

.card-frame > .related-image,
.card-frame > .related-image img {
    width: 100%;
}

.sizing-image .card-frame > .related-image {
    padding: 0 16px;
    margin: auto;
    width: auto;
}
.sizing-image .card-frame > .card-header.hidden + .related-image {
    padding-top: 16px;
}
.sizing-image .card-frame > .related-image.next-all-empty {
    padding-bottom: 16px;
}
.sizing-image .card-frame > .related-image img {
    margin: auto;
    width: auto;
    max-height: 320px;
}

.card-frame > .related-icon {
    width: auto;
    padding: 16px 16px 0;
}
.card-frame > .card-header.notempty + .related-icon {
    padding-top: 0;
}
.card-frame > .card-header.hidden + .related-icon {
    padding-top: 16px;
}
.card-frame > .related-icon.next-all-empty {
    padding-bottom: 16px;
}
.card-frame > .related-icon img {
    width: 128px;
    background-color: #dd1122;
    margin: auto;
}
/*
.card-list.nav-card-list .card-frame > .related-icon {
    flex: auto;
    justify-content: flex-end;
}
*/
.image-align-left .card-frame > .card-image,
.text-align-left .card-frame > .card-text {
    text-align: left;
}
.image-align-left .card-frame > .card-image {
    margin: 0;
}
.image-align-center .card-frame > .card-image,
.text-align-center .card-frame > .card-text {
    text-align: center;
}
.image-align-center .card-frame > .card-image {
    margin: auto;
}

.card-list {
    list-style: none !important;
    position: relative;
    font-size: 0;
    margin: 0 -10px 16px;
    border: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.card-list > * {
    font-size: medium;
}
.card-list .card-item {
    position: relative;
    list-style: none !important;
    font-size: medium;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0;
    border: 0;
    padding: 10px;
    width: 25%;
    background: none;
    box-shadow: none;
}
.card-list.width-auto .card-item {
    width: auto !important;
    min-width: 0 !important;
}
.cards-to-show-5 .card-list .card-item,
.max-5-col .card-list .card-item {
    width: 20%;
}
.cards-to-show-4 .card-list .card-item,
.max-4-col .card-list .card-item {
    width: 25%;
}
.cards-to-show-3 .card-list .card-item,
.max-3-col .card-list .card-item {
    width: 33.33%;
}
.cards-to-show-2 .card-list .card-item,
.max-2-col .card-list .card-item {
    width:50%;
}
.cards-to-show-1 .card-list .card-item,
.max-1-col .card-list .card-item {
    width: 100%;
}

.icon-left .card-list .card-frame {
    display: inline-block;
    width: 100%;
}
.icon-left .card-list .card-frame > .card-image {
    float: left;
    padding: 16px;
}

.card-align-left .card-list {
    justify-content: left;
}
.card-align-center .card-list {
    justify-content: center;
}
.space-evenly .card-list {
    justify-content: space-evenly;
}
.space-between .card-list .card-item {
    justify-content: space-between;
}
.flex-auto .card-list .card-item {
    flex: auto;
}
.flex-end .card-list .card-item {
    justify-content: flex-end;
}
.no-flex .card-list {
    display: block;
}
.no-flex .card-list .card-item {
    display: inline-block;
}

.tile-cards .card-frame .page-tile {
    float: none;
    display: block;
    /*background: none;*/
}
.tile-cards .card-frame .page-tile .tile-image {
    transition: 0.3s;
}
.icon-in-front .tile-cards > .card-item .page-tile:not(.no-icon) .tile-image,
.tile-cards .card-frame .page-tile:hover .tile-image {
    opacity: inherit;
    width: 0;
    transition: 0.6s;
}
.icon-in-front .tile-cards > .card-item .page-tile:hover .tile-image {
    width: 100%;
}

@media (max-width: 1400px) {
  .cards-to-show-5 .card-list .card-item,
  .max-5-col .card-list .card-item {
    width: 25%;
  }
  .card-list.slick-slider .card-item {
    height: 100%;
  }
}
@media (max-width: 1200px) {
  .cards-to-show-5 .card-list .card-item,
  .max-5-col .card-list .card-item {
    width: 33.33%;
  }
  .cards-to-show-4 .card-list .card-item,
  .max-4-col .card-list .card-item,
  .cards-to-show-3 .card-list .card-item,
  .max-3-col .card-list .card-item,
  .card-list .card-item {
    width: 50%;
  }
  .card-list.slick-slider .card-item {
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .cards-to-show-5 .card-list .card-item,
  .max-5-col .card-list .card-item,
  .cards-to-show-4 .card-list .card-item,
  .max-4-col .card-list .card-item,
  .cards-to-show-3 .card-list .card-item,
  .max-3-col .card-list .card-item,
  .card-list .card-item {
    width: 50%;
  }
  .card-list.slick-slider .card-item {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .cards-to-show-5 .card-list .card-item,
  .max-5-col .card-list .card-item,
  .cards-to-show-4 .card-list .card-item,
  .max-4-col .card-list .card-item,
  .cards-to-show-3 .card-list .card-item,
  .max-3-col .card-list .card-item,
  .cards-to-show-2 .card-list .card-item,
  .max-2-col .card-list .card-item,
  .card-list .card-item {
    width: 100%;
  }
  .card-list.tab-cards > .card-item,
  .card-list.tile-cards > .card-item,
  .mobile-2-col .card-list .card-item,
  .mobile-2-col.card-list .card-item {
    width: 50%;
  }
  .card-list.slick-slider .card-item {
    height: 100%;
  }
}
@media (max-width: 480px) {
  .card-text h2,
  .card-text h3,
  .card-text h4,
  .card-title {
    font-size: inherit;
  }
  .mobile-2-col .card-list .card-item,
  .mobile-2-col.card-list .card-item,
  .card-list.tab-cards > .card-item,
  .card-list.tile-cards > .card-item,
  .card-list.slick-slider .card-item {
    width: 100%;
  }
}


a.underline, a.underline:link, a.underline:visited {
  text-decoration: underline;
}
a.underline:hover, a.underlinelink:hover {
  text-decoration: none;
}
a.red,
a.redlink {
  color: #dd1122;
}
a.red:hover,
a.redlink:hover {
  color: #ff0000;
}

a.arrow-back:before {
    content: '\f04a';
    font-family: FontAwesome;
    padding-right: 0.5em;
}
a.arrow-left:before {
    content: '\f04b';
    font-family: FontAwesome;
    padding-right: 0.5em;
}
a.arrow-download:before {
    content: '\f019';
    font-family: FontAwesome;
    padding-right: 0.5em;
}

a.arrow-right:after {
    content: '\f105';
    font-family: FontAwesome;
    padding-left: 0.5em;
}
a.button.arrow-right:after,
a.red-button.arrow-right::after {
    display: none;
}

a.card-link {
    color: inherit;
}
a.card-text.arrow-right {
    padding-right: 28px !important;
}
a.card-text.arrow-right:after {
    content: '\f054';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 1em;
    line-height: 1;
}
a.card-text.arrow-right:hover:after {
    font-size: 20px;
    transition: 0.1s;
}
.card-frame.area-title a.card-text:after,
.card-frame.page-title a.card-text:after {
    color: inherit !important;
}

a.button,
a.red-button {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0.5em 1em;
    border: 2px solid transparent;
    background: #dd1122;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: normal;
    cursor: pointer;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    overflow: hidden;
}
a.button.white-background,
a.white-button {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0.5em 1em;
    border: 2px solid transparent;
    background: #ffffff;
    color: #dd1122;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: normal;
    cursor: pointer;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    overflow: hidden;
}
a.button.arrow-right,
a.red-button.arrow-right {
    padding: 0.5em 2.5em 0.5em 1em;
    line-height: 1.4;
}
a.button.arrow-right:before,
a.red-button.arrow-right:before {
    content: '\f04b';
    font-family: FontAwesome;
    position: absolute;
    right: 1em;
}
a.button.arrow-right::before,
a.red-button.arrow-right::before {
    content: '\f04b';
    font-family: FontAwesome;
    position: absolute;
    right: 1em;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.button.border {
    background: #ffffff;
    color: #dd1122;
    border: 2px solid #dd1122;
    font-weight: bold;
}
a.red-button.border {
    background: #ffffff !important;
    color: #dd1122 !important;
    border: 2px solid #dd1122;
    font-weight: bold;
}
a.button.white-border {
    border-color: #ffffff;
}
a.button:hover,
a.red-button:hover,
a.white-button:hover {
    border-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    text-decoration: none;
}

a.email-link {
    word-break: break-word;
}
a[href*='mailto:'] {
    word-break: break-word;
}

.rounded {
    border-radius: 2em;
}
.circle {
    border-radius: 50%;
}
.linked {
    cursor: pointer;
}

/* -- MIT colors -- */
.square {
  display: inline-block;
  min-width: 40px;
  line-height: normal;
  margin: 0 8px 8px 0;
  padding: 1em;
  border: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
}
.tab-content {
    border-color: transparent;
}
.orange .accordion::before,
.orange .key-facts .fact-cards a,
.orange .key-facts .fact-cards h4,
.orange .key-facts .fact-cards .icon-list li:before,
.orange .accordion.border-tab > h2:first-child:before, .orange .accordion.border-tab > h3:first-child:before, .orange .accordion.border-tab > h4:first-child:before, .orange .accordion.border-tab > h5:first-child:before, .orange .accordion.border-tab > .topic:first-child:before,
.card-frame.orange-bar .card-text:after,
.card-frame.orange-bar .toggle-button,
.orange .slick-current .nav-card .card-text,
.orange .card-title a,
.orange .fact-cards .slick-arrow,
.orange .fact-cards a.button:hover,
.orange .fact-table a.info-link:hover,
#page-wrapper .index-tile.orange .index-tile-header span,
#page-wrapper .section-wrapper.orange h2 span,
.orange .index-tile-header span,
.orange .section-wrapper h2 span,
.orange .hightlight-text,
.icon-in-front .tile-orange .tile-button,
.tile-orange:not(.tile-widget):hover .tile-button,
.tile-orange .tile-button:hover,
.tile-orange:hover a.tile-button,
.orange-text-link a, a.orange-text-link,
a.button.orange-text,
.orange a.button.white-background,
.orange-text,
.orange-color {
    color: #ff6a13;
}
.orange .title-tab-cards .tab-content-box,
.title-tab-cards .orange .tab-content-box,
.orange .key-facts .fact-cards .card-list,
.orange .key-facts .fact-cards .card-item,
.orange .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-orange:after,
hr.orange,
.orange hr,
a.orange-border,
.orange-border {
    border-color: #ff6a13;
}
.orange .title-tab-cards .tab-wrapper:hover,
.orange .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .orange .tab-wrapper:hover,
.title-tab-cards .orange.expanded .tab-wrapper,
.orange .box-title,
.orange .banner-text,
.orange .banner-tile-container,
.orange .carousel > ol li:hover,
.orange .carousel > ol li.active,
.orange .slick-dots li button:hover,
.orange .slick-dots li.slick-active button,
.orange .slick-arrow,
.orange .card-frame > .related-icon img,
.orange .fact-cards .card-frame,
.card-frame.orange-bar:after,
.orange .responsive-carousel .carousel > button,
.orange .fact-cards .slick-arrow:hover,
.orange .fact-cards,
.orange .fact-cards .card-list,
.orange .fact-cards .card-list.slick-slider .slick-list:before,
.orange .fact-cards .card-list.slick-slider .slick-list:after,
.orange .fact-table,
.orange .nav-icons,
.orange .banner > *,
.orange .button,
.tile-orange,
a.button.orange-background,
.orange-background {
    background-color: #ff6a13;
}
.yellow .accordion::before,
.yellow .key-facts .fact-cards a,
.yellow .key-facts .fact-cards h4,
.yellow .key-facts .fact-cards .icon-list li:before,
.yellow .accordion.border-tab > h2:first-child:before, .yellow .accordion.border-tab > h3:first-child:before, .yellow .accordion.border-tab > h4:first-child:before, .yellow .accordion.border-tab > h5:first-child:before, .yellow .accordion.border-tab > .topic:first-child:before,
.card-frame.yellow-bar .card-text:after,
.card-frame.yellow-bar .toggle-button,
.yellow .slick-current .nav-card .card-text,
.yellow .card-title a,
.yellow .fact-cards .slick-arrow,
.yellow .fact-cards a.button:hover,
.yellow .fact-table a.info-link:hover,
#page-wrapper .index-tile.yellow .index-tile-header span,
#page-wrapper .section-wrapper.yellow h2 span,
.yellow .index-tile-header span,
.yellow .section-wrapper h2 span,
.yellow .hightlight-text,
.icon-in-front .tile-yellow .tile-button,
.tile-yellow:not(.tile-widget):hover .tile-button,
.tile-yellow .tile-button:hover,
.tile-yellow:hover a.tile-button,
.yellow-text-link a, a.yellow-text-link,
a.button.yellow-text,
.yellow a.button.white-background,
.yellow-text,
.yellow-color {
    color: #ff9e1b;
}
.yellow .title-tab-cards .tab-content-box,
.title-tab-cards .yellow .tab-content-box,
.yellow .key-facts .fact-cards .card-list,
.yellow .key-facts .fact-cards .card-item,
.yellow .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-yellow:after,
hr.yellow,
.yellow hr,
a.yellow-border,
.yellow-border {
    border-color: #ff9e1b;
}
.yellow .title-tab-cards .tab-wrapper:hover,
.yellow .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .yellow .tab-wrapper:hover,
.title-tab-cards .yellow.expanded .tab-wrapper,
.yellow .box-title,
.yellow .banner-text,
.yellow .banner-tile-container,
.yellow .carousel > ol li:hover,
.yellow .carousel > ol li.active,
.yellow .slick-dots li button:hover,
.yellow .slick-dots li.slick-active button,
.yellow .slick-arrow,
.yellow .card-frame > .related-icon img,
.yellow .fact-cards .card-frame,
.card-frame.yellow-bar:after,
.yellow .responsive-carousel .carousel > button,
.yellow .fact-cards .slick-arrow:hover,
.yellow .fact-cards,
.yellow .fact-cards .card-list,
.yellow .fact-cards .card-list.slick-slider .slick-list:before,
.yellow .fact-cards .card-list.slick-slider .slick-list:after,
.yellow .fact-table,
.yellow .nav-icons,
.yellow .banner > *,
.yellow .button,
.tile-yellow,
a.button.yellow-background,
.yellow-background {
    background-color: #ff9e1b;
}
.bright-yellow .accordion::before,
.bright-yellow .key-facts .fact-cards a,
.bright-yellow .key-facts .fact-cards h4,
.bright-yellow .key-facts .fact-cards .icon-list li:before,
.bright-yellow .accordion.border-tab > h2:first-child:before, .bright-yellow .accordion.border-tab > h3:first-child:before, .bright-yellow .accordion.border-tab > h4:first-child:before, .bright-yellow .accordion.border-tab > h5:first-child:before, .bright-yellow .accordion.border-tab > .topic:first-child:before,
.card-frame.bright-yellow-bar .card-text:after,
.card-frame.bright-yellow-bar .toggle-button,
.bright-yellow .slick-current .nav-card .card-text,
.bright-yellow .card-title a,
.bright-yellow .fact-cards .slick-arrow,
.bright-yellow .fact-cards a.button:hover,
.bright-yellow .fact-table a.info-link:hover,
#page-wrapper .index-tile.bright-yellow .index-tile-header span,
#page-wrapper .section-wrapper.bright-yellow h2 span,
.bright-yellow .index-tile-header span,
.bright-yellow .section-wrapper h2 span,
.bright-yellow .hightlight-text,
.icon-in-front .tile-bright-yellow .tile-button,
.tile-bright-yellow:not(.tile-widget):hover .tile-button,
.tile-bright-yellow .tile-button:hover,
.tile-bright-yellow:hover a.tile-button,
.bright-yellow-text-link a, a.bright-yellow-text-link,
a.button.bright-yellow-text,
.bright-yellow a.button.white-background,
.bright-yellow-text,
.bright-yellow-color {
    color: #ffcc00;
}
.bright-yellow .title-tab-cards .tab-content-box,
.title-tab-cards .bright-yellow .tab-content-box,
.bright-yellow .key-facts .fact-cards .card-list,
.bright-yellow .key-facts .fact-cards .card-item,
.bright-yellow .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-bright-yellow:after,
hr.bright-yellow,
.bright-yellow hr,
a.bright-yellow-border,
.bright-yellow-border {
    border-color: #ffcc00;
}
.bright-yellow .title-tab-cards .tab-wrapper:hover,
.bright-yellow .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .bright-yellow .tab-wrapper:hover,
.title-tab-cards .bright-yellow.expanded .tab-wrapper,
.bright-yellow .box-title,
.bright-yellow .banner-text,
.bright-yellow .banner-tile-container,
.bright-yellow .carousel > ol li:hover,
.bright-yellow .carousel > ol li.active,
.bright-yellow .slick-dots li button:hover,
.bright-yellow .slick-dots li.slick-active button,
.bright-yellow .slick-arrow,
.bright-yellow .card-frame > .related-icon img,
.bright-yellow .fact-cards .card-frame,
.card-frame.bright-yellow-bar:after,
.bright-yellow .responsive-carousel .carousel > button,
.bright-yellow .fact-cards .slick-arrow:hover,
.bright-yellow .fact-cards,
.bright-yellow .fact-cards .card-list,
.bright-yellow .fact-cards .card-list.slick-slider .slick-list:before,
.bright-yellow .fact-cards .card-list.slick-slider .slick-list:after,
.bright-yellow .fact-table,
.bright-yellow .nav-icons,
.bright-yellow .banner > *,
.bright-yellow .button,
.tile-bright-yellow,
a.button.bright-yellow-background,
.bright-yellow-background {
    background-color: #ffcc00;
}
.green .accordion::before,
.green .key-facts .fact-cards a,
.green .key-facts .fact-cards h4,
.green .key-facts .fact-cards .icon-list li:before,
.green .accordion.border-tab > h2:first-child:before, .green .accordion.border-tab > h3:first-child:before, .green .accordion.border-tab > h4:first-child:before, .green .accordion.border-tab > h5:first-child:before, .green .accordion.border-tab > .topic:first-child:before,
.card-frame.green-bar .card-text:after,
.card-frame.green-bar .toggle-button,
.green .slick-current .nav-card .card-text,
.green .card-title a,
.green .fact-cards .slick-arrow,
.green .fact-cards a.button:hover,
.green .fact-table a.info-link:hover,
#page-wrapper .index-tile.green .index-tile-header span,
#page-wrapper .section-wrapper.green h2 span,
.green .index-tile-header span,
.green .section-wrapper h2 span,
.green .hightlight-text,
.icon-in-front .tile-green .tile-button,
.tile-green:not(.tile-widget):hover .tile-button,
.tile-green .tile-button:hover,
.tile-green:hover a.tile-button,
.green-text-link a, a.green-text-link,
a.button.green-text,
.green a.button.white-background,
.green-text,
.green-color {
    color: #64a70b;
}
.green .title-tab-cards .tab-content-box,
.title-tab-cards .green .tab-content-box,
.green .key-facts .fact-cards .card-list,
.green .key-facts .fact-cards .card-item,
.green .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-green:after,
hr.green,
.green hr,
a.green-border,
.green-border {
    border-color: #64a70b;
}
.green .title-tab-cards .tab-wrapper:hover,
.green .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .green .tab-wrapper:hover,
.title-tab-cards .green.expanded .tab-wrapper,
.green .box-title,
.green .banner-text,
.green .banner-tile-container,
.green .carousel > ol li:hover,
.green .carousel > ol li.active,
.green .slick-dots li button:hover,
.green .slick-dots li.slick-active button,
.green .slick-arrow,
.green .card-frame > .related-icon img,
.green .fact-cards .card-frame,
.card-frame.green-bar:after,
.green .responsive-carousel .carousel > button,
.green .fact-cards .slick-arrow:hover,
.green .fact-cards,
.green .fact-cards .card-list,
.green .fact-cards .card-list.slick-slider .slick-list:before,
.green .fact-cards .card-list.slick-slider .slick-list:after,
.green .fact-table,
.green .nav-icons,
.green .banner > *,
.green .button,
.tile-green,
a.button.green-background,
.green-background {
    background-color: #64a70b;
}
.light-green .accordion::before,
.light-green .key-facts .fact-cards a,
.light-green .key-facts .fact-cards h4,
.light-green .key-facts .fact-cards .icon-list li:before,
.light-green .accordion.border-tab > h2:first-child:before, .light-green .accordion.border-tab > h3:first-child:before, .light-green .accordion.border-tab > h4:first-child:before, .light-green .accordion.border-tab > h5:first-child:before, .light-green .accordion.border-tab > .topic:first-child:before,
.card-frame.light-green-bar .card-text:after,
.card-frame.light-green-bar .toggle-button,
.light-green .slick-current .nav-card .card-text,
.light-green .card-title a,
.light-green .fact-cards .slick-arrow,
.light-green .fact-cards a.button:hover,
.light-green .fact-table a.info-link:hover,
#page-wrapper .index-tile.light-green .index-tile-header span,
#page-wrapper .section-wrapper.light-green h2 span,
.light-green .index-tile-header span,
.light-green .section-wrapper h2 span,
.light-green .hightlight-text,
.icon-in-front .tile-light-green .tile-button,
.tile-light-green:not(.tile-widget):hover .tile-button,
.tile-light-green .tile-button:hover,
.tile-light-green:hover a.tile-button,
.light-green-text-link a, a.light-green-text-link,
a.button.light-green-text,
.light-green a.button.white-background,
.light-green-text,
.light-green-color {
    color: #3BAD5F;
}
.light-green .title-tab-cards .tab-content-box,
.title-tab-cards .light-green .tab-content-box,
.light-green .key-facts .fact-cards .card-list,
.light-green .key-facts .fact-cards .card-item,
.light-green .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-light-green:after,
hr.light-green,
.light-green hr,
a.light-green-border,
.light-green-border {
    border-color: #3BAD5F;
}
.light-green .title-tab-cards .tab-wrapper:hover,
.light-green .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .light-green .tab-wrapper:hover,
.title-tab-cards .light-green.expanded .tab-wrapper,
.light-green .box-title,
.light-green .banner-text,
.light-green .banner-tile-container,
.light-green .carousel > ol li:hover,
.light-green .carousel > ol li.active,
.light-green .slick-dots li button:hover,
.light-green .slick-dots li.slick-active button,
.light-green .slick-arrow,
.light-green .card-frame > .related-icon img,
.light-green .fact-cards .card-frame,
.card-frame.light-green-bar:after,
.light-green .responsive-carousel .carousel > button,
.light-green .fact-cards .slick-arrow:hover,
.light-green .fact-cards,
.light-green .fact-cards .card-list,
.light-green .fact-cards .card-list.slick-slider .slick-list:before,
.light-green .fact-cards .card-list.slick-slider .slick-list:after,
.light-green .fact-table,
.light-green .nav-icons,
.light-green .banner > *,
.light-green .button,
.tile-light-green,
a.button.light-green-background,
.light-green-background {
    background-color: #3BAD5F;
}
.medium-green .accordion::before,
.medium-green .key-facts .fact-cards a,
.medium-green .key-facts .fact-cards h4,
.medium-green .key-facts .fact-cards .icon-list li:before,
.medium-green .accordion.border-tab > h2:first-child:before, .medium-green .accordion.border-tab > h3:first-child:before, .medium-green .accordion.border-tab > h4:first-child:before, .medium-green .accordion.border-tab > h5:first-child:before, .medium-green .accordion.border-tab > .topic:first-child:before,
.card-frame.medium-green-bar .card-text:after,
.card-frame.medium-green-bar .toggle-button,
.medium-green .slick-current .nav-card .card-text,
.medium-green .card-title a,
.medium-green .fact-cards .slick-arrow,
.medium-green .fact-cards a.button:hover,
.medium-green .fact-table a.info-link:hover,
#page-wrapper .index-tile.medium-green .index-tile-header span,
#page-wrapper .section-wrapper.medium-green h2 span,
.medium-green .index-tile-header span,
.medium-green .section-wrapper h2 span,
.medium-green .hightlight-text,
.icon-in-front .tile-medium-green .tile-button,
.tile-medium-green:not(.tile-widget):hover .tile-button,
.tile-medium-green .tile-button:hover,
.tile-medium-green:hover a.tile-button,
.medium-green-text-link a, a.medium-green-text-link,
a.button.medium-green-text,
.medium-green a.button.white-background,
.medium-green-text,
.medium-green-color {
    color: #216E31;
}
.medium-green .title-tab-cards .tab-content-box,
.title-tab-cards .medium-green .tab-content-box,
.medium-green .key-facts .fact-cards .card-list,
.medium-green .key-facts .fact-cards .card-item,
.medium-green .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-medium-green:after,
hr.medium-green,
.medium-green hr,
a.medium-green-border,
.medium-green-border {
    border-color: #216E31;
}
.medium-green .title-tab-cards .tab-wrapper:hover,
.medium-green .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .medium-green .tab-wrapper:hover,
.title-tab-cards .medium-green.expanded .tab-wrapper,
.medium-green .box-title,
.medium-green .banner-text,
.medium-green .banner-tile-container,
.medium-green .carousel > ol li:hover,
.medium-green .carousel > ol li.active,
.medium-green .slick-dots li button:hover,
.medium-green .slick-dots li.slick-active button,
.medium-green .slick-arrow,
.medium-green .card-frame > .related-icon img,
.medium-green .fact-cards .card-frame,
.card-frame.medium-green-bar:after,
.medium-green .responsive-carousel .carousel > button,
.medium-green .fact-cards .slick-arrow:hover,
.medium-green .fact-cards,
.medium-green .fact-cards .card-list,
.medium-green .fact-cards .card-list.slick-slider .slick-list:before,
.medium-green .fact-cards .card-list.slick-slider .slick-list:after,
.medium-green .fact-table,
.medium-green .nav-icons,
.medium-green .banner > *,
.medium-green .button,
.tile-medium-green,
a.button.medium-green-background,
.medium-green-background {
    background-color: #216E31;
}
.blue .accordion::before,
.blue .key-facts .fact-cards a,
.blue .key-facts .fact-cards h4,
.blue .key-facts .fact-cards .icon-list li:before,
.blue .accordion.border-tab > h2:first-child:before, .blue .accordion.border-tab > h3:first-child:before, .blue .accordion.border-tab > h4:first-child:before, .blue .accordion.border-tab > h5:first-child:before, .blue .accordion.border-tab > .topic:first-child:before,
.card-frame.blue-bar .card-text:after,
.card-frame.blue-bar .toggle-button,
.blue .slick-current .nav-card .card-text,
.blue .card-title a,
.blue .fact-cards .slick-arrow,
.blue .fact-cards a.button:hover,
.blue .fact-table a.info-link:hover,
#page-wrapper .index-tile.blue .index-tile-header span,
#page-wrapper .section-wrapper.blue h2 span,
.blue .index-tile-header span,
.blue .section-wrapper h2 span,
.blue .hightlight-text,
.icon-in-front .tile-blue .tile-button,
.tile-blue:not(.tile-widget):hover .tile-button,
.tile-blue .tile-button:hover,
.tile-blue:hover a.tile-button,
.blue-text-link a, a.blue-text-link,
a.button.blue-text,
.blue a.button.white-background,
.blue-text,
.blue-color {
    color: #003086;
}
.blue .title-tab-cards .tab-content-box,
.title-tab-cards .blue .tab-content-box,
.blue .key-facts .fact-cards .card-list,
.blue .key-facts .fact-cards .card-item,
.blue .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-blue:after,
hr.blue,
.blue hr,
a.blue-border,
.blue-border {
    border-color: #003086;
}
.blue .title-tab-cards .tab-wrapper:hover,
.blue .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .blue .tab-wrapper:hover,
.title-tab-cards .blue.expanded .tab-wrapper,
.blue .box-title,
.blue .banner-text,
.blue .banner-tile-container,
.blue .carousel > ol li:hover,
.blue .carousel > ol li.active,
.blue .slick-dots li button:hover,
.blue .slick-dots li.slick-active button,
.blue .slick-arrow,
.blue .card-frame > .related-icon img,
.blue .fact-cards .card-frame,
.card-frame.blue-bar:after,
.blue .responsive-carousel .carousel > button,
.blue .fact-cards .slick-arrow:hover,
.blue .fact-cards,
.blue .fact-cards .card-list,
.blue .fact-cards .card-list.slick-slider .slick-list:before,
.blue .fact-cards .card-list.slick-slider .slick-list:after,
.blue .fact-table,
.blue .nav-icons,
.blue .banner > *,
.blue .button,
.tile-blue,
a.button.blue-background,
.blue-background {
    background-color: #003086;
}
.dark-blue .accordion::before,
.dark-blue .key-facts .fact-cards a,
.dark-blue .key-facts .fact-cards h4,
.dark-blue .key-facts .fact-cards .icon-list li:before,
.dark-blue .accordion.border-tab > h2:first-child:before, .dark-blue .accordion.border-tab > h3:first-child:before, .dark-blue .accordion.border-tab > h4:first-child:before, .dark-blue .accordion.border-tab > h5:first-child:before, .dark-blue .accordion.border-tab > .topic:first-child:before,
.card-frame.dark-blue-bar .card-text:after,
.card-frame.dark-blue-bar .toggle-button,
.dark-blue .slick-current .nav-card .card-text,
.dark-blue .card-title a,
.dark-blue .fact-cards .slick-arrow,
.dark-blue .fact-cards a.button:hover,
.dark-blue .fact-table a.info-link:hover,
#page-wrapper .index-tile.dark-blue .index-tile-header span,
#page-wrapper .section-wrapper.dark-blue h2 span,
.dark-blue .index-tile-header span,
.dark-blue .section-wrapper h2 span,
.dark-blue .hightlight-text,
.icon-in-front .tile-dark-blue .tile-button,
.tile-dark-blue:not(.tile-widget):hover .tile-button,
.tile-dark-blue .tile-button:hover,
.tile-dark-blue:hover a.tile-button,
.dark-blue-text-link a, a.dark-blue-text-link,
a.button.dark-blue-text,
.dark-blue a.button.white-background,
.dark-blue-text,
.dark-blue-color {
    color: #2d284d;
}
.dark-blue .title-tab-cards .tab-content-box,
.title-tab-cards .dark-blue .tab-content-box,
.dark-blue .key-facts .fact-cards .card-list,
.dark-blue .key-facts .fact-cards .card-item,
.dark-blue .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-dark-blue:after,
hr.dark-blue,
.dark-blue hr,
a.dark-blue-border,
.dark-blue-border {
    border-color: #2d284d;
}
.dark-blue .accordion.button-tab > :first-child,
.dark-blue .title-tab-cards .tab-wrapper:hover,
.dark-blue .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .dark-blue .tab-wrapper:hover,
.title-tab-cards .dark-blue.expanded .tab-wrapper,
.dark-blue .box-title,
.dark-blue .banner-text,
.dark-blue .banner-tile-container,
.dark-blue .carousel > ol li:hover,
.dark-blue .carousel > ol li.active,
.dark-blue .slick-dots li button:hover,
.dark-blue .slick-dots li.slick-active button,
.dark-blue .slick-arrow,
.dark-blue .card-frame > .related-icon img,
.dark-blue .fact-cards .card-frame,
.card-frame.dark-blue-bar:after,
.dark-blue .responsive-carousel .carousel > button,
.dark-blue .fact-cards .slick-arrow:hover,
.dark-blue .fact-cards,
.dark-blue .fact-cards .card-list,
.dark-blue .fact-cards .card-list.slick-slider .slick-list:before,
.dark-blue .fact-cards .card-list.slick-slider .slick-list:after,
.dark-blue .fact-table,
.dark-blue .nav-icons,
.dark-blue .banner > *,
.dark-blue .button,
.tile-dark-blue,
a.button.dark-blue-background,
.dark-blue-background {
    background-color: #2d284d;
}
.light-blue .accordion::before,
.light-blue .key-facts .fact-cards a,
.light-blue .key-facts .fact-cards h4,
.light-blue .key-facts .fact-cards .icon-list li:before,
.light-blue .accordion.border-tab > h2:first-child:before, .light-blue .accordion.border-tab > h3:first-child:before, .light-blue .accordion.border-tab > h4:first-child:before, .light-blue .accordion.border-tab > h5:first-child:before, .light-blue .accordion.border-tab > .topic:first-child:before,
.card-frame.light-blue-bar .card-text:after,
.card-frame.light-blue-bar .toggle-button,
.light-blue .slick-current .nav-card .card-text,
.light-blue .card-title a,
.light-blue .fact-cards .slick-arrow,
.light-blue .fact-cards a.button:hover,
.light-blue .fact-table a.info-link:hover,
#page-wrapper .index-tile.light-blue .index-tile-header span,
#page-wrapper .section-wrapper.light-blue h2 span,
.light-blue .index-tile-header span,
.light-blue .section-wrapper h2 span,
.light-blue .hightlight-text,
.icon-in-front .tile-light-blue .tile-button,
.tile-light-blue:not(.tile-widget):hover .tile-button,
.tile-light-blue .tile-button:hover,
.tile-light-blue:hover a.tile-button,
.light-blue-text-link a, a.light-blue-text-link,
a.button.light-blue-text,
.light-blue a.button.white-background,
.light-blue-text,
.light-blue-color {
    color: #64ccc9;
}
.light-blue .title-tab-cards .tab-content-box,
.title-tab-cards .light-blue .tab-content-box,
.light-blue .key-facts .fact-cards .card-list,
.light-blue .key-facts .fact-cards .card-item,
.light-blue .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-light-blue:after,
hr.light-blue,
.light-blue hr,
a.light-blue-border,
.light-blue-border {
    border-color: #64ccc9;
}
.light-blue .title-tab-cards .tab-wrapper:hover,
.light-blue .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .light-blue .tab-wrapper:hover,
.title-tab-cards .light-blue.expanded .tab-wrapper,
.light-blue .box-title,
.light-blue .banner-text,
.light-blue .banner-tile-container,
.light-blue .carousel > ol li:hover,
.light-blue .carousel > ol li.active,
.light-blue .slick-dots li button:hover,
.light-blue .slick-dots li.slick-active button,
.light-blue .slick-arrow,
.light-blue .card-frame > .related-icon img,
.light-blue .fact-cards .card-frame,
.card-frame.light-blue-bar:after,
.light-blue .responsive-carousel .carousel > button,
.light-blue .fact-cards .slick-arrow:hover,
.light-blue .fact-cards,
.light-blue .fact-cards .card-list,
.light-blue .fact-cards .card-list.slick-slider .slick-list:before,
.light-blue .fact-cards .card-list.slick-slider .slick-list:after,
.light-blue .fact-table,
.light-blue .nav-icons,
.light-blue .banner > *,
.light-blue .button,
.tile-light-blue,
a.button.light-blue-background,
.light-blue-background {
    background-color: #64ccc9;
}
.sky-blue .accordion::before,
.sky-blue .key-facts .fact-cards a,
.sky-blue .key-facts .fact-cards h4,
.sky-blue .key-facts .fact-cards .icon-list li:before,
.sky-blue .accordion.border-tab > h2:first-child:before, .sky-blue .accordion.border-tab > h3:first-child:before, .sky-blue .accordion.border-tab > h4:first-child:before, .sky-blue .accordion.border-tab > h5:first-child:before, .sky-blue .accordion.border-tab > .topic:first-child:before,
.card-frame.sky-blue-bar .card-text:after,
.card-frame.sky-blue-bar .toggle-button,
.sky-blue .slick-current .nav-card .card-text,
.sky-blue .card-title a,
.sky-blue .fact-cards .slick-arrow,
.sky-blue .fact-cards a.button:hover,
.sky-blue .fact-table a.info-link:hover,
#page-wrapper .index-tile.sky-blue .index-tile-header span,
#page-wrapper .section-wrapper.sky-blue h2 span,
.sky-blue .index-tile-header span,
.sky-blue .section-wrapper h2 span,
.sky-blue .hightlight-text,
.icon-in-front .tile-sky-blue .tile-button,
.tile-sky-blue:not(.tile-widget):hover .tile-button,
.tile-sky-blue .tile-button:hover,
.tile-sky-blue:hover a.tile-button,
.sky-blue-text-link a, a.sky-blue-text-link,
a.button.sky-blue-text,
.sky-blue a.button.white-background,
.sky-blue-text,
.sky-blue-color {
    color: #0095c8;
}
.sky-blue .title-tab-cards .tab-content-box,
.title-tab-cards .sky-blue .tab-content-box,
.sky-blue .key-facts .fact-cards .card-list,
.sky-blue .key-facts .fact-cards .card-item,
.sky-blue .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-sky-blue:after,
hr.sky-blue,
.sky-blue hr,
a.sky-blue-border,
.sky-blue-border {
    border-color: #0095c8;
}
.sky-blue .title-tab-cards .tab-wrapper:hover,
.sky-blue .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .sky-blue .tab-wrapper:hover,
.title-tab-cards .sky-blue.expanded .tab-wrapper,
.sky-blue .box-title,
.sky-blue .banner-text,
.sky-blue .banner-tile-container,
.sky-blue .carousel > ol li:hover,
.sky-blue .carousel > ol li.active,
.sky-blue .slick-dots li button:hover,
.sky-blue .slick-dots li.slick-active button,
.sky-blue .slick-arrow,
.sky-blue .card-frame > .related-icon img,
.sky-blue .fact-cards .card-frame,
.card-frame.sky-blue-bar:after,
.sky-blue .responsive-carousel .carousel > button,
.sky-blue .fact-cards .slick-arrow:hover,
.sky-blue .fact-cards,
.sky-blue .fact-cards .card-list,
.sky-blue .fact-cards .card-list.slick-slider .slick-list:before,
.sky-blue .fact-cards .card-list.slick-slider .slick-list:after,
.sky-blue .fact-table,
.sky-blue .nav-icons,
.sky-blue .banner > *,
.sky-blue .button,
.tile-sky-blue,
a.button.sky-blue-background,
.sky-blue-background {
    background-color: #0095c8;
}
.purple .accordion::before,
.purple .key-facts .fact-cards a,
.purple .key-facts .fact-cards h4,
.purple .key-facts .fact-cards .icon-list li:before,
.purple .accordion.border-tab > h2:first-child:before, .purple .accordion.border-tab > h3:first-child:before, .purple .accordion.border-tab > h4:first-child:before, .purple .accordion.border-tab > h5:first-child:before, .purple .accordion.border-tab > .topic:first-child:before,
.card-frame.purple-bar .card-text:after,
.card-frame.purple-bar .toggle-button,
.purple .slick-current .nav-card .card-text,
.purple .card-title a,
.purple .fact-cards .slick-arrow,
.purple .fact-cards a.button:hover,
.purple .fact-table a.info-link:hover,
#page-wrapper .index-tile.purple .index-tile-header span,
#page-wrapper .section-wrapper.purple h2 span,
.purple .index-tile-header span,
.purple .section-wrapper h2 span,
.purple .hightlight-text,
.icon-in-front .tile-purple .tile-button,
.tile-purple:not(.tile-widget):hover .tile-button,
.tile-purple .tile-button:hover,
.tile-purple:hover a.tile-button,
.purple-text-link a, a.purple-text-link,
a.button.purple-text,
.purple a.button.white-background,
.purple-text,
.purple-color {
    color: #9f5cc0;
}
.purple .title-tab-cards .tab-content-box,
.title-tab-cards .purple .tab-content-box,
.purple .key-facts .fact-cards .card-list,
.purple .key-facts .fact-cards .card-item,
.purple .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-purple:after,
hr.purple,
.purple hr,
a.purple-border,
.purple-border {
    border-color: #9f5cc0;
}
.purple .title-tab-cards .tab-wrapper:hover,
.purple .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .purple .tab-wrapper:hover,
.title-tab-cards .purple.expanded .tab-wrapper,
.purple .box-title,
.purple .banner-text,
.purple .banner-tile-container,
.purple .carousel > ol li:hover,
.purple .carousel > ol li.active,
.purple .slick-dots li button:hover,
.purple .slick-dots li.slick-active button,
.purple .slick-arrow,
.purple .card-frame > .related-icon img,
.purple .fact-cards .card-frame,
.card-frame.purple-bar:after,
.purple .responsive-carousel .carousel > button,
.purple .fact-cards .slick-arrow:hover,
.purple .fact-cards,
.purple .fact-cards .card-list,
.purple .fact-cards .card-list.slick-slider .slick-list:before,
.purple .fact-cards .card-list.slick-slider .slick-list:after,
.purple .fact-table,
.purple .nav-icons,
.purple .banner > *,
.purple .button,
.tile-purple,
a.button.purple-background,
.purple-background {
    background-color: #9f5cc0;
}
.pink .accordion::before,
.pink .key-facts .fact-cards a,
.pink .key-facts .fact-cards h4,
.pink .key-facts .fact-cards .icon-list li:before,
.pink .accordion.border-tab > h2:first-child:before, .pink .accordion.border-tab > h3:first-child:before, .pink .accordion.border-tab > h4:first-child:before, .pink .accordion.border-tab > h5:first-child:before, .pink .accordion.border-tab > .topic:first-child:before,
.card-frame.pink-bar .card-text:after,
.card-frame.pink-bar .toggle-button,
.pink .slick-current .nav-card .card-text,
.pink .card-title a,
.pink .fact-cards .slick-arrow,
.pink .fact-cards a.button:hover,
.pink .fact-table a.info-link:hover,
#page-wrapper .index-tile.pink .index-tile-header span,
#page-wrapper .section-wrapper.pink h2 span,
.pink .index-tile-header span,
.pink .section-wrapper h2 span,
.pink .hightlight-text,
.icon-in-front .tile-pink .tile-button,
.tile-pink:not(.tile-widget):hover .tile-button,
.tile-pink .tile-button:hover,
.tile-pink:hover a.tile-button,
.pink-text-link a, a.pink-text-link,
a.button.pink-text,
.pink a.button.white-background,
.pink-text,
.pink-color {
    color: #e06287;
}
.pink .title-tab-cards .tab-content-box,
.title-tab-cards .pink .tab-content-box,
.pink .key-facts .fact-cards .card-list,
.pink .key-facts .fact-cards .card-item,
.pink .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-pink:after,
hr.pink,
.pink hr,
a.pink-border,
.pink-border {
    border-color: #e06287;
}
.pink .title-tab-cards .tab-wrapper:hover,
.pink .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .pink .tab-wrapper:hover,
.title-tab-cards .pink.expanded .tab-wrapper,
.pink .box-title,
.pink .banner-text,
.pink .banner-tile-container,
.pink .carousel > ol li:hover,
.pink .carousel > ol li.active,
.pink .slick-dots li button:hover,
.pink .slick-dots li.slick-active button,
.pink .slick-arrow,
.pink .card-frame > .related-icon img,
.pink .fact-cards .card-frame,
.card-frame.pink-bar:after,
.pink .responsive-carousel .carousel > button,
.pink .fact-cards .slick-arrow:hover,
.pink .fact-cards,
.pink .fact-cards .card-list,
.pink .fact-cards .card-list.slick-slider .slick-list:before,
.pink .fact-cards .card-list.slick-slider .slick-list:after,
.pink .fact-table,
.pink .nav-icons,
.pink .banner > *,
.pink .button,
.tile-pink,
a.button.pink-background,
.pink-background {
    background-color: #e06287;
}
.indigo .accordion::before,
.indigo .key-facts .fact-cards a,
.indigo .key-facts .fact-cards h4,
.indigo .key-facts .fact-cards .icon-list li:before,
.indigo .accordion.border-tab > h2:first-child:before, .indigo .accordion.border-tab > h3:first-child:before, .indigo .accordion.border-tab > h4:first-child:before, .indigo .accordion.border-tab > h5:first-child:before, .indigo .accordion.border-tab > .topic:first-child:before,
.card-frame.indigo-bar .card-text:after,
.card-frame.indigo-bar .toggle-button,
.indigo .slick-current .nav-card .card-text,
.indigo .card-title a,
.indigo .fact-cards .slick-arrow,
.indigo .fact-cards a.button:hover,
.indigo .fact-table a.info-link:hover,
#page-wrapper .index-tile.indigo .index-tile-header span,
#page-wrapper .section-wrapper.indigo h2 span,
.indigo .index-tile-header span,
.indigo .section-wrapper h2 span,
.indigo .hightlight-text,
.icon-in-front .tile-indigo .tile-button,
.tile-indigo:not(.tile-widget):hover .tile-button,
.tile-indigo .tile-button:hover,
.tile-indigo:hover a.tile-button,
.indigo-text-link a, a.indigo-text-link,
a.button.indigo-text,
.indigo a.button.white-background,
.indigo-text,
.indigo-color {
    color: #271d67;
}
.indigo .title-tab-cards .tab-content-box,
.title-tab-cards .indigo .tab-content-box,
.indigo .key-facts .fact-cards .card-list,
.indigo .key-facts .fact-cards .card-item,
.indigo .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-indigo:after,
hr.indigo,
.indigo hr,
a.indigo-border,
.indigo-border {
    border-color: #271d67;
}
.indigo .title-tab-cards .tab-wrapper:hover,
.indigo .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .indigo .tab-wrapper:hover,
.title-tab-cards .indigo.expanded .tab-wrapper,
.indigo .box-title,
.indigo .banner-text,
.indigo .banner-tile-container,
.indigo .carousel > ol li:hover,
.indigo .carousel > ol li.active,
.indigo .slick-dots li button:hover,
.indigo .slick-dots li.slick-active button,
.indigo .slick-arrow,
.indigo .card-frame > .related-icon img,
.indigo .fact-cards .card-frame,
.card-frame.indigo-bar:after,
.indigo .responsive-carousel .carousel > button,
.indigo .fact-cards .slick-arrow:hover,
.indigo .fact-cards,
.indigo .fact-cards .card-list,
.indigo .fact-cards .card-list.slick-slider .slick-list:before,
.indigo .fact-cards .card-list.slick-slider .slick-list:after,
.indigo .fact-table,
.indigo .nav-icons,
.indigo .banner > *,
.indigo .button,
.tile-indigo,
a.button.indigo-background,
.indigo-background {
    background-color: #271d67;
}
.maroon .accordion::before,
.maroon .key-facts .fact-cards a,
.maroon .key-facts .fact-cards h4,
.maroon .key-facts .fact-cards .icon-list li:before,
.maroon .accordion.border-tab > h2:first-child:before, .maroon .accordion.border-tab > h3:first-child:before, .maroon .accordion.border-tab > h4:first-child:before, .maroon .accordion.border-tab > h5:first-child:before, .maroon .accordion.border-tab > .topic:first-child:before,
.card-frame.maroon-bar .card-text:after,
.card-frame.maroon-bar .toggle-button,
.maroon .slick-current .nav-card .card-text,
.maroon .card-title a,
.maroon .fact-cards .slick-arrow,
.maroon .fact-cards a.button:hover,
.maroon .fact-table a.info-link:hover,
#page-wrapper .index-tile.maroon .index-tile-header span,
#page-wrapper .section-wrapper.maroon h2 span,
.maroon .index-tile-header span,
.maroon .section-wrapper h2 span,
.maroon .hightlight-text,
.icon-in-front .tile-maroon .tile-button,
.tile-maroon:not(.tile-widget):hover .tile-button,
.tile-maroon .tile-button:hover,
.tile-maroon:hover a.tile-button,
.maroon-text-link a, a.maroon-text-link,
a.button.maroon-text,
.maroon a.button.white-background,
.maroon-text,
.maroon-color {
    color: #910048;
}
.maroon .title-tab-cards .tab-content-box,
.title-tab-cards .maroon .tab-content-box,
.maroon .key-facts .fact-cards .card-list,
.maroon .key-facts .fact-cards .card-item,
.maroon .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-maroon:after,
hr.maroon,
.maroon hr,
a.maroon-border,
.maroon-border {
    border-color: #910048;
}
.maroon .title-tab-cards .tab-wrapper:hover,
.maroon .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .maroon .tab-wrapper:hover,
.title-tab-cards .maroon.expanded .tab-wrapper,
.maroon .box-title,
.maroon .banner-text,
.maroon .banner-tile-container,
.maroon .carousel > ol li:hover,
.maroon .carousel > ol li.active,
.maroon .slick-dots li button:hover,
.maroon .slick-dots li.slick-active button,
.maroon .slick-arrow,
.maroon .card-frame > .related-icon img,
.maroon .fact-cards .card-frame,
.card-frame.maroon-bar:after,
.maroon .responsive-carousel .carousel > button,
.maroon .fact-cards .slick-arrow:hover,
.maroon .fact-cards,
.maroon .fact-cards .card-list,
.maroon .fact-cards .card-list.slick-slider .slick-list:before,
.maroon .fact-cards .card-list.slick-slider .slick-list:after,
.maroon .fact-table,
.maroon .nav-icons,
.maroon .banner > *,
.maroon .button,
.tile-maroon,
a.button.maroon-background,
.maroon-background {
    background-color: #910048;
}
.gold .accordion::before,
.gold .key-facts .fact-cards a,
.gold .key-facts .fact-cards h4,
.gold .key-facts .fact-cards .icon-list li:before,
.gold .accordion.border-tab > h2:first-child:before, .gold .accordion.border-tab > h3:first-child:before, .gold .accordion.border-tab > h4:first-child:before, .gold .accordion.border-tab > h5:first-child:before, .gold .accordion.border-tab > .topic:first-child:before,
.card-frame.gold-bar .card-text:after,
.card-frame.gold-bar .toggle-button,
.gold .slick-current .nav-card .card-text,
.gold .card-title a,
.gold .fact-cards .slick-arrow,
.gold .fact-cards a.button:hover,
.gold .fact-table a.info-link:hover,
#page-wrapper .index-tile.gold .index-tile-header span,
#page-wrapper .section-wrapper.gold h2 span,
.gold .index-tile-header span,
.gold .section-wrapper h2 span,
.gold .hightlight-text,
.icon-in-front .tile-gold .tile-button,
.tile-gold:not(.tile-widget):hover .tile-button,
.tile-gold .tile-button:hover,
.tile-gold:hover a.tile-button,
.gold-text-link a, a.gold-text-link,
a.button.gold-text,
.gold a.button.white-background,
.gold-text,
.gold-color {
    color: #b38b55;
}
.gold .title-tab-cards .tab-content-box,
.title-tab-cards .gold .tab-content-box,
.gold .key-facts .fact-cards .card-list,
.gold .key-facts .fact-cards .card-item,
.gold .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-gold:after,
hr.gold,
.gold hr,
a.gold-border,
.gold-border {
    border-color: #b38b55;
}
.gold .title-tab-cards .tab-wrapper:hover,
.gold .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .gold .tab-wrapper:hover,
.title-tab-cards .gold.expanded .tab-wrapper,
.gold .box-title,
.gold .banner-text,
.gold .banner-tile-container,
.gold .carousel > ol li:hover,
.gold .carousel > ol li.active,
.gold .slick-dots li button:hover,
.gold .slick-dots li.slick-active button,
.gold .slick-arrow,
.gold .card-frame > .related-icon img,
.gold .fact-cards .card-frame,
.card-frame.gold-bar:after,
.gold .responsive-carousel .carousel > button,
.gold .fact-cards .slick-arrow:hover,
.gold .fact-cards,
.gold .fact-cards .card-list,
.gold .fact-cards .card-list.slick-slider .slick-list:before,
.gold .fact-cards .card-list.slick-slider .slick-list:after,
.gold .fact-table,
.gold .nav-icons,
.gold .banner > *,
.gold .button,
.tile-gold,
a.button.gold-background,
.gold-background {
    background-color: #b38b55;
}
.light-grey .accordion::before,
.light-grey .key-facts .fact-cards a,
.light-grey .key-facts .fact-cards h4,
.light-grey .key-facts .fact-cards .icon-list li:before,
.light-grey .accordion.border-tab > h2:first-child:before, .light-grey .accordion.border-tab > h3:first-child:before, .light-grey .accordion.border-tab > h4:first-child:before, .light-grey .accordion.border-tab > h5:first-child:before, .light-grey .accordion.border-tab > .topic:first-child:before,
.card-frame.light-grey-bar .card-text:after,
.card-frame.light-grey-bar .toggle-button,
.light-grey .slick-current .nav-card .card-text,
.light-grey .card-title a,
.light-grey .fact-cards .slick-arrow,
.light-grey .fact-cards a.button:hover,
.light-grey .fact-table a.info-link:hover,
#page-wrapper .index-tile.light-grey .index-tile-header span,
#page-wrapper .section-wrapper.light-grey h2 span,
.light-grey .index-tile-header span,
.light-grey .section-wrapper h2 span,
.light-grey .hightlight-text,
.icon-in-front .tile-light-grey .tile-button,
.tile-light-grey:not(.tile-widget):hover .tile-button,
.tile-light-grey .tile-button:hover,
.tile-light-grey:hover a.tile-button,
.light-grey-text-link a, a.light-grey-text-link,
a.button.light-grey-text,
.light-grey a.button.white-background,
.light-grey-text,
.light-grey-color {
    color: #c8c9c7;
}
.light-grey .title-tab-cards .tab-content-box,
.title-tab-cards .light-grey .tab-content-box,
.light-grey .key-facts .fact-cards .card-list,
.light-grey .key-facts .fact-cards .card-item,
.light-grey .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-light-grey:after,
hr.light-grey,
.light-grey hr,
a.light-grey-border,
.light-grey-border {
    border-color: #c8c9c7;
}
.light-grey .title-tab-cards .tab-wrapper:hover,
.light-grey .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .light-grey .tab-wrapper:hover,
.title-tab-cards .light-grey.expanded .tab-wrapper,
.light-grey .box-title,
.light-grey .banner-text,
.light-grey .banner-tile-container,
.light-grey .carousel > ol li:hover,
.light-grey .carousel > ol li.active,
.light-grey .slick-dots li button:hover,
.light-grey .slick-dots li.slick-active button,
.light-grey .slick-arrow,
.light-grey .card-frame > .related-icon img,
.light-grey .fact-cards .card-frame,
.card-frame.light-grey-bar:after,
.light-grey .responsive-carousel .carousel > button,
.light-grey .fact-cards .slick-arrow:hover,
.light-grey .fact-cards,
.light-grey .fact-cards .card-list,
.light-grey .fact-cards .card-list.slick-slider .slick-list:before,
.light-grey .fact-cards .card-list.slick-slider .slick-list:after,
.light-grey .fact-table,
.light-grey .nav-icons,
.light-grey .banner > *,
.light-grey .button,
.tile-light-grey,
a.button.light-grey-background,
.light-grey-background {
    background-color: #c8c9c7;
}
.grey .accordion::before,
.grey .key-facts .fact-cards a,
.grey .key-facts .fact-cards h4,
.grey .key-facts .fact-cards .icon-list li:before,
.grey .accordion.border-tab > h2:first-child:before, .grey .accordion.border-tab > h3:first-child:before, .grey .accordion.border-tab > h4:first-child:before, .grey .accordion.border-tab > h5:first-child:before, .grey .accordion.border-tab > .topic:first-child:before,
.card-frame.grey-bar .card-text:after,
.card-frame.grey-bar .toggle-button,
.grey .slick-current .nav-card .card-text,
.grey .card-title a,
.grey .fact-cards .slick-arrow,
.grey .fact-cards a.button:hover,
.grey .fact-table a.info-link:hover,
#page-wrapper .index-tile.grey .index-tile-header span,
#page-wrapper .section-wrapper.grey h2 span,
.grey .index-tile-header span,
.grey .section-wrapper h2 span,
.grey .hightlight-text,
.icon-in-front .tile-grey .tile-button,
.tile-grey:not(.tile-widget):hover .tile-button,
.tile-grey .tile-button:hover,
.tile-grey:hover a.tile-button,
.grey-text-link a, a.grey-text-link,
a.button.grey-text,
.grey a.button.white-background,
.grey-text,
.grey-color {
    color: #888b8d;
}
.grey .title-tab-cards .tab-content-box,
.title-tab-cards .grey .tab-content-box,
.grey .key-facts .fact-cards .card-list,
.grey .key-facts .fact-cards .card-item,
.grey .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-grey:after,
hr.grey,
.grey hr,
a.grey-border,
.grey-border {
    border-color: #888b8d;
}
.grey .title-tab-cards .tab-wrapper:hover,
.grey .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .grey .tab-wrapper:hover,
.title-tab-cards .grey.expanded .tab-wrapper,
.grey .box-title,
.grey .banner-text,
.grey .banner-tile-container,
.grey .carousel > ol li:hover,
.grey .carousel > ol li.active,
.grey .slick-dots li button:hover,
.grey .slick-dots li.slick-active button,
.grey .slick-arrow,
.grey .card-frame > .related-icon img,
.grey .fact-cards .card-frame,
.card-frame.grey-bar:after,
.grey .responsive-carousel .carousel > button,
.grey .fact-cards .slick-arrow:hover,
.grey .fact-cards,
.grey .fact-cards .card-list,
.grey .fact-cards .card-list.slick-slider .slick-list:before,
.grey .fact-cards .card-list.slick-slider .slick-list:after,
.grey .fact-table,
.grey .nav-icons,
.grey .banner > *,
.grey .button,
.tile-grey,
a.button.grey-background,
.grey-background {
    background-color: #888b8d;
}
.dark-grey .accordion::before,
.dark-grey .key-facts .fact-cards a,
.dark-grey .key-facts .fact-cards h4,
.dark-grey .key-facts .fact-cards .icon-list li:before,
.dark-grey .accordion.border-tab > h2:first-child:before, .dark-grey .accordion.border-tab > h3:first-child:before, .dark-grey .accordion.border-tab > h4:first-child:before, .dark-grey .accordion.border-tab > h5:first-child:before, .dark-grey .accordion.border-tab > .topic:first-child:before,
.card-frame.dark-grey-bar .card-text:after,
.card-frame.dark-grey-bar .toggle-button,
.dark-grey .slick-current .nav-card .card-text,
.dark-grey .card-title a,
.dark-grey .fact-cards .slick-arrow,
.dark-grey .fact-cards a.button:hover,
.dark-grey .fact-table a.info-link:hover,
#page-wrapper .index-tile.dark-grey .index-tile-header span,
#page-wrapper .section-wrapper.dark-grey h2 span,
.dark-grey .index-tile-header span,
.dark-grey .section-wrapper h2 span,
.dark-grey .hightlight-text,
.icon-in-front .tile-dark-grey .tile-button,
.tile-dark-grey:not(.tile-widget):hover .tile-button,
.tile-dark-grey .tile-button:hover,
.tile-dark-grey:hover a.tile-button,
.dark-grey-text-link a, a.dark-grey-text-link,
a.button.dark-grey-text,
.dark-grey a.button.white-background,
.dark-grey-text,
.dark-grey-color {
    color: #595959;
}
.dark-grey .title-tab-cards .tab-content-box,
.title-tab-cards .dark-grey .tab-content-box,
.dark-grey .key-facts .fact-cards .card-list,
.dark-grey .key-facts .fact-cards .card-item,
.dark-grey .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-dark-grey:after,
hr.dark-grey,
.dark-grey hr,
a.dark-grey-border,
.dark-grey-border {
    border-color: #595959;
}
.dark-grey .title-tab-cards .tab-wrapper:hover,
.dark-grey .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .dark-grey .tab-wrapper:hover,
.title-tab-cards .dark-grey.expanded .tab-wrapper,
.dark-grey .box-title,
.dark-grey .banner-text,
.dark-grey .banner-tile-container,
.dark-grey .carousel > ol li:hover,
.dark-grey .carousel > ol li.active,
.dark-grey .slick-dots li button:hover,
.dark-grey .slick-dots li.slick-active button,
.dark-grey .slick-arrow,
.dark-grey .card-frame > .related-icon img,
.dark-grey .fact-cards .card-frame,
.card-frame.dark-grey-bar:after,
.dark-grey .responsive-carousel .carousel > button,
.dark-grey .fact-cards .slick-arrow:hover,
.dark-grey .fact-cards,
.dark-grey .fact-cards .card-list,
.dark-grey .fact-cards .card-list.slick-slider .slick-list:before,
.dark-grey .fact-cards .card-list.slick-slider .slick-list:after,
.dark-grey .fact-table,
.dark-grey .nav-icons,
.dark-grey .banner > *,
.dark-grey .button,
.tile-.dark-grey,
a.button.dark-grey-background,
.dark-grey-background {
    background-color: #595959;
}
.off-black .accordion::before,
.off-black .key-facts .fact-cards a,
.off-black .key-facts .fact-cards h4,
.off-black .key-facts .fact-cards .icon-list li:before,
.off-black .accordion.border-tab > h2:first-child:before, .off-black .accordion.border-tab > h3:first-child:before, .off-black .accordion.border-tab > h4:first-child:before, .off-black .accordion.border-tab > h5:first-child:before, .off-black .accordion.border-tab > .topic:first-child:before,
.card-frame.off-black-bar .card-text:after,
.card-frame.off-black-bar .toggle-button,
.off-black .slick-current .nav-card .card-text,
.off-black .card-title a,
.off-black .fact-cards .slick-arrow,
.off-black .fact-cards a.button:hover,
.off-black .fact-table a.info-link:hover,
#page-wrapper .index-tile.off-black .index-tile-header span,
#page-wrapper .section-wrapper.off-black h2 span,
.off-black .index-tile-header span,
.off-black .section-wrapper h2 span,
.off-black .hightlight-text,
.icon-in-front .tile-off-black .tile-button,
.tile-off-black:not(.tile-widget):hover .tile-button,
.tile-off-black .tile-button:hover,
.tile-off-black:hover a.tile-button,
.off-black-text-link a, a.off-black-text-link,
a.button.off-black-text,
.off-black a.button.white-background,
.off-black-text,
.off-black-color {
    color: #333333;
}
.off-black .title-tab-cards .tab-content-box,
.title-tab-cards .off-black .tab-content-box,
.off-black .key-facts .fact-cards .card-list,
.off-black .key-facts .fact-cards .card-item,
.off-black .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-off-black:after,
hr.off-black,
.off-black hr,
a.off-black-border,
.off-black-border {
    border-color: #333333;
}
.off-black .title-tab-cards .tab-wrapper:hover,
.off-black .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .off-black .tab-wrapper:hover,
.title-tab-cards .off-black.expanded .tab-wrapper,
.off-black .box-title,
.off-black .banner-text,
.off-black .banner-tile-container,
.off-black .carousel > ol li:hover,
.off-black .carousel > ol li.active,
.off-black .slick-dots li button:hover,
.off-black .slick-dots li.slick-active button,
.off-black .slick-arrow,
.off-black .card-frame > .related-icon img,
.off-black .fact-cards .card-frame,
.card-frame.off-black-bar:after,
.off-black .responsive-carousel .carousel > button,
.off-black .fact-cards .slick-arrow:hover,
.off-black .fact-cards,
.off-black .fact-cards .card-list,
.off-black .fact-cards .card-list.slick-slider .slick-list:before,
.off-black .fact-cards .card-list.slick-slider .slick-list:after,
.off-black .fact-table,
.off-black .nav-icons,
.off-black .banner > *,
.off-black .button,
.tile-off-black,
a.button.off-black-background,
.off-black-background {
    background-color: #333333;
}
.dark-red .accordion::before,
.dark-red .key-facts .fact-cards a,
.dark-red .key-facts .fact-cards h4,
.dark-red .key-facts .fact-cards .icon-list li:before,
.dark-red .accordion.border-tab > h2:first-child:before, .dark-red .accordion.border-tab > h3:first-child:before, .dark-red .accordion.border-tab > h4:first-child:before, .dark-red .accordion.border-tab > h5:first-child:before, .dark-red .accordion.border-tab > .topic:first-child:before,
.card-frame.dark-red-bar .card-text:after,
.card-frame.dark-red-bar .toggle-button,
.dark-red .slick-current .nav-card .card-text,
.dark-red .card-title a,
.dark-red .fact-cards .slick-arrow,
.dark-red .fact-cards a.button:hover,
.dark-red .fact-table a.info-link:hover,
#page-wrapper .index-tile.dark-red .index-tile-header span,
#page-wrapper .section-wrapper.dark-red h2 span,
.dark-red .index-tile-header span,
.dark-red .section-wrapper h2 span,
.dark-red .hightlight-text,
.icon-in-front .tile-dark-red .tile-button,
.tile-dark-red:not(.tile-widget):hover .tile-button,
.tile-dark-red .tile-button:hover,
.tile-dark-red:hover a.tile-button,
.dark-red-text-link a, a.dark-red-text-link,
a.button.dark-red-text,
.dark-red a.button.white-background,
.dark-red-text,
.dark-red-color {
    color: #a8353a;
}
.dark-red .title-tab-cards .tab-content-box,
.title-tab-cards .dark-red .tab-content-box,
.dark-red .key-facts .fact-cards .card-list,
.dark-red .key-facts .fact-cards .card-item,
.dark-red .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-dark-red:after,
hr.dark-red,
.dark-red hr,
a.dark-red-border,
.dark-red-border {
    border-color: #a8353a;
}
.dark-red .title-tab-cards .tab-wrapper:hover,
.dark-red .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .dark-red .tab-wrapper:hover,
.title-tab-cards .dark-red.expanded .tab-wrapper,
.dark-red .box-title,
.dark-red .banner-text,
.dark-red .banner-tile-container,
.dark-red .carousel > ol li:hover,
.dark-red .carousel > ol li.active,
.dark-red .slick-dots li button:hover,
.dark-red .slick-dots li.slick-active button,
.dark-red .slick-arrow,
.dark-red .card-frame > .related-icon img,
.dark-red .fact-cards .card-frame,
.card-frame.dark-red-bar:after,
.dark-red .responsive-carousel .carousel > button,
.dark-red .fact-cards .slick-arrow:hover,
.dark-red .fact-cards,
.dark-red .fact-cards .card-list,
.dark-red .fact-cards .card-list.slick-slider .slick-list:before,
.dark-red .fact-cards .card-list.slick-slider .slick-list:after,
.dark-red .fact-table,
.dark-red .nav-icons,
.dark-red .banner > *,
.dark-red .button,
.tile-dark-red,
a.button.dark-red-background,
.dark-red-background {
    background-color: #a8353a;
}
.tp-green .accordion::before,
.tp-green .key-facts .fact-cards a,
.tp-green .key-facts .fact-cards h4,
.tp-green .key-facts .fact-cards .icon-list li:before,
.tp-green .accordion.border-tab > h2:first-child:before, .tp-green .accordion.border-tab > h3:first-child:before, .tp-green .accordion.border-tab > h4:first-child:before, .tp-green .accordion.border-tab > h5:first-child:before, .tp-green .accordion.border-tab > .topic:first-child:before,
.card-frame.tp-green-bar .card-text:after,
.card-frame.tp-green-bar .toggle-button,
.tp-green .slick-current .nav-card .card-text,
.tp-green .card-title a,
.tp-green .fact-cards .slick-arrow,
.tp-green .fact-cards a.button:hover,
.tp-green .fact-table a.info-link:hover,
#page-wrapper .index-tile.tp-green .index-tile-header span,
#page-wrapper .section-wrapper.tp-green h2 span,
.tp-green .index-tile-header span,
.tp-green .section-wrapper h2 span,
.tp-green .hightlight-text,
.icon-in-front .tile-tp-green .tile-button,
.tile-tp-green:not(.tile-widget):hover .tile-button,
.tile-tp-green .tile-button:hover,
.tile-tp-green:hover a.tile-button,
.tp-green-text-link a, a.tp-green-text-link,
a.button.tp-green-text,
.tp-green a.button.white-background,
.tp-green-text,
.tp-green-color {
    color: #183121;
}
.tp-green .title-tab-cards .tab-content-box,
.title-tab-cards .tp-green .tab-content-box,
.tp-green .key-facts .fact-cards .card-list,
.tp-green .key-facts .fact-cards .card-item,
.tp-green .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-tp-green:after,
hr.tp-green,
.tp-green hr,
a.tp-green-border,
.tp-green-border {
    border-color: #183121;
}
.tp-green .title-tab-cards .tab-wrapper:hover,
.tp-green .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .tp-green .tab-wrapper:hover,
.title-tab-cards .tp-green.expanded .tab-wrapper,
.tp-green .box-title,
.tp-green .banner-text,
.tp-green .banner-tile-container,
.tp-green .carousel > ol li:hover,
.tp-green .carousel > ol li.active,
.tp-green .slick-dots li button:hover,
.tp-green .slick-dots li.slick-active button,
.tp-green .slick-arrow,
.tp-green .card-frame > .related-icon img,
.tp-green .fact-cards .card-frame,
.card-frame.tp-green-bar:after,
.tp-green .responsive-carousel .carousel > button,
.tp-green .fact-cards .slick-arrow:hover,
.tp-green .fact-cards,
.tp-green .fact-cards .card-list,
.tp-green .fact-cards .card-list.slick-slider .slick-list:before,
.tp-green .fact-cards .card-list.slick-slider .slick-list:after,
.tp-green .fact-table,
.tp-green .nav-icons,
.tp-green .banner > *,
.tp-green .button,
.tile-tp-green,
a.button.tp-green-background,
.tp-green-background {
    background-color: #183121;
}
.mit-red .accordion::before,
.mit-red .key-facts .fact-cards a,
.mit-red .key-facts .fact-cards h4,
.mit-red .key-facts .fact-cards .icon-list li:before,
.mit-red .accordion.border-tab > h2:first-child:before, .mit-red .accordion.border-tab > h3:first-child:before, .mit-red .accordion.border-tab > h4:first-child:before, .mit-red .accordion.border-tab > h5:first-child:before, .mit-red .accordion.border-tab > .topic:first-child:before,
.card-frame.mit-red-bar .card-text:after,
.card-frame.mit-red-bar .toggle-button,
.mit-red .slick-current .nav-card .card-text,
.mit-red .card-title a,
.mit-red .fact-cards .slick-arrow,
.mit-red .fact-cards a.button:hover,
.mit-red .fact-table a.info-link:hover,
#page-wrapper .index-tile.mit-red .index-tile-header span,
#page-wrapper .section-wrapper.mit-red h2 span,
.mit-red .index-tile-header span,
.mit-red .section-wrapper h2 span,
.mit-red .hightlight-text,
.icon-in-front .tile-mit-red .tile-button,
.tile-mit-red:not(.tile-widget):hover .tile-button,
.tile-mit-red .tile-button:hover,
.tile-mit-red:hover a.tile-button,
.mit-red-text-link a, a.mit-red-text-link,
a.button.mit-red-text,
.mit-red a.button.white-background,
.mit-red-text,
.mit-red-color {
    color: #dd1122;
}
.mit-red .title-tab-cards .tab-content-box,
.title-tab-cards .mit-red .tab-content-box,
.mit-red .key-facts .fact-cards .card-list,
.mit-red .key-facts .fact-cards .card-item,
.mit-red .key-facts .fact-cards .card-frame,
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-mit-red::after,
hr.mit-red,
.mit-red hr,
a.mit-red-border,
.mit-red-border {
    border-color: #dd1122;
}
.mit-red .title-tab-cards .tab-wrapper:hover,
.mit-red .title-tab-cards .expanded .tab-wrapper,
.title-tab-cards .mit-red .tab-wrapper:hover,
.title-tab-cards .mit-red.expanded .tab-wrapper,
.mit-red .box-title,
.mit-red .banner-text,
.mit-red .banner-tile-container,
.mit-red .responsive-carousel .carousel > button,
.mit-red .carousel > ol li:hover,
.mit-red .carousel > ol li.active,
.mit-red .slick-dots li button:hover,
.mit-red .slick-dots li.slick-active button,
.mit-red .slick-arrow,
.mit-red .card-frame > .related-icon img,
.mit-red .fact-cards .card-frame,
.card-frame.mit-red-bar:after,
.mit-red .fact-cards .slick-arrow:hover,
.mit-red .fact-cards,
.mit-red .fact-cards .card-list,
.mit-red .fact-cards .card-list.slick-slider .slick-list:before,
.mit-red .fact-cards .card-list.slick-slider .slick-list:after,
.mit-red .fact-table,
.mit-red .nav-icons,
.mit-red .banner > *,
.mit-red .button,
.tile-mit-red,
a.button.mit-red-background,
.mit-red-background {
    background-color: #dd1122;
}

.card-frame.off-white-bar .card-text:after,
.card-frame.off-white-bar .toggle-button,
.off-white .slick-current .nav-card .card-text,
.off-white .card-title a,
.off-white .fact-cards a.button:hover,
.off-white .fact-table a.info-link:hover,
#page-wrapper .index-tile.off-white .index-tile-header span,
#page-wrapper .section-wrapper.off-white h2 span,
.off-white .index-tile-header span,
.off-white .section-wrapper h2 span,
.off-white .hightlight-text,
.icon-in-front .tile-off-white .tile-button,
.tile-off-white:not(.tile-widget):hover .tile-button,
.tile-off-white .tile-button:hover,
.tile-off-white:hover a.tile-button,
.off-white-text-link a, a.off-white-text-link,
a.button.off-white-text,
.off-white a.button.white-background,
.off-white-text,
.off-white-color {
    color: #f5f5f1;
}
.tab-cards > .card-item.expandable-card.expanded .page-tile.tile-off-white:after,
hr.off-white,
.off-white hr,
.off-white-border {
    border-color: #f5f5f1;
}
.off-white .box-title,
.off-white .banner-text,
.off-white .banner-tile-container,
.off-white .carousel > ol li:hover,
.off-white .carousel > ol li.active,
.off-white .card-frame > .related-icon img,
.off-white .fact-cards .card-frame,
.card-frame.off-white-bar:after,
.off-white .responsive-carousel .carousel > button,
.off-white .fact-cards,
.off-white .fact-cards .card-list,
.off-white .fact-cards .card-list.slick-slider .slick-list:before,
.off-white .fact-cards .card-list.slick-slider .slick-list:after,
.off-white .fact-table,
.off-white .nav-icons,
.off-white .banner > *,
.off-white .button,
.tile-off-white,
a.button.off-white-background,
.off-white-background {
    background-color: #f5f5f1;
}

.off-white .fact-cards,
.off-white .fact-cards .card-list,
.off-white .fact-cards .card-item,
.off-white .fact-cards .card-frame,
.off-white-background .fact-cards .card-list,
.off-white-background .fact-cards .card-item,
.off-white-background .fact-cards .card-frame {
    background-color: #f5f5f1 !important;
    border-color: #c8c9c7;
    color: inherit;
}
.key-facts .fact-cards .card-list,
.key-facts .fact-cards .card-item,
.key-facts .fact-cards .card-frame,
.white .fact-cards,
.white .fact-cards .card-list,
.white .fact-cards .card-item,
.white .fact-cards .card-frame,
.white-background .fact-cards .card-list,
.white-background .fact-cards .card-item,
.white-background .fact-cards .card-frame {
    background-color: #ffffff;
    border-color: #c8c9c7;
    color: inherit;
}

a.button.black-text,
.black a.button.white-background,
.black-text-link a, a.black-text-link,
.black-text {
    color: #000000;
}
.black .button,
.black-background {
    background-color: #000000;
}
a.button.white-text,
.white-text-link a, a.white-text-link,
.white-text {
    color: #ffffff;
}
.tile-white,
a.button.white-background,
.white-background {
    background-color: #ffffff;
}
a.button.transparent-background,
.transparent-background {
    background-color: transparent;
}
.slick-arrow:hover {
    background: #000000;
}
.fact-cards .slick-arrow {
    background: #ffffff;
}

@media all and (max-width: 1200px) {
    .big-banner {
        font-size: 20px !important;
    }
    .big-banner > svg {
        height: 22px !important;
        width: 22px !important;
        margin-right: 11px !important;
    }
}
/* -- tablet landscape -- */
@media all and (max-width: 1024px) {
    .home-tile {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 49.5% !important;
        clear: none !important;
        margin: 0 0 1% !important;
        background-size: cover !important;
    }
    #home-banner.home-tile {
        width:100% !important;
    }
    #home-banner.home-tile figure,
    #home-banner.home-tile .home-carousel,
    #home-banner.home-tile {
        height: auto;
        max-height: 374px;
    }
    .home-tile.left {
        margin-right: 1% !important;
    }
    .home-tile a.tile-button {
        border: none !important;
        text-transform: none !important;
        font-size: 19px !important;
    }
    .home-tile a.tile-button:hover, .home-tile a.tile-button:focus {
        background: none !important;
        color: #ffffff !important;
        font-weight: normal !important;
    }
    .home-headline-wrapper,
    .home-tile-wrapper {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    #home-header,
    #home-footer,
    .section-container {
        width: auto;
        margin: 20px;
    }
    .home-tile-wrapper ~ .section-container {
        width: auto;
        margin: -12px 20px 20px;
        margin-top: calc(1% - 20px);
    }
    .home-tile-wrapper + .section-container {
        margin-top: -20px;
    }
    #latest-news > h1 {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }
    #latest-news #latest-news-wrap {
        display: block;
        float: none;
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }
    #latest-news {
        width: 100%;
    }
}
/* -- any greater than tablet portrait -- */
@media all and (min-width: 769px) {
    #main-wrapper .nav-secondary {
        display: none !important;
    }
    #search-form {
        display: block !important;
    }
}

/* -- tablet portrait -- */
@media (max-width: 768px) {
    #home-is .tile-icon {
        display: none;
    }
    .big-banner {
        font-size: 18px !important;
    }
    .big-banner > svg {
        height: 18px !important;
        width: 18px !important;
        margin-right: 9px !important;
    }
}

@media (max-width: 480px) {
}