@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body {
    background-color: #fafafa
}

.msu-gold {
    background-color: #ecac00
}

.msu-dark-gold {
    background-color: #d39900
}

.msu-darker-gold {
    background-color: #b98700
}

.msu-bright-gold {
    background-color: #ffbc06
}

.msu-brighter-gold {
    background-color: #ffc320
}

.msu-navy {
    background-color: #142c43
}

.msu-dark-navy {
    background-color: #0e1f2f
}

.msu-darker-navy {
    background-color: #08121c
}

.msu-bright-navy {
    background-color: #1a3957
}

.msu-brighter-navy {
    background-color: #20466a
}

.msu-blue {
    background-color: #5381ac
}

.msu-dark-blue {
    background-color: #4b749b
}

.msu-darker-blue {
    background-color: #42678a
}

.msu-bright-blue {
    background-color: #648eb4
}

.msu-brighter-blue {
    background-color: #759abd
}

.msu-teal {
    background-color: #1291b9
}

.msu-dark-teal {
    background-color: #107fa2
}

.msu-darker-teal {
    background-color: #0d6d8b
}

.msu-bright-teal {
    background-color: #14a3d0
}

.msu-brighter-teal {
    background-color: #17b5e7
}

.lightest-grey {
    background-color: #fafafa
}

.lighter-grey {
    background-color: #f6f6f6
}

.grey {
    background-color: #f0f0f0
}

.darker-grey {
    background-color: #e9e9e9
}

.darkest-grey {
    background-color: #e3e3e3
}

.copy h4 {
    color: #3c3c3c
}

.copy-subtle h4 {
    color: #888
}

.copy-subtler h4 {
    color: #c8c8c8
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@font-face {
    font-family: Ampersand;
    src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
    unicode-range: U+0026
}

@font-face {
    font-family: Ampersand;
    src: local("Georgia");
    unicode-range: U+270C
}

.typl8-tera,
.typl8-giga,
.typl8-mega,
.typl8-alpha,
.typl8-beta,
.typl8-gamma,
h1,
.typl8-delta,
h2,
.feed__title,
.typl8-epsilon,
h3,
.article__headline,
.typl8-zeta,
h4,
.typl8-zeta--smaller {
    text-rendering: optimizeLegibility;
    line-height: 1.25;
    margin-top: 0;
    color: #3c3c3c;
    font-weight: 600
}

blockquote+figcaption cite {
    display: block;
    font-size: inherit;
    text-align: right
}

body {
    word-wrap: break-word
}

pre code {
    word-wrap: normal
}

html {
    font: normal 100%/1.5 "freight-sans-pro", sans-serif
}

@media(min-width:769px) {
    html {
        font: normal 118.75%/1.5 "freight-sans-pro", sans-serif
    }
}

body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #3c3c3c
}

.typl8-tera {
    font-size: 159.50018px;
    font-size: 9.96876rem;
    margin-bottom: 106.33345px;
    margin-bottom: 6.64584rem
}

.typl8-giga {
    font-size: 119.65505px;
    font-size: 7.47844rem;
    margin-bottom: 79.77003px;
    margin-bottom: 4.98563rem
}

.typl8-mega {
    font-size: 89.76373px;
    font-size: 5.61023rem;
    margin-bottom: 59.84249px;
    margin-bottom: 3.74016rem
}

.typl8-alpha {
    font-size: 67.33963px;
    font-size: 4.20873rem;
    margin-bottom: 44.89309px;
    margin-bottom: 2.80582rem
}

.typl8-beta {
    font-size: 50.51735px;
    font-size: 3.15733rem;
    margin-bottom: 33.67823px;
    margin-bottom: 2.10489rem
}

.typl8-gamma,
h1 {
    font-size: 37.89749px;
    font-size: 2.36859rem;
    margin-bottom: 25.26499px;
    margin-bottom: 1.57906rem
}

.typl8-delta,
h2,
.feed__title {
    font-size: 28.43022px;
    font-size: 1.77689rem;
    margin-bottom: 18.95348px;
    margin-bottom: 1.18459rem
}

.typl8-epsilon,
h3,
.article__headline {
    font-size: 21.328px;
    font-size: 1.333rem;
    margin-bottom: 14.21867px;
    margin-bottom: .88867rem
}

.typl8-zeta,
h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10.66667px;
    margin-bottom: .66667rem
}

.typl8-zeta--smaller {
    font-size: 12.003px;
    font-size: .75019rem;
    margin-bottom: 8.002px;
    margin-bottom: .50013rem
}

p {
    margin: auto auto 1.5em
}

p+p {
    text-indent: 1.5em;
    margin-top: -1.5em
}

.site-navigation ul,
.base-text--bigger,
.paragraph--lede {
    font-size: 1.333rem
}

small {
    font-size: 65%
}

input,
abbr,
.quick-links .close-button,
acronym,
blockquote,
code,
kbd,
q,
samp,
var {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre {
    white-space: pre
}

pre code {
    white-space: -moz-pre-wrap;
    white-space: pre-wrap
}

code {
    white-space: pre;
    font-family: monospace
}

abbr,
.quick-links .close-button,
.label,
.media-title,
.quick-links .tabs a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: gray;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

abbr[title]:hover,
.quick-links [title].close-button:hover,
[title].label:hover,
[title].media-title:hover,
.quick-links .tabs a[title]:hover {
    cursor: help
}

.typl8-drop-cap:first-letter {
    float: left;
    margin: 10px 10px 0 0;
    padding: 0 20px;
    font-size: 4em;
    font-family: inherit;
    line-height: 1;
    text-indent: 0;
    background: transparent;
    color: inherit
}

p+.typl8-drop-cap {
    text-indent: 0;
    margin-top: 0
}

.typl8-lining dt,
.typl8-lining dd {
    display: inline;
    margin: 0
}

.typl8-lining dt+dt:before,
.typl8-lining dd+dt:before {
    content: "\A";
    white-space: pre
}

.typl8-lining dd+dd:before {
    content: ", "
}

.typl8-lining dd:before {
    content: ": ";
    margin-left: -.2rem
}

.typl8-dictionary-style dt {
    display: inline;
    counter-reset: definitions
}

.typl8-dictionary-style dt+dt:before {
    content: ", ";
    margin-left: -.2rem
}

.typl8-dictionary-style dd {
    display: block;
    counter-increment: definitions
}

.typl8-dictionary-style dd:before {
    content: counter(definitions, decimal) ". "
}

.typl8-pull-quote {
    position: relative;
    padding: 1em
}

.typl8-pull-quote:before,
.typl8-pull-quote:after {
    height: 1em;
    opacity: .5;
    position: absolute;
    font-size: 4em;
    color: #dc976e
}

.typl8-pull-quote:before {
    content: '“';
    top: 0;
    left: 0
}

.typl8-pull-quote:after {
    content: '”';
    bottom: 0;
    right: 0
}

.transition--off-canvas,
.quick-links {
    transition-duration: .28s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0)
}

.transition--off-canvas-top,
.site-navigation {
    transition-duration: .28s;
    transition-property: max-height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0)
}

.transition--opacity,
.full-page-mask {
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0)
}

.icon:before {
    content: ' ';
    vertical-align: middle;
    display: inline-block;
    background-image: url(images/svg/sprite.svg);
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.no-svg .icon:before {
    background-image: url(images/svg/sprite.png)
}

.header__feed-link,
.quick-links .featured-items a,
.quick-links .tabs a,
.utility-nav .icon,
.site-navigation a {
    border-bottom: none;
    text-decoration: none
}

.header__feed-link:hover,
.quick-links .featured-items a:hover,
.quick-links .tabs a:hover,
.utility-nav .icon:hover,
.site-navigation a:hover {
    text-decoration: none
}

.figure-gradient-overlay {
    background: #222;
    transition: cubic-bezier(.4, 0, .2, 1) all .48s
}

.figure-gradient-overlay:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(34, 34, 34, .5) 0, rgba(34, 34, 34, .1) 100%)
}

.figure-gradient-overlay:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(34, 34, 34, 0);
    transition: cubic-bezier(.4, 0, .2, 1) all .48s
}

.figure-gradient-overlay.is-visible:after {
    background: rgba(34, 34, 34, .25)
}

.snippet {
    margin-bottom: 1.65rem
}

.code-expander {
    display: inline-block;
    margin-bottom: .825rem
}

.code {
    display: none;
    margin-bottom: 1.65rem
}

.code.is-expanded {
    display: block
}

.code-inner {
    width: 100%;
    height: 320px
}

.label,
.media-title {
    margin-bottom: .825rem;
    display: block;
    color: #959595;
    line-height: 1;
    margin-top: 0
}

.u-full {
    width: 100%
}

html {
    font-family: freight-sans-pro, myriad-pro, sans-serif;
    color: #3c3c3c;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

body {
    margin: 0
}

*,
*::after,
*::before {
    box-sizing: border-box
}

.interior-template a {
    border-bottom: solid thin;
    color: #5381ac;
    text-decoration: none;
    cursor: pointer
}

.interior-template a:focus,
.interior-template a:hover {
    color: #ecac00
}

.interior-template .link--no-decoration,
.interior-template .header__feed-link,
.interior-template .quick-links .featured-items a,
.quick-links .featured-items .interior-template a,
.interior-template .quick-links .tabs a,
.quick-links .tabs .interior-template a,
.interior-template .utility-nav .icon,
.utility-nav .interior-template .icon,
.interior-template .site-navigation a,
.site-navigation .interior-template a {
    text-decoration: none;
    border-bottom: none
}

.interior-template .article__image-wrapper .article__image-inner:before,
.article__image-wrapper .interior-template .article__image-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #002144;
    opacity: .25;
    transition: ease-out .2s;
    z-index: 99
}

.interior-template ul li a {
    font-weight: 500
}

.interior-template .page-content ul,
.interior-template .page-content ol {
    list-style: initial
}

.interior-template .page-content ul li a,
.interior-template .page-content ol li a {
    font-weight: 500
}

.interior-template .page-content p {
    text-rendering: optimizeLegibility
}

.interior-template .page-content p a {
    background-position: 0 1.15rem;
    background-size: 2px 2px;
    background-image: linear-gradient(#fff 50%, #3c3c3c 50%);
    background-repeat: repeat-x;
    color: #3c3c3c;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 0
}

.interior-template .page-content p a:focus,
.interior-template .page-content p a:hover {
    color: #5381ac;
    background-image: linear-gradient(#fff 50%, #5381ac 50%)
}

.interior-template .page-content h1 a[id],
.interior-template .page-content h2 a[id],
.interior-template .page-content h3 a[id],
.interior-template .page-content h4 a[id] {
    color: #3c3c3c;
    text-decoration: none;
    border-bottom: 0
}

.list--naked,
.social-links .list,
.quick-links .featured-items,
.quick-links .tabbed-lists ul {
    list-style: none;
    padding-left: 0
}

.list--horizontal>li,
.social-links .list>li {
    display: inline-block;
    margin-right: 1.65rem
}

.grid-cell-demo {
    width: 100%;
    height: 200px;
    background: #e5e5e5
}

.grid,
.quick-links .featured-items a,
.utility-nav ul,
.color-palette {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.grid-cell,
.color-palette .color-card {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.grid--flex-cells>.grid-cell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.grid--start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.grid--middle {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid--between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid--end,
.utility-nav ul {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid--top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.grid--content-top {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.grid--bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.grid--center,
.quick-links .featured-items a {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.grid--center-all {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.grid-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.grid-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.grid-cell--center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.grid-cell.u-1of2 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.grid-cell.u-1of3 {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%
}

.grid-cell.u-1of4 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.grid-cell.u-full {
    -webkit-flex: 0 0 100%!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important
}

.grid-cell.u-3of4 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.grid-cell.u-2of3 {
    -webkit-flex: 0 0 66.6666%;
    -ms-flex: 0 0 66.6666%;
    flex: 0 0 66.6666%
}

@media(max-width:640px) {
    .grid-cell.u-small-1of2 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .grid-cell.u-small-1of3 {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }
    .grid-cell.u-small-1of4 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .grid-cell.u-small-full {
        -webkit-flex: 0 0 100%!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important
    }
    .grid-cell.u-small-3of4 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
    .grid-cell.u-small-2of3 {
        -webkit-flex: 0 0 66.6666%;
        -ms-flex: 0 0 66.6666%;
        flex: 0 0 66.6666%
    }
}

@media(min-width:641px) {
    .grid-cell.u-med-1of2 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .grid-cell.u-med-1of3 {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }
    .grid-cell.u-med-1of4 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .grid-cell.u-med-full {
        -webkit-flex: 0 0 100%!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important
    }
    .grid-cell.u-med-3of4 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
    .grid-cell.u-med-2of3 {
        -webkit-flex: 0 0 66.6666%;
        -ms-flex: 0 0 66.6666%;
        flex: 0 0 66.6666%
    }
}

@media(min-width:769px) {
    .grid-cell.u-large-1of2 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .grid-cell.u-large-1of3 {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }
    .grid-cell.u-large-1of4 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .grid-cell.u-large-full {
        -webkit-flex: 0 0 100%!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important
    }
    .grid-cell.u-large-3of4 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
    .grid-cell.u-large-2of3 {
        -webkit-flex: 0 0 66.6666%;
        -ms-flex: 0 0 66.6666%;
        flex: 0 0 66.6666%
    }
}

.grid--auto>.grid-cell {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.grid--fit>.grid-cell {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.grid--full>.grid-cell {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.grid--1of2>.grid-cell {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.grid--1of3>.grid-cell {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%
}

.grid--1of4>.grid-cell {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.grid--1of5>.grid-cell {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

@media(min-width:240px) {
    .small-grid--auto>.grid-cell {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .small-grid--fit>.grid-cell {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .small-grid--full>.grid-cell {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .color-palette>.color-card {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .small-grid--1of2>.grid-cell {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .small-grid--1of3>.grid-cell {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }
    .small-grid--1of4>.grid-cell {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .small-grid--1of5>.grid-cell {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

@media(min-width:641px) {
    .med-grid--auto>.grid-cell {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .med-grid--fit>.grid-cell {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .med-grid--full>.grid-cell {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .med-grid--1of2>.grid-cell {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .color-palette>.color-card {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .med-grid--1of3>.grid-cell {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }
    .med-grid--1of4>.grid-cell {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .med-grid--1of5>.grid-cell {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

@media(min-width:769px) {
    .large-grid--auto>.grid-cell {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .large-grid--fit>.grid-cell {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .large-grid--full>.grid-cell {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .large-grid--1of2>.grid-cell {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .large-grid--1of3>.grid-cell {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }
    .large-grid--1of4>.grid-cell {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .large-grid--1of5>.grid-cell {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

.grid--end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.utility-nav ul {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid--center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.quick-links .featured-items a {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.grid--start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(min-width:240px) {
    .small-grid--end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .small-grid--center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .small-grid--start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(min-width:641px) {
    .med-grid--end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .med-grid--center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .med-grid--start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(min-width:769px) {
    .large-grid--end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .large-grid--center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .large-grid--start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.grid--gutters-none {
    margin: 0
}

.grid--gutters-none>.grid-cell {
    padding: 0
}

.grid--gutters-tiny {
    margin-left: -.4125rem;
    margin-top: -.4125rem;
    margin-bottom: .4125rem
}

.grid--gutters-tiny>.grid-cell {
    padding-left: .4125rem;
    padding-top: .4125rem
}

.grid--gutters-small {
    margin-left: -.825rem;
    margin-top: -.825rem;
    margin-bottom: .825rem
}

.grid--gutters-small>.grid-cell {
    padding-left: .825rem;
    padding-top: .825rem
}

.grid--gutters {
    margin-left: -1.65rem;
    margin-top: -1.65rem;
    margin-bottom: 1.65rem
}

.grid--gutters>.grid-cell {
    padding-left: 1.65rem;
    padding-top: 1.65rem
}

.grid--gutters-large {
    margin-left: -2.0625rem;
    margin-top: -2.0625rem;
    margin-bottom: 2.0625rem
}

.grid--gutters-large>.grid-cell {
    padding-left: 2.0625rem;
    padding-top: 2.0625rem
}

.grid--gutters-xlarge {
    margin-left: -2.475rem;
    margin-top: -2.475rem;
    margin-bottom: 2.475rem
}

.grid--gutters-xlarge>.grid-cell {
    padding-left: 2.475rem;
    padding-top: 2.475rem
}

.grid--gutters-xxlarge {
    margin-left: -3.3rem;
    margin-top: -3.3rem;
    margin-bottom: 3.3rem
}

.grid--gutters-xxlarge>.grid-cell {
    padding-left: 3.3rem;
    padding-top: 3.3rem
}

@media(min-width:240px) {
    .small-grid--gutters-none {
        margin: 0
    }
    .small-grid--gutters-none>.grid-cell {
        padding: 0
    }
    .small-grid--gutters-tiny {
        margin-left: -.4125rem;
        margin-top: -.4125rem;
        margin-bottom: .4125rem
    }
    .small-grid--gutters-tiny>.grid-cell {
        padding-left: .4125rem;
        padding-top: .4125rem
    }
    .small-grid--gutters-small {
        margin-left: -.825rem;
        margin-top: -.825rem;
        margin-bottom: .825rem
    }
    .small-grid--gutters-small>.grid-cell {
        padding-left: .825rem;
        padding-top: .825rem
    }
    .small-grid--gutters {
        margin-left: -1.65rem;
        margin-top: -1.65rem;
        margin-bottom: 1.65rem
    }
    .small-grid--gutters>.grid-cell {
        padding-left: 1.65rem;
        padding-top: 1.65rem
    }
    .small-grid--gutters-large {
        margin-left: -2.0625rem;
        margin-top: -2.0625rem;
        margin-bottom: 2.0625rem
    }
    .small-grid--gutters-large>.grid-cell {
        padding-left: 2.0625rem;
        padding-top: 2.0625rem
    }
    .small-grid--gutters-xlarge {
        margin-left: -2.475rem;
        margin-top: -2.475rem;
        margin-bottom: 2.475rem
    }
    .small-grid--gutters-xlarge>.grid-cell {
        padding-left: 2.475rem;
        padding-top: 2.475rem
    }
    .small-grid--gutters-xxlarge {
        margin-left: -3.3rem;
        margin-top: -3.3rem;
        margin-bottom: 3.3rem
    }
    .small-grid--gutters-xxlarge>.grid-cell {
        padding-left: 3.3rem;
        padding-top: 3.3rem
    }
}

@media(min-width:641px) {
    .med-grid--gutters-none {
        margin: 0
    }
    .med-grid--gutters-none>.grid-cell {
        padding: 0
    }
    .med-grid--gutters-tiny {
        margin-left: -.4125rem;
        margin-top: -.4125rem;
        margin-bottom: .4125rem
    }
    .med-grid--gutters-tiny>.grid-cell {
        padding-left: .4125rem;
        padding-top: .4125rem
    }
    .med-grid--gutters-small {
        margin-left: -.825rem;
        margin-top: -.825rem;
        margin-bottom: .825rem
    }
    .med-grid--gutters-small>.grid-cell {
        padding-left: .825rem;
        padding-top: .825rem
    }
    .med-grid--gutters {
        margin-left: -1.65rem;
        margin-top: -1.65rem;
        margin-bottom: 1.65rem
    }
    .med-grid--gutters>.grid-cell {
        padding-left: 1.65rem;
        padding-top: 1.65rem
    }
    .med-grid--gutters-large {
        margin-left: -2.0625rem;
        margin-top: -2.0625rem;
        margin-bottom: 2.0625rem
    }
    .med-grid--gutters-large>.grid-cell {
        padding-left: 2.0625rem;
        padding-top: 2.0625rem
    }
    .med-grid--gutters-xlarge {
        margin-left: -2.475rem;
        margin-top: -2.475rem;
        margin-bottom: 2.475rem
    }
    .med-grid--gutters-xlarge>.grid-cell {
        padding-left: 2.475rem;
        padding-top: 2.475rem
    }
    .med-grid--gutters-xxlarge {
        margin-left: -3.3rem;
        margin-top: -3.3rem;
        margin-bottom: 3.3rem
    }
    .med-grid--gutters-xxlarge>.grid-cell {
        padding-left: 3.3rem;
        padding-top: 3.3rem
    }
}

@media(min-width:769px) {
    .large-grid--gutters-none {
        margin: 0
    }
    .large-grid--gutters-none>.grid-cell {
        padding: 0
    }
    .large-grid--gutters-tiny {
        margin-left: -.4125rem;
        margin-top: -.4125rem;
        margin-bottom: .4125rem
    }
    .large-grid--gutters-tiny>.grid-cell {
        padding-left: .4125rem;
        padding-top: .4125rem
    }
    .large-grid--gutters-small {
        margin-left: -.825rem;
        margin-top: -.825rem;
        margin-bottom: .825rem
    }
    .large-grid--gutters-small>.grid-cell {
        padding-left: .825rem;
        padding-top: .825rem
    }
    .large-grid--gutters {
        margin-left: -1.65rem;
        margin-top: -1.65rem;
        margin-bottom: 1.65rem
    }
    .large-grid--gutters>.grid-cell {
        padding-left: 1.65rem;
        padding-top: 1.65rem
    }
    .large-grid--gutters-large {
        margin-left: -2.0625rem;
        margin-top: -2.0625rem;
        margin-bottom: 2.0625rem
    }
    .large-grid--gutters-large>.grid-cell {
        padding-left: 2.0625rem;
        padding-top: 2.0625rem
    }
    .large-grid--gutters-xlarge {
        margin-left: -2.475rem;
        margin-top: -2.475rem;
        margin-bottom: 2.475rem
    }
    .large-grid--gutters-xlarge>.grid-cell {
        padding-left: 2.475rem;
        padding-top: 2.475rem
    }
    .large-grid--gutters-xxlarge {
        margin-left: -3.3rem;
        margin-top: -3.3rem;
        margin-bottom: 3.3rem
    }
    .large-grid--gutters-xxlarge>.grid-cell {
        padding-left: 3.3rem;
        padding-top: 3.3rem
    }
}

.site-navigation ul {
    width: 100%;
    max-width: 53.89474rem;
    margin: 0 auto;
    padding: 0 .825rem
}

.site-header {
    padding: 1.65rem 0;
    background: #ecac00
}

.site-header .site-header__wrapper {
    width: 100%;
    max-width: 53.89474rem;
    margin: 0 auto;
    padding: 0 .825rem
}

.site-header h1 {
    margin-bottom: 0
}

.interior-template .container,
.interior-template .site-header__wrapper,
.interior-template .site-content__wrapper,
.interior-template .footer,
.interior-template .site-navigation ul,
.site-navigation .interior-template ul {
    width: 100%;
    max-width: 53.8947368rem;
    margin: 0 auto;
    padding: 0 .825rem
}

.interior-template .container--large {
    width: 100%;
    max-width: 67.3684211rem;
    margin: 0 auto;
    padding: 0 .825rem
}

@media(min-width:769px) {
    .interior-template .container--large {
        padding: 0 1.65rem
    }
}

.interior-template .site-header {
    background: #ecac00;
    color: #fff;
    padding-top: 2.0625rem;
    padding-bottom: .825rem;
    position: relative
}

.interior-template .site-content__wrapper {
    padding-top: 2.475rem
}

.intro {
    padding: 2.475rem 3.3rem;
    max-width: 960px
}

@media(min-width:769px) {
    .aside-content {
        width: 400px;
        display: inline-block;
        vertical-align: top;
        background: #f2f2f2;
        padding: 2.0625rem 3.3rem 2.0625rem 0
    }
}

.main-content h2,
.main-content h3 {
    margin-top: 1.65rem;
    clear: both
}

.main-content h1+h2,
.main-content h2+h3 {
    margin-top: 0
}

.main-section {
    margin-bottom: 1.65rem
}

.image-ratio-48x25 {
    position: relative;
    padding: 0 0 52.08333%;
    height: 0;
    margin: 0
}

.image-ratio-48x25 .iframe,
.image-ratio-48x25 div,
.image-ratio-48x25 iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-ratio-48x25 .iframe.contain,
.image-ratio-48x25 div.contain,
.image-ratio-48x25 iframe.contain {
    object-fit: contain
}

.list-block,
.article-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.list-block__item,
.list-block>li,
.article-list>li,
.article--snippet {
    padding: 1.65rem 0
}

.list-block--tiny>.list-block__item,
.list-block.list-block--tiny>li,
.article-list.list-block--tiny>li,
.list-block--tiny>.article--snippet {
    padding: .4125rem 0
}

.list-block--small>.list-block__item,
.list-block.list-block--small>li,
.article-list.list-block--small>li,
.list-block--small>.article--snippet {
    padding: .825rem 0
}

.list-block--large>.list-block__item,
.list-block.list-block--large>li,
.article-list.list-block--large>li,
.list-block--large>.article--snippet {
    padding: 2.0625rem 0
}

.list-block--xlarge>.list-block__item,
.list-block.list-block--xlarge>li,
.article-list.list-block--xlarge>li,
.list-block--xlarge>.article--snippet {
    padding: 2.475rem 0
}

.list-block--xxlarge>.list-block__item,
.list-block.list-block--xxlarge>li,
.article-list.list-block--xxlarge>li,
.list-block--xxlarge>.article--snippet {
    padding: 3.3rem 0
}

.demo-box {
    padding: 1.65rem;
    background: #fff;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12)
}

.demo-box h3 {
    margin-top: 0
}

.table-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    text-align: center;
    margin-bottom: .825rem;
    display: block
}

.table,
.table-snippet {
    width: 100%;
    margin-bottom: 1.65rem
}

.table tr,
.table-snippet tr {
    border-bottom: solid thin #c3c3c3
}

@media(min-width:769px) {
    .table tr,
    .table-snippet tr {
        border-bottom: 0
    }
}

.table th,
.table td,
.table-snippet th,
.table-snippet td {
    padding: .825rem .825rem .4125rem .4125rem;
    text-align: left
}

.table th,
.table-snippet th {
    font-weight: 600;
    border-bottom: solid thin #e1e1e1;
    display: none
}

@media(min-width:769px) {
    .table th,
    .table-snippet th {
        display: table-cell
    }
}

.table td,
.table-snippet td {
    border-bottom: solid thin #ededed;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%
}

.table td:first-child,
.table-snippet td:first-child {
    padding-top: .825rem
}

@media(min-width:769px) {
    .table td:first-child,
    .table-snippet td:first-child {
        padding-top: .4125rem
    }
}

.table td:last-child,
.table-snippet td:last-child {
    padding-bottom: .825rem;
    border-bottom: 0
}

@media(min-width:769px) {
    .table td:last-child,
    .table-snippet td:last-child {
        padding-bottom: .4125rem;
        border-bottom: solid thin #e1e1e1
    }
}

.table td:before,
.table-snippet td:before {
    content: attr(data-th) ": ";
    font-weight: 600
}

@media(min-width:769px) {
    .table td:before,
    .table-snippet td:before {
        display: none
    }
}

@media(min-width:769px) {
    .table td,
    .table-snippet td {
        display: table-cell;
        width: auto;
        border-bottom: solid thin #e1e1e1
    }
}

.table--bordered {
    width: 100%;
    margin-bottom: 1.65rem
}

.table--bordered tr {
    border-bottom: solid thin #c3c3c3
}

@media(min-width:769px) {
    .table--bordered tr {
        border-bottom: 0
    }
}

.table--bordered th,
.table--bordered td {
    padding: .825rem .825rem .4125rem .4125rem;
    text-align: left
}

.table--bordered th {
    font-weight: 600;
    border-bottom: solid thin #e1e1e1;
    display: none
}

@media(min-width:769px) {
    .table--bordered th {
        display: table-cell
    }
}

.table--bordered td {
    border-bottom: solid thin #ededed;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%
}

.table--bordered td:first-child {
    padding-top: .825rem
}

@media(min-width:769px) {
    .table--bordered td:first-child {
        padding-top: .4125rem
    }
}

.table--bordered td:last-child {
    padding-bottom: .825rem;
    border-bottom: 0
}

@media(min-width:769px) {
    .table--bordered td:last-child {
        padding-bottom: .4125rem;
        border-bottom: solid thin #e1e1e1
    }
}

.table--bordered td:before {
    content: attr(data-th) ": ";
    font-weight: 600
}

@media(min-width:769px) {
    .table--bordered td:before {
        display: none
    }
}

@media(min-width:769px) {
    .table--bordered td {
        display: table-cell;
        width: auto;
        border-bottom: solid thin #e1e1e1
    }
}

.table--bordered td,
.table--bordered th {
    border: solid thin #e1e1e1
}

.table--bordered th {
    background: #f0f0f0
}

.off-canvas--right,
.quick-links {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.off-canvas--right.is-showing,
.is-showing.quick-links {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

ul {
    margin-bottom: 1.65rem
}

ol {
    margin-left: 1.65rem
}

ul,
ol {
    padding-left: 1.65rem
}

dt {
    font-weight: 600
}

dd {
    margin-left: 0
}

.bullet-list {
    list-style: disc;
    margin-left: 1.65rem
}

.circle-list {
    list-style: circle;
    margin-left: 1.65rem
}

.square-list {
    list-style: square;
    margin-left: 1.65rem
}

.naked-list {
    list-style: none;
    padding-left: 0
}

.naked-list a {
    border-bottom: 0
}

.block-list {
    list-style: none;
    border-bottom: solid thin #d8d8d8
}

.block-list li {
    padding: .4125rem
}

.block-list li:last-child {
    border-bottom: 0
}

.horizontal-list li {
    display: inline-block
}

.horizontal-list li:after {
    margin-left: .825rem;
    content: "|";
    color: #d8d8d8
}

.horizontal-list li:last-child:after {
    content: ""
}

.tabs-section .tabs {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    border-bottom: solid #d8d8d8;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.tabs-section .tabs>.tab-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width:769px) {
    .tabs-section .tabs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0
    }
    .tabs-section .tabs>.tab-item {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.tabs-section .tabs .tab-item {
    position: relative
}

@media(min-width:769px) {
    .tabs-section .tabs .tab-item {
        -webkit-flex-basis: 160px;
        -ms-flex-preferred-size: 160px;
        flex-basis: 160px
    }
}

.tabs-section .tabs .tab-link {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 0;
    color: #a6a6a9;
    padding: .825rem .4125rem;
    position: relative
}

.tabs-section .tabs .tab-link:hover {
    color: #797a7e;
    text-decoration: none
}

.tabs-section .tabs .tab-link.is-active:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #ecac00;
    bottom: -3px;
    left: 0
}

.tabs-section .tabs .is-active.tab-link {
    color: #4d4e53
}

.tabs-section .tabs .tab-content {
    width: 100%;
    overflow: hidden;
    display: none
}

.tabs-section .tabs .tab-content.is-open {
    display: block
}

.tabs-section .tabs-wrapper {
    max-width: 72rem;
    margin: 0 auto;
    position: relative
}

.tabs-section .tabs {
    margin-bottom: 0
}

.tabs-section .tab-content-wrapper {
    position: relative;
    max-width: 72rem;
    margin: 0 auto
}

.tabs-section .tab-content {
    position: relative;
    overflow: hidden;
    padding: 0 2.0625rem
}

.tabs-section .tab-content-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.site-footer {
    padding: 1.65rem;
    font-size: smaller;
    color: white;
    background: #4d4e53
}

.site-footer a {
    border-bottom: solid thin;
    color: white;
    text-decoration: none;
    cursor: pointer
}

.site-footer a:hover {
    color: #ecac00
}

.Footer-credits {
    text-align: center
}

.feed__header {
    display: inline-block;
    width: 100%;
    border-bottom: solid #eee;
    position: relative;
    padding: 0 1rem
}

.header__feed-link {
    font-weight: 500;
    margin-bottom: .5rem;
    display: inline-block
}

.feed__title {
    margin-bottom: 0
}

.article--snippet {
    position: relative;
    width: 100%;
    display: inline-block;
    border-bottom: solid thin #eee
}

.article--snippet p {
    font-family: freight-text-pro;
    margin: 0
}

.article--snippet:hover .article__image-inner:before {
    opacity: 0
}

.article__link-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    border-bottom: 0
}

.article__meta-content {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #797979;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px
}

.article__meta-content>span {
    font-size: 16px;
    letter-spacing: normal
}

.article__headline {
    position: relative;
    z-index: 200
}

.article__headline a {
    color: #3c3c3c;
    border-bottom: 0;
    text-decoration: none
}

.article__image-wrapper {
    width: 25%;
    float: left;
    margin-right: 1.5rem
}

.article__image-wrapper .article__image-inner {
    position: relative;
    padding: 0 0 75%;
    height: 0;
    margin: 0
}

.article__image-wrapper .article__image-inner .img,
.article__image-wrapper .article__image-inner img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article__image-wrapper .article__image-inner .img.contain,
.article__image-wrapper .article__image-inner img.contain {
    object-fit: contain
}

.helpful-links {
    display: inline-block;
    width: 100%;
    border-top: solid thin #eee;
    border-bottom: solid thin #eee;
    margin-bottom: 1.65rem;
    padding: 0 1.65rem
}

.helpful-links .list {
    margin-top: 0;
    margin-bottom: .825rem;
    margin-left: 0;
    padding-left: 0;
    list-style: none
}

.helpful-links .item {
    display: inline-block;
    margin-right: .825rem
}

.helpful-links .list-title {
    margin-top: .825rem;
    margin-bottom: .4125rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.helpful-links .link {
    border-bottom: 0
}

@media(min-width:769px) {
    .helpful-links.right {
        border-top: 0;
        border-bottom: 0;
        border-left: solid thin #eee;
        float: right;
        margin-left: 1.65rem;
        padding-left: 1.65rem;
        width: 33%
    }
    .helpful-links.right .list {
        margin-top: 0;
        margin-bottom: 0
    }
    .helpful-links.right .item {
        width: 100%
    }
}

.helpful-links.bottom {
    border-top: solid thin #eee;
    border-bottom: 0
}

.social-links {
    display: inline-block;
    width: 100%;
    border-top: solid thin #eee;
    border-bottom: solid thin #eee;
    margin-bottom: 1.65rem
}

.social-links .list {
    margin-top: .825rem;
    margin-bottom: .825rem
}

@media(min-width:769px) {
    .social-links.right {
        border-top: 0;
        border-bottom: 0;
        border-left: solid thin #eee;
        float: right;
        margin-left: 1.65rem;
        padding-left: 1.65rem;
        width: 33%
    }
    .social-links.right .list {
        margin-top: 0;
        margin-bottom: 0
    }
    .social-links.right .item {
        width: 100%
    }
}

.social-links.bottom {
    border-top: solid thin #eee;
    border-bottom: 0
}

.prism code[class*=language-],
.prism pre[class*=language-] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.prism pre[class*=language-]::-moz-selection,
.prism code[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

.prism pre[class*=language-]::selection,
.prism code[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    .prism code[class*=language-],
    .prism pre[class*=language-] {
        text-shadow: none
    }
}

.prism pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

.prism:not(pre)>code[class*=language-],
.prism pre[class*=language-] {
    background: #f5f2f0
}

.prism:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em
}

.prism .token.comment,
.prism .token.prolog,
.prism .token.doctype,
.prism .token.cdata {
    color: slategray
}

.prism .token.punctuation {
    color: #999
}

.prism .namespace {
    opacity: .7
}

.prism .token.property,
.prism .token.tag,
.prism .token.boolean,
.prism .token.number,
.prism .token.constant,
.prism .token.symbol,
.prism .token.deleted {
    color: #905
}

.prism .token.selector,
.prism .token.attr-name,
.prism .token.string,
.prism .token.char,
.prism .token.builtin,
.prism .token.inserted {
    color: #690
}

.prism .token.operator,
.prism .token.entity,
.prism .token.url,
.prism .language-css .token.string,
.prism .style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.prism .token.atrule,
.prism .token.attr-value,
.prism .token.keyword {
    color: #07a
}

.prism .token.function {
    color: #dd4a68
}

.prism .token.regex,
.prism .token.important,
.prism .token.variable {
    color: #e90
}

.prism .token.important,
.prism .token.bold {
    font-weight: 700
}

.prism .token.italic {
    font-style: italic
}

.prism .token.entity {
    cursor: help
}

.contact-card {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
    background: #fff;
    display: inline-block;
    padding: 1.65rem
}

.contact-card dl {
    margin: 0;
    padding: 0
}

.contact-card dd {
    margin-left: 0;
    padding-left: 0;
    font-weight: 500;
    margin-bottom: .4125rem;
    line-height: 1.3
}

.contact-card .contact-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 1.65rem
}

.contact-card .contact-pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%
}

.contact-card .contact-id {
    margin-bottom: .825rem;
    padding-bottom: .4125rem;
    border-bottom: solid thin #d8d8d8
}

.contact-card .contact-info {
    font-size: 16px
}

.contact-card .contact-name {
    font-weight: 600;
    font-size: 1rem
}

.contact-card .contact-title {
    font-size: 1rem
}

.contact-card .contact-department {
    font-weight: 500;
    margin-bottom: .4125rem;
    font-size: 1rem
}

@media(min-width:769px) {
    .contact-card.inline .contact-pic,
    .contact-card.inline .contact-content,
    .contact-card.inline .contact-id,
    .contact-card.inline .contact-info {
        display: inline-block;
        vertical-align: middle
    }
    .contact-card.inline .contact-pic {
        margin-bottom: 0
    }
    .contact-card.inline .contact-id,
    .contact-card.inline .contact-info {
        margin-left: 1.65rem
    }
    .contact-card.inline .contact-id {
        border-bottom: 0;
        margin-bottom: 0
    }
    .contact-card.inline .contact-info {
        padding-left: 1.65rem;
        border-left: solid thin #d8d8d8
    }
}

.contact-card.department .contact-info {
    font-size: 1rem
}

.contact-card.department dt {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-top: .825rem
}

.contact-card.flat {
    box-shadow: none;
    background: transparent
}

.contact-header {
    margin-bottom: 1.65rem
}

.contact-header .contact-card.flat {
    box-shadow: none;
    background: transparent;
    padding: 0;
    width: 100%
}

.contact-header .contact-card.flat.department dd {
    font-size: 1rem;
    margin-bottom: .825rem
}

.contact-header .contact-card.flat.department dt {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.contact-header iframe {
    width: 100%;
    height: 100%;
    min-height: 250px
}

.contact-header .social-media {
    margin-top: .825rem;
    margin-bottom: 1.65rem
}

.contact-header .social-media .list-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-bottom: .825rem
}

.contact-header .social-media .list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.contact-header .social-media .item {
    display: inline-block;
    margin-right: .825rem
}

.contact-header .social-media .icon {
    text-decoration: none;
    border-bottom: 0
}

.contact-header .social-media .facebook:before {
    background-position: 0 -344.10526em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.contact-header .social-media .twitter:before {
    background-position: 0 -863.57895em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.contact-header .social-media .instagram:before {
    background-position: 0 -503.26316em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

@media(min-width:769px) {
    .contact-header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        margin: -2.0625rem 0 2.0625rem -2.0625rem;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .contact-header>div,
    .contact-header iframe {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .contact-header>div,
    .contact-header iframe {
        padding: 2.0625rem 0 0 2.0625rem
    }
}

.page-header {
    max-height: 720px;
    overflow: hidden
}

.page-banner {
    padding: 0 0 33.33333%;
    height: 0;
    margin: 0;
    position: relative;
    z-index: 1
}

.page-banner .banner-image,
.page-banner banner-image {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-banner .banner-image.contain,
.page-banner banner-image.contain {
    object-fit: contain
}

.interior-template .page-breadcrumbs {
    padding: .825rem 1.65rem;
    background: #f2f2f2
}

.interior-template .page-breadcrumbs .breadcrumbs-list {
    padding-left: 0
}

.interior-template .page-content .shortcut-list {
    padding-left: 0;
    list-style: none;
    margin-top: 0
}

.interior-template .page-content .shortcut-list:before {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    content: "Popular destinations"
}

.interior-template .page-content .shortcut-list a {
    border-bottom: 0
}

.interior-template .page-content .shortcut-list a:after {
    background-position: 0 -130.63158em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .page-content .shortcut-list a:after {
    transition: ease -webkit-transform .3s;
    transition: ease transform .3s
}

.interior-template .page-content .shortcut-list a:hover:after {
    background-position: 0 -134.42105em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .page-content .shortcut-list a:hover:after {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.interior-template .page-section {
    padding-bottom: 2.0625rem;
    margin-bottom: 2.0625rem
}

.interior-template .link-card {
    padding: 1.65rem;
    transition: ease all .3s;
    position: relative
}

.interior-template .link-card:hover {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
    background: white
}

.interior-template .link-card .card-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    border-bottom: 0
}

.interior-template .link-card .list-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-bottom: .825rem
}

.interior-template .link-card .card-media {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    margin: 0;
    margin-bottom: .825rem
}

.interior-template .link-card .card-media .img,
.interior-template .link-card .card-media img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.interior-template .link-card .card-media .img.contain,
.interior-template .link-card .card-media img.contain {
    object-fit: contain
}

.interior-template .link-card .card-content .content-title {
    margin-bottom: .4125rem
}

.interior-template .link-card .card-content .content-snippet {
    margin-bottom: .825rem;
    padding-bottom: .825rem;
    border-bottom: solid thin #d8d8d8
}

.interior-template .link-card .shortcut-list {
    z-index: 2;
    position: relative;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.interior-template .link-card .shortcut-list a {
    border-bottom: 0
}

.interior-template .link-card .shortcut-list a:after {
    background-position: 0 -130.63158em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .link-card .shortcut-list a:after {
    transition: ease -webkit-transform .3s;
    transition: ease transform .3s
}

.interior-template .link-card .shortcut-list a:hover:after {
    background-position: 0 -134.42105em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .link-card .shortcut-list a:hover:after {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.interior-template .link-card .downloads-list {
    z-index: 2;
    position: relative;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.interior-template .link-card .downloads-list a {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    background: #f2f2f2;
    color: #999;
    padding: .825em 1.65em;
    font-size: .68421rem;
    margin-bottom: .825rem;
    border-bottom: 0
}

.interior-template .link-card .downloads-list a:hover {
    text-decoration: none;
    border-bottom: 0
}

.interior-template .link-card .downloads-list a:hover {
    background: #e5e5e5;
    color: #7f7f7f
}

.interior-template .link-card .downloads-list a:after {
    background-position: 0 -363.05263em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .link-card .downloads-list a:after {
    margin-left: .4125rem
}

.interior-template .link-card.inline .card-media {
    position: relative;
    padding: 0 0 100%;
    height: 0;
    margin: 0;
    margin-bottom: 0
}

.interior-template .link-card.inline .card-media .img,
.interior-template .link-card.inline .card-media img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.interior-template .link-card.inline .card-media .img.contain,
.interior-template .link-card.inline .card-media img.contain {
    object-fit: contain
}

.interior-template .link-card.inline .card-media img {
    border-radius: 50%
}

.interior-template .page-anchors {
    padding: 0;
    margin-bottom: 1.65rem
}

.interior-template .page-anchors .list {
    list-style: none;
    margin: 0;
    padding-left: 1.65rem;
    border-left: solid #e5e5e5
}

.interior-template .page-anchors .list:before {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    content: "On this page";
    margin-bottom: .4125rem;
    display: block
}

.interior-template .page-anchors .list .item {
    line-height: 1.3;
    margin-bottom: .4125rem
}

.interior-template .page-anchors .list .item a {
    color: #5381ac;
    font-weight: 500;
    border-bottom: none;
    text-decoration: none
}

.interior-template .page-anchors .list .item a:hover {
    text-decoration: none
}

@media(min-width:1024px) {
    .interior-template .page-anchors .list.right {
        float: right;
        padding: .4125rem .825rem 0;
        font-size: .84211rem
    }
}

@media(min-width:big-desktop) {
    .interior-template .page-anchors .list.right {
        float: right;
        padding: .4125rem .825rem 0;
        font-size: .84211rem
    }
}

.interior-template .page-anchors.is-fixed {
    width: 100%;
    max-width: 53.89474rem;
    margin: 0 auto;
    padding: 0 .825rem
}

@media(min-width:1024px) {
    .interior-template .page-anchors.is-fixed {
        position: fixed;
        top: 0
    }
    .interior-template .page-anchors.is-fixed .right {
        margin-right: 1.65rem
    }
}

@media(min-width:big-desktop) {
    .interior-template .page-anchors.is-fixed {
        position: fixed;
        top: 0
    }
    .interior-template .page-anchors.is-fixed .right {
        margin-right: 1.65rem
    }
}

.image--circle {
    position: relative;
    padding: 0 0 100%;
    height: 0;
    margin: 0;
    border-radius: 50%
}

.image--circle .img,
.image--circle img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image--circle .img.contain,
.image--circle img.contain {
    object-fit: contain
}

.media.full {
    width: 100%;
    margin-bottom: 1.65rem
}

.media.full>*[class^=figure] {
    position: relative;
    padding: 0 0 33.33333%;
    height: 0;
    margin: 0
}

.media.full>*[class^=figure] .img,
.media.full>*[class^=figure] img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.media.full>*[class^=figure] .img.contain,
.media.full>*[class^=figure] img.contain {
    object-fit: contain
}

.media.right {
    width: 100%;
    float: right;
    margin-left: 1.65rem;
    margin-bottom: 1.65rem
}

@media(min-width:769px) {
    .media.right {
        width: 33%
    }
}

.media.right.collage {
    margin-right: 0;
    margin-bottom: 0
}

@media(min-width:769px) {
    .media.right.collage {
        width: 20%;
        float: left
    }
}

.media.left {
    width: 100%;
    float: left;
    margin-right: 1.65rem;
    margin-bottom: 1.65rem
}

@media(min-width:769px) {
    .media.left {
        width: 33%
    }
}

.media.left.collage {
    margin-right: 0;
    margin-bottom: 0
}

@media(min-width:769px) {
    .media.left.collage {
        width: 40%
    }
}

.media.center {
    width: 66%;
    margin-right: auto;
    margin-bottom: 1.65rem;
    margin-left: auto
}

.media.center>*[class^=figure] {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    margin: 0
}

.media.center>*[class^=figure] .img,
.media.center>*[class^=figure] img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.media.center>*[class^=figure] .img.contain,
.media.center>*[class^=figure] img.contain {
    object-fit: contain
}

.media.center.collage {
    float: left;
    margin-right: 0;
    margin-bottom: 0
}

.media.right>*[class^=figure],
.media.left>*[class^=figure] {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    margin: 0
}

.media.right>*[class^=figure] .img,
.media.right>*[class^=figure] img,
.media.left>*[class^=figure] .img,
.media.left>*[class^=figure] img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.media.right>*[class^=figure] .img.contain,
.media.right>*[class^=figure] img.contain,
.media.left>*[class^=figure] .img.contain,
.media.left>*[class^=figure] img.contain {
    object-fit: contain
}

.media-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.65rem;
    width: 100%
}

.media-grid>grid-image {
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%
}

.media-grid .grid-image>figure {
    position: relative;
    padding: 0 0 75%;
    height: 0;
    margin: 0
}

.media-grid .grid-image>figure .img,
.media-grid .grid-image>figure img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.media-grid .grid-image>figure .img.contain,
.media-grid .grid-image>figure img.contain {
    object-fit: contain
}

.media-grid.with-gutters {
    margin: -2.0625rem 0 2.0625rem -2.0625rem
}

.media-grid.with-gutters>grid-image {
    padding: 2.0625rem 0 0 2.0625rem
}

.with-overlay,
.figure-gradient-overlay {
    position: relative;
    overflow: hidden
}

.quick-links {
    -webkit-backface-visibility: hidden;
    background: #f8f9fb;
    z-index: 1000
}

.quick-links.is-showing {
    box-shadow: 0 3px 12px rgba(0, 0, 0, .23), 0 3px 12px rgba(0, 0, 0, .16)
}

.quick-links .featured-items {
    margin: 0;
    padding: 1.65rem .825rem .825rem;
    background: #1a3957
}

.quick-links .featured-items a {
    padding: .4125rem .825rem;
    color: #fafafa
}

.quick-links .featured-items a:hover {
    color: #ecac00
}

.quick-links .featured-items .icon {
    margin-right: .825rem;
    width: 2.4em
}

.quick-links .tabs {
    background: #142c43
}

.quick-links .tabs ul {
    padding-left: 0;
    margin: 0;
    padding: 0 .825rem;
    padding-bottom: 0;
    border-bottom: solid thin #142c43
}

.quick-links .tabs li {
    display: inline-block
}

.quick-links .tabs a {
    color: #8995a1;
    padding: .4125rem .825rem;
    display: inline-block
}

.quick-links .tabs a:hover {
    color: #c4cad0
}

.quick-links .tabs .is-selected a {
    color: #ecac00
}

.quick-links .tabbed-lists {
    position: relative;
    padding-left: 1.65rem;
    margin-left: 0
}

.quick-links .tabbed-lists ul {
    position: absolute;
    margin-left: 0
}

.quick-links .tabbed-lists li {
    width: 100%;
    display: inline-block
}

.quick-links .tabbed-lists a {
    padding: .4125rem;
    border-bottom: solid thin #dbdfe2;
    width: 100%;
    display: inline-block
}

.quick-links .tabbed-lists a:hover {
    color: #ecac00
}

.quick-links .close-button {
    padding: .4125rem .825rem;
    background: #f2f2f2;
    color: #bfbfbf;
    position: absolute;
    bottom: 1.65rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.quick-links .close-button:hover {
    color: #7f7f7f
}

@media(min-width:641px) {
    .quick-links .close-button {
        display: none
    }
}

.utility-nav {
    background: #142c43
}

.utility-nav .icon {
    display: inline-block;
    padding: .4125rem
}

.utility-nav .icon:hover {
    background: #5381ac
}

.utility-nav .icon.sort-white-24:before {
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.full-page-mask {
    top: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 999
}

.full-page-mask.is-showing {
    height: 100%;
    opacity: 1
}

.accordion {
    margin-bottom: 1.65rem;
    overflow-y: hidden
}

.accordion .content-title {
    position: relative;
    margin-bottom: 0;
    padding: .825rem 0;
    color: #5381ac;
    border-bottom: solid thin #e5e5e5;
    transition: all .28s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer
}

.accordion .content-title:after {
    background-position: 0 -320.10526em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.accordion .content-title:after {
    float: right
}

.accordion .content-title:before {
    margin-right: .4125rem
}

.accordion .content-title.is-expanded:after {
    background-position: 0 -282.21053em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.accordion .content-title.is-expanded:after {
    float: right
}

.accordion.is-active .content-title {
    color: #a9c0d5
}

.accordion.is-active .content-title.is-expanded {
    color: #5381ac
}

.accordion .content {
    overflow: hidden;
    max-height: 0;
    transition: max-height .28s cubic-bezier(.4, 0, .2, 1) .21s
}

.accordion .content .content-inner {
    padding: .825rem;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .28s cubic-bezier(.4, 0, .2, 1) .21s, opacity .28s cubic-bezier(.4, 0, .2, 1) .21s;
    transition: transform .28s cubic-bezier(.4, 0, .2, 1) .21s, opacity .28s cubic-bezier(.4, 0, .2, 1) .21s;
    opacity: 0
}

.accordion .content.is-expanded {
    transition: max-height .28s cubic-bezier(.4, 0, .2, 1);
    max-height: 1000px
}

.accordion .content.is-expanded .content-inner {
    opacity: 1;
    transition: -webkit-transform .28s cubic-bezier(.4, 0, .2, 1) .21s, opacity .28s cubic-bezier(.4, 0, .2, 1) .21s;
    transition: transform .28s cubic-bezier(.4, 0, .2, 1) .21s, opacity .28s cubic-bezier(.4, 0, .2, 1) .21s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.accordion .accordion-main {
    max-width: 700px;
    display: inline-block;
    vertical-align: top;
    padding-right: 1.65rem
}

.accordion .accordion-aside {
    display: inline-block
}

.accordion .accordion-aside h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.interior-template .button,
.interior-template .read-more {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-bottom: 0;
    border-radius: 3px;
    font-size: .84211rem;
    color: white;
    background: #1291b9;
    line-height: 1;
    padding: .825em 1.65em;
    display: inline-block;
    margin-bottom: 1.65rem
}

.interior-template .button:hover,
.interior-template .read-more:hover {
    background: #0f7b9d;
    color: white
}

.interior-template .button.tiny,
.interior-template .tiny.read-more {
    font-size: .68421rem;
    padding: .4125em .825em
}

.interior-template .button.small,
.interior-template .small.read-more {
    font-size: .68421rem
}

.interior-template .button.large,
.interior-template .large.read-more {
    font-size: 1rem
}

.interior-template .button.no-caps,
.interior-template .button.read-more,
.interior-template .no-caps.read-more,
.interior-template .read-more {
    text-transform: initial;
    letter-spacing: normal;
    font-size: 1rem
}

.interior-template .button.bare,
.interior-template .button.read-more,
.interior-template .bare.read-more,
.interior-template .read-more {
    background: transparent;
    color: #1291b9
}

.interior-template .button.bare:hover,
.interior-template .button.read-more:hover,
.interior-template .bare.read-more:hover,
.interior-template .read-more:hover {
    background: #f2f2f2
}

.interior-template .button.subtle,
.interior-template .subtle.read-more {
    background: #959595
}

.interior-template .button.outline,
.interior-template .outline.read-more {
    background: transparent;
    border: solid thin;
    color: #1291b9
}

.interior-template .button.outline:hover,
.interior-template .outline.read-more:hover {
    background: #1291b9;
    color: white
}

.interior-template .button.disabled,
.interior-template .disabled.read-more {
    background: #d4d4d4;
    color: #b4b4b4
}

.interior-template .button.action,
.interior-template .action.read-more {
    background: #64cc8b
}

.interior-template .button.action:hover,
.interior-template .action.read-more:hover {
    background: #4b9968
}

.interior-template .button.red,
.interior-template .red.read-more {
    background: #ff4e23
}

.interior-template .button.red:hover,
.interior-template .red.read-more:hover {
    background: #d8421d
}

.interior-template .button.yellow,
.interior-template .yellow.read-more {
    background: #fff04a;
    color: #7f7825
}

.interior-template .button.with-icon span,
.interior-template .button.read-more span,
.interior-template .with-icon.read-more span,
.interior-template .read-more span {
    vertical-align: middle;
    display: inline-block
}

.interior-template .button.with-icon span:first-child,
.interior-template .button.read-more span:first-child,
.interior-template .with-icon.read-more span:first-child,
.interior-template .read-more span:first-child {
    margin-right: .4125rem
}

.interior-template .button.with-icon .icon:before,
.interior-template .button.read-more .icon:before,
.interior-template .with-icon.read-more .icon:before,
.interior-template .read-more .icon:before {
    font-size: 10px;
    margin: 0
}

.interior-template .read-more:hover {
    color: #1291b9
}

.interior-template .dropdown-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    padding: .825em 1.65em;
    font-size: .68421rem;
    padding-left: .825rem
}

.interior-template .dropdown-button:hover {
    text-decoration: none;
    border-bottom: 0
}

.interior-template .dropdown-button.icon-after {
    padding-left: 1.65rem;
    padding-right: .825rem
}

.interior-template .dropdown-button span {
    vertical-align: middle;
    display: inline-block
}

.interior-template .dropdown-button span:first-child {
    margin-right: .4125rem
}

.interior-template .dropdown-button .icon {
    position: relative
}

.interior-template .dropdown-button .icon {
    width: 24px;
    height: 1em
}

.interior-template .dropdown-button .icon:before {
    background-position: 0 -335.26316em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .dropdown-button .icon:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.interior-template .dropdown-button.is-active .icon:before {
    background-position: 0 -297.36842em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .more-info {
    border-bottom: 0;
    font-weight: 500;
    margin-bottom: 1.65rem;
    display: inline-block
}

.interior-template .more-info:after {
    background-position: 0 -130.63158em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .more-info:after {
    transition: ease -webkit-transform .3s;
    transition: ease transform .3s
}

.interior-template .more-info:hover:after {
    background-position: 0 -134.42105em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .more-info:hover:after {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.interior-template .arrow-right-button {
    text-transform: uppercase;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-bottom: 0;
    line-height: 1;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    padding: .825em 1.65em;
    font-size: .68421rem;
    padding-left: .825rem;
    font-weight: 600;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    color: white;
    font-size: 16px
}

.interior-template .arrow-right-button:hover {
    text-decoration: none;
    border-bottom: 0
}

.interior-template .arrow-right-button.icon-after {
    padding-left: 1.65rem;
    padding-right: .825rem
}

.interior-template .arrow-right-button span {
    vertical-align: middle;
    display: inline-block
}

.interior-template .arrow-right-button span:first-child {
    margin-right: .4125rem
}

.interior-template .arrow-right-button .icon {
    position: relative
}

.interior-template .arrow-right-button span {
    color: white
}

.interior-template .arrow-right-button .icon {
    width: 24px;
    height: 1em
}

.interior-template .arrow-right-button .icon:before {
    background-position: 0 -145.78947em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.interior-template .arrow-right-button .icon:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.interior-template .arrow-right-button.is-active .icon:before {
    background-position: 0 -297.36842em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.msu-dark-logo {
    background: #142c43;
    padding: 1.65rem
}

.msu-dark-logo:before {
    background-position: 0 -657.36842em;
    width: 19.31579em;
    height: 6.63158em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.media-caption,
.media-caption.overlay-bottom {
    padding: .825rem;
    color: #797979;
    text-align: center
}

.media-title {
    margin-bottom: .4125rem
}

.media-description {
    font-size: .84211rem;
    margin-bottom: 0
}

.media-caption.overlay-bottom {
    position: absolute;
    bottom: 0;
    text-align: left;
    width: 100%;
    color: white;
    z-index: 2
}

.media-caption.overlay-bottom .media-title {
    color: white
}

.media-caption.overlay-bottom.is-hidden {
    -webkit-transform: translateY(calc(100% - (.825rem + 13px + .825rem)));
    -ms-transform: translateY(calc(100% - (.825rem + 13px + .825rem)));
    transform: translateY(calc(100% - (.825rem + 13px + .825rem)));
    transition: cubic-bezier(.4, 0, .2, 1) -webkit-transform .28s;
    transition: cubic-bezier(.4, 0, .2, 1) transform .28s
}

.media-caption.overlay-bottom.is-hidden .media-title {
    color: #ecac00
}

.media-caption.overlay-bottom.is-hidden .media-description {
    overflow: hidden;
    opacity: 0;
    transition: cubic-bezier(.4, 0, .2, 1) opacity .28s .42s
}

.media-caption.overlay-bottom.is-visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.media-caption.overlay-bottom.is-visible .media-description {
    opacity: 1
}

.banner {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: 100%;
    max-height: 720px
}

.banner .banner-slider {
    position: relative;
    padding: 0 0 42.85714%;
    height: 0;
    margin: 0
}

.banner .banner-slider .banner-slide,
.banner .banner-slider banner-slide {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner .banner-slider .banner-slide.contain,
.banner .banner-slider banner-slide.contain {
    object-fit: contain
}

.banner .banner-slide {
    max-height: 720px;
    position: relative;
    width: 100%;
    opacity: 0;
    position: absolute;
    transition: cubic-bezier(.4, 0, .2, 1) opacity 1.12s
}

.banner .banner-slide:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .65);
    background: transparent;
    background: -moz-gradient(center top, transparent 0, rgba(0, 0, 0, .65) 60%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 60%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0,0,0,.65)', GradientType=0)
}

@media(min-width:769px) {
    .banner .banner-slide:after {
        background: transparent;
        background: -moz-gradient(center top, transparent 0, rgba(0, 0, 0, .45) 60%);
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .45) 60%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0,0,0,.45)', GradientType=0)
    }
}

.banner .banner-slide .banner-figure {
    overflow: visible;
    width: 100%;
    height: 100%;
    margin: 0
}

.banner .banner-slide .banner-figure .banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner .banner-slide .banner-caption-wrapper {
    width: 100%;
    max-width: 67.36842rem;
    margin: 0 auto;
    padding: 0 .825rem;
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 100%
}

@media(min-width:769px) {
    .banner .banner-slide .banner-caption-wrapper {
        background: transparent;
        z-index: 3;
        left: 0;
        right: 0;
        opacity: 0;
        -webkit-transform: translateY(.825rem);
        -ms-transform: translateY(.825rem);
        transform: translateY(.825rem);
        transition: cubic-bezier(.4, 0, .2, 1) opacity .28s, cubic-bezier(.4, 0, .2, 1) -webkit-transform .56s;
        transition: cubic-bezier(.4, 0, .2, 1) opacity .28s, cubic-bezier(.4, 0, .2, 1) transform .56s
    }
}

.banner .banner-slide .banner-caption {
    z-index: 2;
    bottom: 0;
    position: absolute
}

@media(min-width:769px) {
    .banner .banner-slide .banner-caption {
        max-width: 50%;
        padding: 1.65rem;
        padding-bottom: 3.3rem
    }
}

.banner .banner-slide .banner-caption .caption-link {
    text-decoration: none;
    color: white
}

.banner .banner-slide .banner-caption .caption-link:hover {
    text-decoration: underline
}

.banner .banner-slide .banner-caption .banner-context {
    font-weight: 600;
    text-transform: uppercase;
    color: #5381ac;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-bottom: .4125rem;
    font-size: .68421rem;
    font-weight: 700
}

.banner .banner-slide .banner-caption .banner-headline {
    font-size: 1.333rem;
    margin-bottom: .4125rem;
    color: white;
    line-height: 1;
    font-weight: 600
}

@media(min-width:769px) {
    .banner .banner-slide .banner-caption .banner-headline {
        font-size: 3.15733rem
    }
}

.banner .banner-slide .banner-caption .banner-description {
    font-size: 1rem;
    color: white;
    line-height: 1.3;
    margin-bottom: .4125rem
}

@media(min-width:769px) {
    .banner .banner-slide .banner-caption .banner-description {
        font-size: 1.333rem
    }
}

.banner .banner-slide .banner-caption .banner-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    padding: .825em 1.65em;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    font-size: .84211rem;
    color: white;
    background: #1291b9;
    border: 0;
    font-size: .68421rem;
    padding: .4125em .825em;
    font-size: .68421rem;
    background: none;
    opacity: .5
}

.banner .banner-slide .banner-caption .banner-button:hover {
    text-decoration: none;
    border-bottom: 0
}

.banner .banner-slide .banner-caption .banner-button:hover {
    background: #0f7b9d;
    color: white
}

.banner .banner-slide.is-active {
    opacity: 1
}

.banner .banner-slide.is-active .banner-caption-wrapper {
    opacity: 1;
    transition-delay: .56s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media(min-width:769px) {
    .banner .banner-slide.top-right:after {
        background: rgba(0, 0, 0, .45);
        background: linear-gradient(-120deg, rgba(0, 0, 0, .45) 30%, transparent 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,.45)', endColorstr='transparent', GradientType=0)
    }
    .banner .banner-slide.top-right .banner-caption-wrapper {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .banner .banner-slide.top-right .banner-caption-wrapper .banner-caption {
        padding: 1.65rem;
        top: 0;
        right: 0
    }
    .banner .banner-slide.top-right.is-active .banner-caption-wrapper {
        -webkit-transform: translateY(.825rem);
        -ms-transform: translateY(.825rem);
        transform: translateY(.825rem)
    }
}

@media(min-width:769px) {
    .banner .banner-slide.top-left:after {
        background: rgba(0, 0, 0, .45);
        background: linear-gradient(120deg, rgba(0, 0, 0, .45) 30%, transparent 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,.45)', endColorstr='transparent', GradientType=0)
    }
    .banner .banner-slide.top-left .banner-caption-wrapper {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .banner .banner-slide.top-left .banner-caption-wrapper .banner-caption {
        top: 0;
        left: 0
    }
    .banner .banner-slide.top-left.is-active .banner-caption-wrapper {
        -webkit-transform: translateY(.825rem);
        -ms-transform: translateY(.825rem);
        transform: translateY(.825rem)
    }
}

.banner .banner-slide.centered .banner-caption-wrapper .banner-caption {
    width: 100%;
    text-align: center;
    bottom: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.banner .banner-slide.centered .banner-caption-wrapper .banner-caption .banner-headline {
    font-weight: 700
}

.banner .banner-slide.centered .banner-caption-wrapper .banner-caption .banner-description {
    font-weight: 400
}

.banner .banner-slide.gold:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(236, 172, 0, .65);
    z-index: 2
}

.banner .banner-slide.gold .banner-caption .banner-context {
    color: #142c43
}

.banner .banner-slide.gold .banner-caption .banner-headline {
    color: white
}

.banner .banner-slide.gold .banner-caption .banner-description {
    color: #142c43
}

.banner .banner-slide.gold .banner-caption .banner-button {
    color: #142c43
}

.banner .banner-slide.gold .banner-caption .banner-button:hover {
    color: white
}

.banner .banner-slide.navy .banner-caption .banner-context {
    color: #ecac00
}

.banner .banner-slide.navy .banner-caption .banner-headline {
    color: white
}

.banner .banner-slide.navy .banner-caption .banner-description {
    color: white
}

.banner .banner-slide.navy .banner-caption .banner-button {
    color: #5381ac
}

.banner .banner-slide.navy .banner-caption .banner-button:hover {
    color: white
}

.banner .banner-slide.navy:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(20, 44, 67, .65);
    z-index: 2
}

.banner .banner-arrows {
    position: absolute;
    right: 0;
    bottom: 1px;
    z-index: 4;
    color: white
}

.banner .banner-arrows.with-action-buttons {
    left: 0
}

.banner .banner-arrows .banner-arrow {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    padding: .825em 1.65em;
    font-size: .68421rem;
    border-radius: 0;
    margin-bottom: 0;
    padding: .4125rem;
    color: white;
    background: transparent
}

.banner .banner-arrows .banner-arrow:hover {
    text-decoration: none;
    border-bottom: 0
}

.banner .banner-arrows .banner-arrow:hover {
    background: #ecac00
}

.banner .banner-arrows .banner-arrow.next {
    background: rgba(128, 128, 128, .5)
}

.banner .banner-arrows .banner-arrow.next:hover {
    background: #ecac00
}

.banner.with-action-buttons .banner-arrows {
    left: 0
}

.banner-editor {
    width: 100%;
    margin-bottom: 1.65rem;
    line-height: 1.25
}

.banner-editor tr {
    border-bottom: solid thin #c3c3c3
}

@media(min-width:769px) {
    .banner-editor tr {
        border-bottom: 0
    }
}

.banner-editor th,
.banner-editor td {
    padding: .825rem .825rem .4125rem .4125rem;
    text-align: left
}

.banner-editor th {
    font-weight: 600;
    border-bottom: solid thin #e1e1e1;
    display: none
}

@media(min-width:769px) {
    .banner-editor th {
        display: table-cell
    }
}

.banner-editor td {
    border-bottom: solid thin #ededed;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%
}

.banner-editor td:first-child {
    padding-top: .825rem
}

@media(min-width:769px) {
    .banner-editor td:first-child {
        padding-top: .4125rem
    }
}

.banner-editor td:last-child {
    padding-bottom: .825rem;
    border-bottom: 0
}

@media(min-width:769px) {
    .banner-editor td:last-child {
        padding-bottom: .4125rem;
        border-bottom: solid thin #e1e1e1
    }
}

.banner-editor td:before {
    content: attr(data-th) ": ";
    font-weight: 600
}

@media(min-width:769px) {
    .banner-editor td:before {
        display: none
    }
}

@media(min-width:769px) {
    .banner-editor td {
        display: table-cell;
        width: auto;
        border-bottom: solid thin #e1e1e1
    }
}

.banner-editor .helper-text {
    font-size: .84211rem;
    font-style: italic;
    display: block
}

.banner-editor .banner-editor-head th {
    vertical-align: bottom
}

.banner-editor .banner-editor-image {
    padding: 0 0 56.25%;
    height: 0;
    margin: 0;
    min-width: 200px;
    position: relative;
    background: #f2f2f2;
    text-align: center
}

.banner-editor .banner-editor-image:before {
    background-position: 0 -470.42105em;
    width: 2.52632em;
    height: 2.52632em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.banner-editor .banner-editor-image .img,
.banner-editor .banner-editor-image img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner-editor .banner-editor-image .img.contain,
.banner-editor .banner-editor-image img.contain {
    object-fit: contain
}

.banner-editor .banner-editor-image:before {
    opacity: .5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.banner-editor .banner-editor-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner-editor .banner-editor-alignment {
    padding: .825rem
}

.banner-editor .banner-editor-link {
    text-align: center
}

.banner-editor select {
    margin-bottom: .4125rem
}

.navigation-bar {
    background: #f2f2f2;
    width: 100%;
    max-width: 53.89474rem;
    margin: 0 auto;
    padding: 0 .825rem
}

.navigation-bar .navigation-list {
    margin-top: 0;
    padding: 0;
    position: relative;
    margin-bottom: 0
}

.navigation-bar .navigation-list li {
    display: inline-block
}

.navigation-bar .navigation-list li {
    width: 100%
}

@media(min-width:769px) {
    .navigation-bar .navigation-list li {
        width: auto
    }
}

.navigation-bar .navigation-list li a {
    border-bottom: 0;
    display: inline-block;
    padding: .4125rem .825rem
}

.lede {
    font-size: 1.333rem
}

.quote-slider {
    padding: .825rem;
    text-align: center;
    background: #142c43;
    position: relative
}

.quote-slider .quote-slides {
    position: relative;
    padding: 0 0 50%;
    height: 0;
    margin: 0
}

.quote-slider .quote-slides .quote-slide,
.quote-slider .quote-slides quote-slide {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.quote-slider .quote-slides .quote-slide.contain,
.quote-slider .quote-slides quote-slide.contain {
    object-fit: contain
}

@media(min-width:641px) {
    .quote-slider .quote-slides {
        position: relative;
        padding: 0 0 16.66667%;
        height: 0;
        margin: 0
    }
    .quote-slider .quote-slides .quote-slide,
    .quote-slider .quote-slides quote-slide {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .quote-slider .quote-slides .quote-slide.contain,
    .quote-slider .quote-slides quote-slide.contain {
        object-fit: contain
    }
}

.quote-slider .quote-slides .quote-slide {
    transition: cubic-bezier(.4, 0, .2, 1) opacity .56s, cubic-bezier(.4, 0, .2, 1) -webkit-transform .56s;
    transition: cubic-bezier(.4, 0, .2, 1) opacity .56s, cubic-bezier(.4, 0, .2, 1) transform .56s;
    color: white;
    font-family: freight-text-pro;
    font-style: italic;
    opacity: 0;
    margin: 0;
    padding: 0 2.0625rem;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    height: auto
}

@media(min-width:769px) {
    .quote-slider .quote-slides .quote-slide {
        font-size: 1.333rem
    }
}

.quote-slider .quote-slides .quote-slide p {
    margin-bottom: .825rem
}

.quote-slider .quote-slides .quote-slide cite {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #5381ac;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    font-size: .75019rem;
    font-family: freight-sans-pro;
    font-style: normal;
    display: block
}

.quote-slider .quote-slides .quote-slide mark {
    background: transparent;
    color: white;
    display: block;
    line-height: 1;
    font-weight: 700
}

.quote-slider .quote-slides .quote-slide.is-active {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: cubic-bezier(.4, 0, .2, 1) opacity .56s .56s, cubic-bezier(.4, 0, .2, 1) -webkit-transform .56s .28s;
    transition: cubic-bezier(.4, 0, .2, 1) opacity .56s .56s, cubic-bezier(.4, 0, .2, 1) transform .56s .28s
}

.quote-slider.right {
    width: 100%
}

@media(min-width:641px) {
    .quote-slider.right {
        width: 50%
    }
}

@media(min-width:769px) {
    .quote-slider.right {
        width: 33%
    }
}

.quote-slider.right .quote-slides {
    position: relative;
    padding: 0 0 50%;
    height: 0;
    margin: 0
}

.quote-slider.right .quote-slides .quote-slide,
.quote-slider.right .quote-slides quote-slide {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.quote-slider.right .quote-slides .quote-slide.contain,
.quote-slider.right .quote-slides quote-slide.contain {
    object-fit: contain
}

@media(min-width:641px) {
    .quote-slider.right .quote-slides {
        position: relative;
        padding: 0 0 75%;
        height: 0;
        margin: 0
    }
    .quote-slider.right .quote-slides .quote-slide,
    .quote-slider.right .quote-slides quote-slide {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .quote-slider.right .quote-slides .quote-slide.contain,
    .quote-slider.right .quote-slides quote-slide.contain {
        object-fit: contain
    }
}

.quote-slider.right .quote-slides .quote-slide {
    font-size: 1rem;
    height: auto;
    max-height: 86%;
    overflow: hidden
}

.quote-slider .slide-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #ecac00;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-top: 1.65rem;
    margin-bottom: 0
}

.quote-slider .arrows {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0
}

.quote-slider .arrow-prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-bottom: 0;
    padding: .4125rem;
    opacity: .25;
    transition: cubic-bezier(.4, 0, .2, 1) opacity .28s
}

.quote-slider .arrow-prev:before {
    background-position: 0 -94em;
    width: 2.52632em;
    height: 2.52632em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.quote-slider .arrow-prev:hover {
    opacity: 1
}

.quote-slider .arrow-next {
    border-bottom: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: .4125rem;
    opacity: .25;
    transition: cubic-bezier(.4, 0, .2, 1) opacity .28s
}

.quote-slider .arrow-next:before {
    background-position: 0 -131.89474em;
    width: 2.52632em;
    height: 2.52632em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.quote-slider .arrow-next:hover {
    opacity: 1
}

.article-list {
    border-bottom: solid thin #d8d8d8
}

.article-list article {
    padding: .4125rem
}

.article-list article:last-child {
    border-bottom: 0
}

.article-list article:first-child h3,
.article-list article:first-child .h3,
.article-list .article:first-child h3,
.article-list .article:first-child .h3 {
    margin-top: 0
}

.video {
    margin-bottom: 1.65rem;
    padding: 0
}

.twitter-widget .twitter-username {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #5381ac;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-bottom: 0
}

.twitter-widget .twitter-feed-one .tweet-list,
.twitter-widget .twitter-feed-two .tweet-list {
    padding-left: 0;
    margin-top: 0
}

.twitter-widget .twitter-feed-one .tweet,
.twitter-widget .twitter-feed-two .tweet {
    padding: .825rem 0;
    border-bottom: solid thin #d8d8d8
}

.twitter-widget .twitter-feed-one .tweet-content,
.twitter-widget .twitter-feed-two .tweet-content {
    margin-bottom: 0;
    font-size: 16px
}

.twitter-widget .twitter-feed-one .time-posted a,
.twitter-widget .twitter-feed-two .time-posted a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #bfbfbf;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    line-height: 1
}

.twitter-widget .twitter-feed-one .tweet a,
.twitter-widget .twitter-feed-two .tweet a {
    border-bottom: 0
}

.twitter-widget .twitter-feed-one *[aria-label*=Emoji],
.twitter-widget .twitter-feed-two *[aria-label*=Emoji] {
    width: 1rem;
    height: 1rem;
    padding: 0 .05em 0 .1em;
    vertical-align: -.1em
}

@media(min-width:769px) {
    .twitter-widget.horizontal .twitter-username {
        font-weight: 700;
        text-transform: uppercase;
        font-size: .68421rem;
        color: #7f7f7f;
        letter-spacing: .05263rem;
        text-rendering: optimizeLegibility;
        display: inline-block;
        width: 100%;
        text-align: center
    }
    .twitter-widget.horizontal .icon.twitter {
        text-align: center;
        display: inline-block;
        width: 100%
    }
    .twitter-widget.horizontal .tweet-list li {
        display: inline-block
    }
    .twitter-widget.horizontal .tweet-list .tweet {
        width: 33%;
        border-bottom: 0;
        margin: 0;
        vertical-align: top
    }
    .twitter-widget.horizontal .tweet-list .tweet-content {
        text-align: center
    }
    .twitter-widget.horizontal .tweet-list .time-posted {
        display: inline-block;
        width: 100%;
        text-align: center
    }
}

.facebook-widget .facebook-pagename {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #5381ac;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-bottom: 0;
    display: inline-block
}

.facebook-widget .facebook-feed .post-list {
    padding-left: 0;
    margin-top: 0
}

.facebook-widget .facebook-feed .post {
    position: relative;
    padding: .825rem 0;
    border-bottom: solid thin #d8d8d8
}

.facebook-widget .facebook-feed .post-link {
    position: absolute;
    width: 100%;
    height: 100%;
    border-bottom: 0;
    top: 0;
    left: 0
}

.facebook-widget .facebook-feed .post-content {
    margin-bottom: 0;
    font-size: 16px
}

.facebook-widget .facebook-feed .time-posted {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #bfbfbf;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

@media(min-width:769px) {
    .facebook-widget.horizontal .facebook-pagename {
        font-weight: 700;
        text-transform: uppercase;
        font-size: .68421rem;
        color: #7f7f7f;
        letter-spacing: .05263rem;
        text-rendering: optimizeLegibility;
        display: inline-block;
        width: 100%;
        text-align: center
    }
    .facebook-widget.horizontal .icon.facebook {
        text-align: center;
        display: inline-block;
        width: 100%
    }
    .facebook-widget.horizontal .post-list li {
        display: inline-block
    }
    .facebook-widget.horizontal .post-list .post {
        width: 33%;
        border-bottom: 0;
        margin: 0;
        vertical-align: top
    }
    .facebook-widget.horizontal .post-list .post-content {
        text-align: center
    }
    .facebook-widget.horizontal .post-list .time-posted {
        display: inline-block;
        width: 100%;
        text-align: center
    }
}

.instagram-widget {
    margin-bottom: 1.65rem
}

.instagram-widget .instagram-widget-header {
    margin-bottom: .825rem
}

.instagram-widget .icon.instagram {
    display: inline-block;
    opacity: .5
}

.instagram-widget .instagram-username {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #5381ac;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-bottom: 0;
    margin-left: .4125rem
}

.instagram-widget .instagram-feed .post-link {
    border-bottom: 0
}

.instagram-widget .instagram-feed .photo {
    width: 100%
}

.instagram-widget .instagram-feed .time-posted {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #bfbfbf;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.instagram-widget .instagram-feed .post-caption {
    max-width: 320px;
    margin-bottom: .4125rem;
    font-size: 16px
}

.instagram-widget.photo-grid .instagram-widget-header {
    text-align: center
}

.instagram-widget.photo-grid .instagram-username,
.instagram-widget.photo-grid .icon.instagram {
    display: block
}

.instagram-widget.photo-grid .icon.instagram {
    margin-bottom: .4125rem
}

.instagram-widget.photo-grid .instagram-feed {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.instagram-widget.photo-grid .instagram-feed>post {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.instagram-widget.photo-grid .instagram-feed .post-link {
    position: relative;
    padding: 0 0 100%;
    height: 0;
    margin: 0;
    display: block
}

.instagram-widget.photo-grid .instagram-feed .post-link .photo,
.instagram-widget.photo-grid .instagram-feed .post-link photo {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.instagram-widget.photo-grid .instagram-feed .post-link .photo.contain,
.instagram-widget.photo-grid .instagram-feed .post-link photo.contain {
    object-fit: contain
}

@media(min-width:769px) {
    .instagram-widget.photo-grid .instagram-feed {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0
    }
    .instagram-widget.photo-grid .instagram-feed>.post {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

@media(min-width:769px) {
    .page-intro .intro-content {
        display: inline-block;
        vertical-align: top
    }
}

.page-intro .intro-content-wrapper {
    max-width: 760px;
    margin: auto
}

@media(min-width:769px) {
    .page-intro .page-intro-aside {
        display: inline-block;
        vertical-align: middle
    }
}

.site-container {
    width: 100%;
    max-width: 53.89474rem;
    margin: 0 auto;
    padding: 0 .825rem
}

.main-article {
    display: inline-block
}

.main-article .article-wrapper {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
    padding: 1.65rem;
    background: white;
    margin-bottom: 1.65rem
}

@media(min-width:769px) {
    .main-article .article-wrapper {
        max-width: 760px;
        padding: 3.3rem
    }
}

.main-aside {
    display: inline-block;
    vertical-align: top
}

@media(min-width:769px) {
    .main-aside {
        max-width: 400px;
        font-size: 81.25%
    }
}

.main-aside .aside-wrapper {
    padding: 1.65rem
}

.office-list .office {
    padding-bottom: 1.65rem;
    border-bottom: solid thin #d8d8d8
}

.office-list .contact-card {
    margin-right: .825rem;
    margin-bottom: .825rem
}

.alert-box {
    margin-bottom: 1.65rem;
    padding-left: 1.65rem
}

.alert-box .alert-icon {
    margin-right: .825rem;
    display: inline-block;
    vertical-align: middle
}

.alert-box .alert-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.alert-box .alert-content {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle
}

.alert-box .alert-headline {
    font-weight: 600;
    margin-bottom: 0
}

.alert-box.red {
    border-left: solid 4px #fa5e5b
}

.alert-box.red .alert-icon:before {
    background-position: 0 -255.68421em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.alert-box.note {
    border-left: solid #f4e565
}

.alert-box.note .alert-icon:before {
    background-position: 0 -251.89474em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.note-box {
    padding-left: 1.65rem;
    border-left: solid #5381ac;
    font-style: italic;
    font-size: 16px
}

.interior-template.page-with-side-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: calc(100% + 265px)
}

.interior-template.page-with-side-nav> {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.interior-template.page-with-side-nav .page-content {
    background: white;
    transition: ease-in-out -webkit-transform .4s;
    transition: ease-in-out transform .4s;
    -webkit-transform: translateX(-265px);
    -ms-transform: translateX(-265px);
    transform: translateX(-265px);
    max-width: calc(100% - 265px);
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.interior-template.page-with-side-nav .page-content-wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 1.65rem
}

.interior-template.page-with-side-nav .side-nav-toggle {
    padding: .825rem;
    border-bottom: 0;
    display: inline-block
}

.interior-template.page-with-side-nav .side-nav-toggle:before {
    background-position: 0 -596.73684em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

@media(min-width:769px) {
    .interior-template.page-with-side-nav .side-nav-toggle {
        display: none
    }
    .interior-template.page-with-side-nav .page-content {
        max-width: calc(100% - 530px);
        -webkit-transform: translateX(0)!important;
        -ms-transform: translateX(0)!important;
        transform: translateX(0)!important
    }
    .interior-template.page-with-side-nav .page-content-wrapper {
        padding: 2.475rem
    }
}

.interior-template.page-with-side-nav.side-nav-is-visible .page-content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.interior-template.page-with-side-nav .page-aside {
    background: #4d4a53;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.interior-template.page-with-side-nav .aside-navigation {
    width: 265px;
    margin-bottom: .825rem
}

.interior-template.page-with-side-nav .aside-navigation .nav-list {
    list-style: none;
    margin: 1.65rem 0;
    padding: 0
}

.interior-template.page-with-side-nav .aside-navigation .nav-list a {
    display: block;
    padding: .825rem 1.65rem;
    border-bottom: 0;
    color: white
}

.interior-template.page-with-side-nav .aside-navigation .nav-list a:hover {
    background: #5e5c64
}

.interior-template.page-with-side-nav .aside-navigation .nav-list .current a {
    background: #5381ac
}

.interior-template .page-breadcrumbs {
    display: none
}

@media(min-width:769px) {
    .interior-template .page-breadcrumbs {
        display: block;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
    .interior-template .page-breadcrumbs li {
        display: inline-block;
        padding-left: .825rem;
        line-height: 1
    }
    .interior-template .page-breadcrumbs li:first-child {
        padding-left: 0
    }
    .interior-template .page-breadcrumbs li:after {
        margin-left: .825rem;
        content: "/";
        color: #d8d8d8
    }
    .interior-template .page-breadcrumbs li:last-child {
        font-size: 16px;
        color: #b2b2b2;
        font-weight: 500
    }
    .interior-template .page-breadcrumbs li:last-child a {
        color: #b2b2b2
    }
    .interior-template .page-breadcrumbs li:last-child:after {
        content: ""
    }
    .interior-template .page-breadcrumbs li a {
        border-bottom: 0;
        font-size: 16px;
        color: #7f7f7f
    }
    .interior-template .page-breadcrumbs .breadcrumbs-list {
        margin: 0
    }
}

.nav-contact {
    padding-left: 1.65rem;
    margin-bottom: 1.65rem;
    color: #fff;
    font-size: 16px
}

.nav-contact .contact-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    display: block;
    margin-bottom: .4125rem
}

.nav-social-media {
    padding-left: 1.65rem;
    margin-bottom: 1.65rem
}

.nav-social-media .social-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    display: block;
    margin-bottom: .4125rem
}

.nav-social-media .social-icon {
    margin-right: .4125rem;
    border-bottom: 0
}

.nav-social-media .social-icon.instagram:before {
    background-position: 0 -504.52632em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.nav-social-media .social-icon.twitter:before {
    background-position: 0 -867.36842em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

code[class*=language-],
pre[class*=language-] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 13px
}

pre[class*=language-]::-moz-selection,
code[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class*=language-]::selection,
code[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.function {
    color: #dd4a68
}

.token.regex,
.token.important,
.token.variable {
    color: #e90
}

.token.important,
.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

pre {
    position: relative
}

code[class*=language-],
pre[class*=language-] {
    color: black;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-]::-moz-selection,
pre[class*=language-]::-moz-selection,
code[class*=language-]::-moz-selection,
code[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class*=language-]::selection,
pre[class*=language-]::selection,
code[class*=language-]::selection,
code[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1.65rem;
    overflow: auto;
    margin: .825rem 0;
    position: relative
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.function {
    color: #dd4a68
}

.token.regex,
.token.important,
.token.variable {
    color: #e90
}

.token.important,
.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.code-control {
    text-align: center
}

.code-expander {
    border-bottom: 0!important;
    text-decoration: 0;
    margin-bottom: 0
}

.code-expander:before {
    background-position: 0 -202.63158em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.code-expander:hover:before,
.code-expander.is-active:before {
    background-position: 0 -206.42105em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.copy-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    padding: .825em 1.65em;
    font-size: .68421rem;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    margin: .4125rem
}

.copy-button:hover {
    text-decoration: none;
    border-bottom: 0
}

.copy-button.zeroclipboard-is-hover {
    background: #55ad76
}

.event-feed {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 1.65rem
}

.event-feed .tabs {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    border-bottom: solid #d8d8d8;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.event-feed .tabs>.tab-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width:769px) {
    .event-feed .tabs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0
    }
    .event-feed .tabs>.tab-item {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.event-feed .tabs .tab-item {
    position: relative
}

@media(min-width:769px) {
    .event-feed .tabs .tab-item {
        -webkit-flex-basis: 160px;
        -ms-flex-preferred-size: 160px;
        flex-basis: 160px
    }
}

.event-feed .tabs .tab-link {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 0;
    color: #a6a6a9;
    padding: .825rem .4125rem;
    position: relative
}

.event-feed .tabs .tab-link:hover {
    color: #797a7e;
    text-decoration: none
}

.event-feed .tabs .tab-link.is-active:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #ecac00;
    bottom: -3px;
    left: 0
}

.event-feed .tabs .is-active.tab-link {
    color: #4d4e53
}

.event-feed .tabs .tab-content {
    width: 100%;
    overflow: hidden;
    display: none
}

.event-feed .tabs .tab-content.is-open {
    display: block
}

.event-feed .tabs-wrapper {
    max-width: 72rem;
    margin: 0 auto;
    position: relative
}

.event-feed .tabs {
    margin-bottom: 0
}

.event-feed .tab-content-wrapper {
    position: relative;
    max-width: 72rem;
    margin: 0 auto
}

.event-feed .tab-content {
    position: relative;
    overflow: hidden;
    padding: 0 2.0625rem
}

.event-feed .tab-content-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.event-feed .tabs-header {
    background: #142c43
}

.event-feed .tabs {
    border-bottom: 0
}

.event-feed .tabs .tab-link {
    display: block;
    margin-bottom: 0;
    color: #8995a1
}

.event-feed .tabs .tab-link:hover {
    color: #c4cad0
}

.event-feed .tabs .is-active.tab-link {
    color: #fff
}

.event-feed .tabs .is-active.tab-link:after {
    bottom: 0
}

.event-feed .tabs {
    margin-bottom: 1.65rem
}

.event-feed .all-events-link {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    font-size: .84211rem;
    color: white;
    background: #1291b9;
    border: 0;
    padding: .825em 1.65em;
    font-size: .68421rem
}

.event-feed .all-events-link:hover {
    text-decoration: none;
    border-bottom: 0
}

.event-feed .all-events-link:hover {
    background: #0f7b9d;
    color: white
}

.event-feed .event-list {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.65rem;
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.event-feed .event-list>.event-item {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media(min-width:769px) {
    .event-feed .event-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0
    }
    .event-feed .event-list>.event-item {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.event-feed .event-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: .825rem;
    padding-bottom: .825rem;
    border-bottom: solid thin #efefef
}

.event-feed .event-item>div {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.event-feed .event-item:last-child {
    border-bottom: 0
}

@media(min-width:769px) {
    .event-feed .event-item {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }
}

.event-feed .event-item p {
    margin: 0
}

.event-feed .event-link {
    position: absolute;
    width: 100%;
    height: 100%;
    border-bottom: 0;
    text-decoration: none
}

.event-feed .event-date,
.event-feed .event-title {
    line-height: 1.25
}

.event-feed .event-image {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    margin: 0;
    margin-bottom: .4125rem
}

.event-feed .event-image .img,
.event-feed .event-image img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.event-feed .event-image .img.contain,
.event-feed .event-image img.contain {
    object-fit: contain
}

.event-feed .event-title {
    hypens: none;
    -webkit-hyphens: none;
    border-bottom: 0;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 500
}

@media(min-width:769px) {
    .event-feed .event-title {
        text-align: left
    }
}

.event-feed .event-date {
    color: #5381ac;
    text-align: center;
    line-height: 1;
    border-bottom: solid 2px #efefef;
    padding: .4125rem 0;
    margin-bottom: .4125rem
}

@media(min-width:769px) {
    .event-feed .event-date {
        margin-right: .825rem;
        margin-bottom: 0;
        padding: 0;
        min-width: 60px;
        border-right: solid 2px #efefef;
        border-bottom: 0
    }
}

.event-feed .event-time {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: rgba(0, 0, 0, .3);
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    width: 100%;
    display: block;
    margin-top: .4125rem;
    text-align: center;
    font-family: freight-sans-pro
}

@media(min-width:769px) {
    .event-feed .event-time {
        text-align: left
    }
}

.event-feed .month {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: inherit;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.event-feed .day {
    font-family: freight-text-pro;
    font-size: 1.333rem
}

.event-feed .month,
.event-feed .day {
    display: block;
    width: 100%
}

.action-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .825rem 0;
    text-align: center;
    background: #142c43
}

.action-buttons>.action-button {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width:769px) {
    .action-buttons {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
        z-index: 4;
        background: transparent
    }
}

.action-buttons .action-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    font-size: .84211rem;
    color: white;
    background: #1291b9;
    border: 0;
    padding: .825em 1.65em;
    font-size: .68421rem;
    font-size: 1rem;
    margin-bottom: 0;
    position: relative;
    z-index: 0
}

.action-buttons .action-button:hover {
    text-decoration: none;
    border-bottom: 0
}

.action-buttons .action-button:hover {
    background: #0f7b9d;
    color: white
}

.action-buttons .action-button.main {
    z-index: 1;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .23), 0 3px 12px rgba(0, 0, 0, .16);
    background: #ecac00;
    color: #142c43;
    transition: ease all .3s
}

.action-buttons .action-button.main:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .22), 0 14px 56px rgba(0, 0, 0, .25);
    background: #efbc33;
    color: #142c43
}

.action-buttons .action-button.secondary {
    background: transparent
}

.action-buttons .action-button.secondary:hover {
    color: #ecac00;
    background: none
}

@media(min-width:769px) {
    .action-buttons .action-button {
        font-weight: 600;
        text-transform: uppercase;
        color: #7f7f7f;
        letter-spacing: .05263rem;
        text-rendering: optimizeLegibility;
        border-radius: 3px;
        border-bottom: 0;
        text-decoration: none;
        line-height: 1;
        display: inline-block;
        margin-bottom: 1.65rem;
        cursor: pointer;
        word-wrap: normal;
        font-size: .84211rem;
        color: white;
        background: #1291b9;
        border: 0;
        padding: .825em 1.65em;
        font-size: .68421rem;
        font-size: 1rem;
        margin-bottom: 0
    }
    .action-buttons .action-button:hover {
        text-decoration: none;
        border-bottom: 0
    }
    .action-buttons .action-button:hover {
        background: #0f7b9d;
        color: white
    }
}

table {
    position: relative
}

.help-box {
    margin-bottom: 1.65rem
}

.help-box .help-wrapper {
    display: inline-block
}

.help-box .icon-help {
    opacity: .65;
    border-bottom: 0;
    text-decoration: none;
    padding: .4125rem
}

.help-box .icon-help:before {
    background-position: 0 -513.36842em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.help-box .icon-code {
    opacity: .65;
    border-bottom: 0;
    text-decoration: none;
    padding: .4125rem
}

.help-box .icon-code:before {
    background-position: 0 -198.84211em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.help-box .icon-code.is-active {
    opacity: 1
}

.help-box .icon-code.is-active:before {
    background-position: 0 -210.21053em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.help-box .icon-help.is-active {
    opacity: 1
}

.help-box .icon-help.is-active:before {
    background-position: 0 -509.57895em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.help-box .help-tooltip,
.help-box .code-tooltip {
    display: none
}

.help-box .help-tooltip.is-active,
.help-box .code-tooltip.is-active {
    display: block;
    margin-top: .825rem;
    background: #fafafa;
    padding: 1rem 1.65rem;
    font-size: 1rem;
    font-weight: 400;
    z-index: 2;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .23), 0 3px 12px rgba(0, 0, 0, .16)
}

.help-box .title {
    display: block;
    margin-bottom: .4125rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.help-box .icon-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .4125rem;
    display: block
}

.help-box .icon-close:before {
    background-position: 0 -160.94737em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.cha {
    position: relative
}

.cha .cha-nav {
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 2.0625rem;
    z-index: 2
}

.cha .cha-nav .is-active {
    opacity: 1
}

.cha .cha-nav a {
	text-decoration: none;
	border-bottom: 0;
}

.cha .cha-nav.no-hero {
    position: relative;
    background: #142c43
}

@media(min-width:769px) {
    .cha .cha-nav {
        text-align: left
    }
}

.cha .logo-text {
    line-height: 1;
    font-family: freight-text-pro;
    font-weight: 500;
    color: white;
    vertical-align: middle
}

.cha .logo-text .year {
    font-size: 1rem
}

@media(min-width:769px) {
    .cha .logo-text {
        margin-left: .825rem;
        display: inline-block
    }
}

.cha .hero .section-title {
    color: white
}

.cha .hero .background-image {
    top: 0;
    opacity: .15
}

.cha .hero.big-hero {
    position: relative;
    padding: 0 0 133.33333%;
    height: 0;
    margin: 0;
    background: #142c43;
    color: white
}

.cha .hero.big-hero .background-image,
.cha .hero.big-hero background-image {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cha .hero.big-hero .background-image.contain,
.cha .hero.big-hero background-image.contain {
    object-fit: contain
}

@media(min-width:641px) {
    .cha .hero.big-hero {
        position: relative;
        padding: 0 0 42.85714%;
        height: 0;
        margin: 0
    }
    .cha .hero.big-hero .background-image,
    .cha .hero.big-hero background-image {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .cha .hero.big-hero .background-image.contain,
    .cha .hero.big-hero background-image.contain {
        object-fit: contain
    }
}

.cha .white-text {
    color: white!important
}

.cha .white-background {
    background: white
}

.cha .blue-background {
    background: #5381ac;
    color: white
}

.cha .gold-background {
    background: #ecac00;
    color: #142c43
}

.cha .gold-background .page-anchors .list {
    border-left: solid rgba(0, 0, 0, .25)
}

.cha .gold-background .page-anchors .list:before {
    color: #142c43
}

.cha .cream-background {
    background: #eedebb;
    color: #142c43
}

.cha .small-container {
    max-width: 844px;
    padding: 0 .825rem;
    margin: 0 auto
}

.cha .page-section {
    padding-top: 3.3rem;
    margin-bottom: 0
}

.cha .year {
    font-size: 1.333rem;
    color: #ecac00;
    letter-spacing: 2px;
    font-weight: 400;
    font-style: italic
}

.cha .bar {
    width: 30px;
    height: 3px;
    background: #ecac00;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.65rem
}

.cha .tagline {
    font-size: 1.77689rem;
    font-style: italic;
    font-family: freight-text-pro
}

.cha .nav-list {
    margin: 0;
    padding: 0
}

.cha .nav-list li {
    display: inline-block
}

.cha .nav-list a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    text-decoration: none;
    border-bottom: 0;
    color: white;
    padding: .4125rem;
    opacity: .5
}

.cha .nav-list a:hover {
    opacity: 1
}

.cha .cha-logo {
    text-decoration: none;
    border-bottom: 0
}

.cha .cha-logo:before {
    background-position: 0 -70.78947em;
    width: 5.23684em;
    height: 2.53684em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.cha .cha-hero {
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
    text-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3.3rem
}

.cha .cha-hero .intro-heading {
    color: inherit;
    margin-bottom: .4125rem;
    font-family: freight-text-pro;
    line-height: 1
}

.cha .cha-hero .subhead {
    font-size: 1rem;
    margin-bottom: 1.65rem;
    font-family: freight-text-pro;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
    font-style: italic
}

.cha .cha-hero .page-intro .page-intro-inner {
    padding: 2.0625rem
}

.cha .cha-hero .intro-snippet {
    font-size: 1.333rem
}

.cha .cha-hero.interior {
    max-width: 960px;
    text-align: left
}

.cha .cha-hero.interior .intro-heading {
    font-family: freight-sans-pro
}

.cha .cha-hero.interior .tagline {
    font-family: freight-sans-pro;
    font-style: normal;
    padding-right: 1.65rem
}

.cha .cha-hero.interior .page-anchors {
    margin-bottom: 0
}

.cha .cha-hero.cha-small-hero {
    font-family: freight-sans-pro;
    padding-top: 2.0625rem;
    padding-bottom: 0;
    position: relative;
    left: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: left
}

.cha .cha-hero.cha-small-hero .intro-heading {
    font-family: freight-sans-pro
}

.cha .cha-hero.cha-small-hero .grid {
    margin-bottom: 0
}

.cha .section-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1.65rem;
    color: #142c43
}

.cha .section-intro {
    font-size: 1.333rem;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 2.475rem
}

.cha .important-dates {
    background: white;
    text-align: center;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.cha .important-dates .list-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-bottom: .825rem;
    text-align: center
}

.cha .important-dates ul {
    list-style: none;
    padding: 0
}

@media(min-width:769px) {
    .cha .important-dates {
        text-align: inherit;
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }
}

.cha .event-list {
    max-width: 720px;
    margin-top: 1.65rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0
}

.cha .event-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: .825rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cha .event-item> {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cha .event-item:last-child {
    border-bottom: 0
}

@media(min-width:769px) {
    .cha .event-item {
        position: relative
    }
}

.cha .event-item p {
    margin: 0
}

.cha .event-item.is-old {
    opacity: .25
}

.cha .event-link {
    position: absolute;
    width: 100%;
    height: 100%;
    border-bottom: 0;
    text-decoration: none
}

.cha .event-date,
.cha .event-title {
    line-height: 1.25;
    display: block
}

.cha .event-image {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    margin: 0;
    margin-bottom: .4125rem
}

.cha .event-image .img,
.cha .event-image img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cha .event-image .img.contain,
.cha .event-image img.contain {
    object-fit: contain
}

.cha .event-title {
    hypens: none;
    -webkit-hyphens: none;
    border-bottom: 0;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 500;
    font-size: 1.333rem
}

.cha .event-description {
    color: #999
}

.cha .event-info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: solid thin #efefef;
    padding: .825rem 0;
    text-align: left
}

.cha .event-date {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    color: #142c43;
    line-height: 1;
    padding: .4125rem 0;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ecac00;
    margin-right: 1.65rem
}

@media(min-width:769px) {
    .cha .event-date {
        width: 70px;
        height: 70px
    }
}

.cha .event-date-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.cha .event-time {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: rgba(0, 0, 0, .3);
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    width: 100%;
    display: block;
    margin-top: .4125rem;
    text-align: center;
    font-family: freight-sans-pro
}

@media(min-width:769px) {
    .cha .event-time {
        text-align: left
    }
}

.cha .month,
.cha .day {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: inherit;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    display: inline-block
}

.cha .day {
    font-size: 1rem
}

.cha .social-media {
    padding: 0
}

.cha .social-media li {
    list-style: none;
    display: inline-block
}

.cha .social-media a {
    padding: .4125rem;
    border-bottom: 0;
    text-decoration: none
}

.cha .social-media .facebook:before {
    background-position: 0 -342.84211em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.cha .social-media .instagram:before {
    background-position: 0 -499.47368em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.cha .social-media .twitter:before {
    background-position: 0 -862.31579em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.cha .contact-footer {
    width: 100%;
    max-width: 53.89474rem;
    margin: 0 auto;
    padding: 0 .825rem;
    padding-top: 3.3rem;
    margin-top: 2.0625rem;
    padding-bottom: 2.0625rem;
    text-align: center
}

.cha .contact-footer .title {
    color: #142c43
}

.cha .contact-footer .email {
    text-decoration: none;
    border-bottom: 0;
    font-weight: 500;
    color: #5381ac
}

.cha .contact-footer .address p {
    font-weight: 500;
    color: #7f7f7f
}

.cha .contact-footer .social-media {
    margin-bottom: 2.0625rem
}

.cha .ratio-4x3 {
    position: relative;
    padding: 0 0 66.66667%;
    height: 0;
    margin: 0
}

.cha .ratio-4x3 .img,
.cha .ratio-4x3 img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cha .ratio-4x3 .img.contain,
.cha .ratio-4x3 img.contain {
    object-fit: contain
}

@media(min-width:769px) {
    .cha .med-order--2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.cha .accordion {
    margin-top: 1.65rem
}

.cha .accordion .title {
    font-weight: 500;
    color: #5381ac;
    padding: .825rem;
    border-bottom: solid thin #d8d8d8;
    cursor: pointer
}

.cha ol {
    font-weight: 500
}

.cha .contact-footer .title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.cha .accordion .title {
    font-size: 1.333rem;
    line-height: 1.5;
    font-weight: 500;
    color: #5381ac
}

.cha .raised-content {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
    background: #fff;
    padding: 1.65rem;
    margin-bottom: 1.65rem
}

.cha .faculty-cards {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cha .faculty-cards.tabs {
    border-bottom: 0
}

.cha .faculty-card {
    opacity: 1;
    padding: 1.65rem;
    text-align: center;
    transition: ease all .3s
}

.cha .faculty-card.link {
    cursor: pointer
}

.cha .faculty-card.link:hover .name {
    color: #5381ac
}

.cha .faculty-card .photo {
    display: inline-block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    position: relative
}

.cha .faculty-card .photo img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.cha .faculty-card .name {
    font-size: 1.333rem;
    font-weight: 600
}

.cha .faculty-card .title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.cha .faculty-card .email {
    border-bottom: 0;
    font-weight: 500;
    font-size: 16px
}

.cha .faculty-card .email:before {
    background-position: 0 -551.26316em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.cha .faculty-card .email:before {
    opacity: .5
}

.cha .faculty-card .email-text {
    margin-left: .4125rem
}

.cha .faculty-card .bar {
    background: #e5e5e5;
    margin-top: .825rem;
    margin-bottom: .825rem
}

.cha .faculty-card.is-active {
    opacity: .25
}

.cha .faculty-card.is-active:hover .name {
    color: inherit
}

.cha .faculty-profile {
    padding-top: 3.3rem
}

.cha .faculty-profiles-section {
    position: relative
}

.cha .clear-tabs-wrapper {
    padding: .825rem;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: ease opacity .28s
}

.cha .clear-tabs-wrapper.is-active {
    opacity: 1;
    transition-delay: 1s
}

.cha .clear-tabs-wrapper.is-active .clear-tabs {
    cursor: pointer;
    opacity: .5
}

.cha .clear-tabs-wrapper.is-active .clear-tabs:before {
    background-position: 0 -160.94737em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.cha .clear-tabs-wrapper.is-active .clear-tabs:hover {
    opacity: 1
}

.cha .background-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.promo-block.social-media {
    padding: .825rem 1.65rem;
    background: #f2f2f2
}

.promo-block.social-media .list-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-bottom: .4125rem;
    display: inline-block
}

.promo-block.social-media .list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0
}

.promo-block.social-media .item {
    display: inline-block;
    width: 100%;
    margin-right: .825rem;
    padding: .4125rem;
    border-bottom: solid thin #e5e5e5
}

.promo-block.social-media .item:last-child {
    border-bottom: 0
}

.promo-block.social-media .icon {
    text-decoration: none;
    border-bottom: 0;
    font-size: 16px
}

.promo-block.social-media .icon:before {
    margin-right: .4125rem
}

.promo-block.social-media .facebook:before {
    background-position: 0 -344.10526em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.promo-block.social-media .twitter:before {
    background-position: 0 -863.57895em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.promo-block.social-media .instagram:before {
    background-position: 0 -503.26316em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.promo-block.action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: #f2f2f2;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .825rem 1.65rem;
    margin-bottom: 1.65rem
}

.promo-block.action>div {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.promo-block.action p {
    font-weight: 500;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    margin-right: .4125rem
}

.promo-block.action .action-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    font-size: .84211rem;
    color: white;
    background: #1291b9;
    border: 0;
    padding: .825em 1.65em;
    font-size: .68421rem;
    margin-bottom: 0
}

.promo-block.action .action-button:hover {
    text-decoration: none;
    border-bottom: 0
}

.promo-block.action .action-button:hover {
    background: #0f7b9d;
    color: white
}

.filtered-table .background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.filtered-table .background-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .1
}

.filtered-table .intro-section .container {
    position: relative;
    z-index: 2
}

.filtered-table .msu-logo {
    font-size: 8px;
    margin-bottom: 1.65rem;
    display: inline-block;
    border-bottom: 0
}

.filtered-table .msu-logo:before {
    background-position: 0 -806.57895em;
    width: 4.05263em;
    height: 5.21053em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .msu-logo:hover:before {
    background-position: 0 -801.36842em;
    width: 4.05263em;
    height: 5.21053em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    color: #142c43;
    margin-bottom: 0
}

.filtered-table h1 {
    color: #142c43;
    font-weight: 500;
    font-family: freight-text-pro;
    font-style: italic
}

.filtered-table .section-intro {
    font-size: 1.77689rem;
    text-align: center;
    max-width: 720px;
    padding-top: 3.3rem;
    margin-bottom: 0
}

.filtered-table .tabs {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 1.65rem
}

.filtered-table .filter-bar {
    text-align: center;
    z-index: 1001;
    width: 100%;
    position: relative
}

.filtered-table .filter-bar a:hover {
    opacity: 1
}

.filtered-table .filter {
    padding: .4125rem;
    border-bottom: 0;
    display: inline-block;
    position: relative;
    z-index: 1000;
    text-transform: capitalize;
    font-weight: 500;
    color: initial
}

.filtered-table .filter span {
    display: inline
}

.filtered-table .filter .filter-icon:after {
    background-position: 0 -416.10526em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .filter .filter-icon:hover:after {
    background-position: 0 -400.94737em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .filter.is-active {
    opacity: 1
}

.filtered-table .filter.is-active .filter-icon:after {
    background-position: 0 -183.68421em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .filter.is-active .filter-icon:hover:after {
    background-position: 0 -183.68421em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .wrapper {
    background: white;
    position: relative;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
    padding-bottom: 2.0625rem
}

.filtered-table .filter-area {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .23), 0 10px 40px rgba(0, 0, 0, .19);
    background: #5381ac;
    border: 0;
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    transition: opacity cubic-bezier(.215, .61, .355, 1);
    transition-duration: .2s;
    transition-delay: .1s;
    z-index: 1;
    visibility: hidden;
    left: 0;
    text-align: left;
    margin-top: .825rem
}

.filtered-table .filter-area.is-active {
    opacity: 1;
    z-index: 10000;
    overflow: visible;
    visibility: visible
}

.filtered-table .filter-area.is-active .filter-lists {
    opacity: 1
}

.filtered-table .filter-area.is-active:before {
    height: 0;
    width: 0;
    border: solid transparent;
    border-bottom-color: #5381ac;
    border-width: 0 8px 8px;
    content: "";
    position: absolute;
    top: -8px;
    left: calc(12px + .825rem)
}

.filtered-table .filter-category {
    font-size: 1.10526em;
    display: inline-block;
    width: 100%;
    border-bottom: 0;
    color: #142c43;
    padding: .4125rem;
    line-height: 1;
    transition: color cubic-bezier(.215, .61, .355, 1) .15s
}

.filtered-table .filter-category:hover {
    color: #142c43
}

.filtered-table .filter-category.is-active {
    color: white
}

.filtered-table .filter-selection {
    border-bottom: 0;
    font-weight: 500;
    line-height: 1.65
}

.filtered-table .filter-selection:hover {
    border-bottom: solid thin #5381ac;
    color: #5381ac
}

.filtered-table .fieldset {
    width: 100%;
    margin: 0;
    border: 0;
    overflow: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background: transparent;
    padding: 0;
    transition: cubic-bezier(.4, 0, .2, 1) all .28s;
    max-height: 0
}

.filtered-table .fieldset.is-active {
    max-height: 1000px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.filtered-table .form-group {
    display: inline-block
}

.filtered-table .form-control {
    display: block;
    width: 100%;
    height: 43px;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 1rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0
}

.filtered-table select {
    appearance: none;
    border-radius: 0
}

.filtered-table .form-label {
    font-size: 1.333rem;
    margin-bottom: .4125rem;
    display: block;
    font-weight: 500;
    color: white
}

.filtered-table .search {
    width: 100%;
    position: relative
}

.filtered-table .search-bar {
    width: 100%;
    margin-bottom: 0;
    padding: .4125rem .825rem;
    background: rgba(255, 255, 255, .1);
    border: 0;
    -webkit-appearance: none;
    color: initial;
    transition: cubic-bezier(.4, 0, .2, 1) all .28s
}

.filtered-table .search-bar:hover {
    background: rgba(255, 255, 255, .2)
}

.filtered-table .search-bar:focus,
.filtered-table .search-bar:valid {
    outline: 0;
    background: white
}

.filtered-table .search-bar:focus::-webkit-input-placeholder,
.filtered-table .search-bar:valid::-webkit-input-placeholder {
    color: #888
}

@media(min-width:769px) {
    .filtered-table .search-bar {
        margin-bottom: 0
    }
}

.filtered-table .search-bar::-webkit-input-placeholder {
    color: white;
    font-size: 1.333rem
}

.filtered-table .clear-filter {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #142c43;
    top: -20px;
    padding: .4125rem;
    line-height: 1;
    border-bottom: 0;
    padding: .825rem;
    border-radius: 50%
}

.filtered-table .clear-filter:hover {
    background: #0e1f2f
}

.filtered-table .clear-filter:before {
    background-position: 0 -183.68421em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .clear-filter[disabled] {
    opacity: 0
}

.filtered-table .clear-filter[disabled]:hover {
    opacity: 0
}

.filtered-table th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    padding: .825rem 0;
    border-bottom: 0;
    padding: .825rem 1.65rem
}

.filtered-table td {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    padding: .825rem 1.65rem;
    line-height: 1.25
}

.filtered-table td:first-child {
    padding-top: .825rem
}

.filtered-table .btn-group {
    text-align: center
}

.filtered-table .btn-group .btn {
    display: inline-block;
    padding: .4125rem .825rem;
    background: transparent;
    border: solid thin #ccc;
    border-left: 0;
    font-weight: 500;
    font-size: 16px
}

.filtered-table .btn-group .btn.active {
    background: #e5e5e5
}

.filtered-table .btn-group .btn:first-child {
    border-left: solid thin #ccc;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.filtered-table .btn-group .btn:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.filtered-table h3 {
    font-family: freight-text-pro;
    margin-top: .825rem;
    margin-bottom: .4125rem;
    font-weight: 500
}

.filtered-table dl dl dt {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.filtered-table dl dl dd {
    font-size: 1rem;
    font-family: freight-text-pro;
    font-style: italic
}

.filtered-table dl dl:last-child {
    border-right: 0
}

.filtered-table .group-expander {
    border-bottom: 0;
    font-weight: 500;
    display: inline-block
}

.filtered-table .item {
    padding-left: 2.475rem
}

.filtered-table .pagination {
    margin-top: .825rem;
    text-align: center;
    padding-left: 0;
    margin-bottom: .825rem
}

.filtered-table .pagination li {
    display: inline-block
}

.filtered-table .pagination li.active a {
    color: #3f3f3f
}

.filtered-table .pagination a {
    line-height: 1;
    border-bottom: 0;
    display: inline-block;
    padding: .4125rem;
    background: transparent;
    font-weight: 600;
    font-size: 16px;
    color: #bfbfbf
}

.filtered-table .pagination a:hover {
    color: #7f7f7f
}

.filtered-table .pagination a:focus {
    color: #5381ac
}

.filtered-table .sort {
    display: inline-block;
    padding: .4125rem;
    border-bottom: 0
}

.filtered-table .sort.is-active {
    display: none
}

.filtered-table .sort:before {
    background-position: 0 -859.78947em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .sort:hover:before {
    background-position: 0 -854.73684em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .filter-lists {
    list-style: none;
    padding: 1.65rem;
    margin: 0
}

.filtered-table .list {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    overflow: hidden
}

.filtered-table .list .sub-list {
    list-style: none;
    padding-bottom: 2.0625rem
}

.filtered-table .intro-section {
    padding-bottom: 25%;
    padding-top: 3.3rem;
    background: #ecac00;
    margin-bottom: 0;
    text-align: center
}

@media(min-width:769px) {
    .filtered-table .intro-section {
        padding-bottom: 5%
    }
}

.filtered-table .intro-section .search-box {
    max-width: 720px;
    background: transparent;
    margin: 0 auto
}

.filtered-table .white-background {
    background: white
}

.filtered-table .gold-background {
    background: #ecac00
}

.filtered-table .tab-content {
    background: #fafafa;
    overflow: hidden
}

.filtered-table .tab-content .search {
    margin-top: 1.65rem
}

.filtered-table .page-section {
    position: relative;
    margin-bottom: 0
}

.filtered-table .dimmer {
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s;
    background-color: rgba(0, 0, 0, .7);
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.filtered-table .dimmer.is-active {
    height: 100%;
    opacity: 1
}

.filtered-table .search-box {
    padding: 2.475rem;
    padding-top: 0;
    position: relative
}

.filtered-table .search-box .search-icon {
    position: absolute;
    bottom: 2.0625rem;
    padding: 1.65rem;
    padding-left: 0
}

.filtered-table .search-box .search-icon:before {
    background-position: 0 -775.78947em;
    width: 1.26316em;
    height: 1.26316em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .search-box input {
    border-radius: 0;
    padding: .825rem;
    padding-left: calc(24px + .825rem);
    font-size: 1.77689rem;
    color: #142c43;
    border: 0;
    border-bottom: solid 2px #142c43;
    background: transparent;
    font-weight: 500
}

.filtered-table .search-box input:focus {
    outline: 0
}

.filtered-table .search-box input::-webkit-input-placeholder {
    color: white;
    font-size: 1.77689rem;
    font-weight: 400
}

.filtered-table .search-box input::-moz-placeholder {
    color: white;
    font-size: 1.77689rem;
    font-weight: 400
}

.filtered-table .search-box input:-ms-input-placeholder {
    color: white;
    font-size: 1.77689rem;
    font-weight: 400
}

.filtered-table .search-box input::placeholder {
    color: white;
    font-size: 1.77689rem;
    font-weight: 400
}

.filtered-table .filter-area-pagination {
    margin: 0;
    margin-bottom: .825rem;
    padding: .825rem
}

.filtered-table .list-wrapper {
    padding: 3.3rem
}

.filtered-table .list-wrapper.has-search {
    padding-top: 0
}

.filtered-table thead {
    display: none
}

.filtered-table .info-wrapper {
    max-width: 720px;
    margin: 0 auto;
    padding-bottom: .825rem
}

.filtered-table .graduate-table {
    width: 100%;
    margin: 0 auto;
    max-width: 720px
}

.filtered-table .graduate-table tr {
    border-bottom: solid thin #e5e5e5
}

.filtered-table .ng-table-pagination {
    margin-top: 1.65rem
}

.filtered-table .graduate-name {
    font-weight: 500
}

.filtered-table .bar {
    width: 30px;
    height: 4px;
    margin: 1rem auto;
    background: #142c43
}

.filtered-table .table-summary {
    position: relative;
    padding: .825rem;
    background: #142c43;
    text-align: center;
    transition: background-color cubic-bezier(.215, .61, .355, 1) .28s
}

.filtered-table .table-summary.is-active {
    background: #5381ac
}

.filtered-table .filter-field {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    color: #142c43
}

.filtered-table .filter-item {
    font-weight: 500;
    font-family: freight-text-pro;
    font-style: italic;
    color: #142c43
}

.filtered-table .filter-total {
    font-size: 2.36859rem;
    font-weight: 600;
    line-height: 1;
    color: white
}

.filtered-table .total-graduates {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    color: #ecac00
}

.filtered-table .total-graduates[disabled] {
    display: none
}

.filtered-table .grad-cap {
    text-align: center;
    border-radius: 50%;
    padding: .825rem;
    background: #142c43;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    position: absolute;
    margin: 0 auto;
    width: auto
}

.filtered-table .grad-cap:before {
    background-position: 0 -746.73684em;
    width: 2.52632em;
    height: 2.52632em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.filtered-table .grad-cap.is-hidden {
    background: #5381ac
}

.filtered-table .table-summary-inner {
    padding-top: 1.65rem
}

.filtered-table .main-content {
    position: relative;
    z-index: 2;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.filtered-table .table-area {
    position: relative
}

.menu-button {
    border-bottom: 0;
    opacity: .25;
    float: right
}

.menu-button:before {
    background-position: 0 -613.15789em;
    width: 2.52632em;
    height: 2.52632em;
    vertical-align: middle;
    background-image: url(images/svg/sprite.svg);
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 52.63158em 868.63158em
}

.menu-button:hover {
    opacity: .75
}

.menu-button.is-toggled {
    opacity: 1
}

.site-navigation {
    overflow: hidden;
    max-height: 0;
    background: #f5f5f5
}

.site-navigation ul {
    padding-top: 1.65rem;
    padding-bottom: 1.65rem;
    color: #fff
}

.site-navigation ul ul {
    font-size: 1rem;
    padding-top: .4125rem;
    padding-bottom: .825rem
}

.site-navigation ul ul a {
    font-weight: 500;
    color: #797979
}

.site-navigation a {
    color: #b8b8b8;
    font-weight: 600
}

.site-navigation a.is-current,
.site-navigation a:hover {
    color: #648eb4
}

.site-navigation.is-visible {
    max-height: 1000px
}

.color-palette .color-card .inner {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    margin: 0
}

.color-palette .color-card .inner .div,
.color-palette .color-card .inner div {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.color-palette .color-card .inner .div.contain,
.color-palette .color-card .inner div.contain {
    object-fit: contain
}

.color-palette .color-card span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600
}

.color-palette .color-palette .color-card {
    padding-left: 0
}