@-webkit-keyframes animateCircleBorder {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes animateCircleBorder {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes highlight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-60rem);
        transform: translateX(-60rem)
    }
    to {
        opacity: 1
    }
}

@keyframes highlight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-60rem);
        transform: translateX(-60rem)
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes moveUp {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveUp {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.breadcrumbs__link, .global-footer__link, .announcement-card__text-link, .button, .news-card__text-link, .program-card__text-link, .secondary-navigation__link {
    display: inline-table;
    position: relative
}

.breadcrumbs__link:after, .global-footer__link:after, .announcement-card__text-link:after, .button:after, .news-card__text-link:after, .program-card__text-link:after, .secondary-navigation__link:after {
    background-color: #b00;
    content: '';
    opacity: 0;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.breadcrumbs__link:hover:after, .global-footer__link:hover:after, .announcement-card__text-link:hover:after, .button:hover:after, .news-card__text-link:hover:after, .program-card__text-link:hover:after, .secondary-navigation__link:hover:after, .breadcrumbs__link:focus:after, .global-footer__link:focus:after, .announcement-card__text-link:focus:after, .button:focus:after, .news-card__text-link:focus:after, .program-card__text-link:focus:after, .secondary-navigation__link:focus:after, .breadcrumbs__link:active:after, .global-footer__link:active:after, .announcement-card__text-link:active:after, .button:active:after, .news-card__text-link:active:after, .program-card__text-link:active:after, .secondary-navigation__link:active:after {
    height: .0625rem;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

nav ul, nav ul ul, nav ul ol, nav ol, nav ol ul, nav ol ol {
    list-style: none;
    margin: 0;
    padding: 0
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

article, aside, footer, header, nav, section {
    display: block
}


figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

main {
    display: block
}

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


abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}


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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

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


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


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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}


[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&xsmall=31.25em&medium=48em&large=64em&xlarge=80em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}


.sds-sw-catalog {
    box-sizing: border-box;
}

.sds-sw-catalog *, .sds-sw-catalog *::before, sds-sw-catalog *::after {
    box-sizing: inherit;
}



img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1
}

[data-whatinput='mouse'] button {
    outline: 0
}

pre {
    overflow: auto
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 81rem;
    margin-right: auto;
    margin-left: auto
}

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

.row::after {
    clear: both
}

.row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.row .row {
    margin-right: -1.25rem;
    margin-left: -1.25rem
}

@media screen and (min-width: 31.25em) {
    .row .row {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }
}

@media print, screen and (min-width: 48em) {
    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print, screen and (min-width: 64em) {
    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media screen and (min-width: 80em) {
    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.column, .columns {
    width: 100%;
    float: left;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

@media print, screen and (min-width: 48em) {
    .column, .columns {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left
}

.column.row.row, .row.row.columns {
    float: none
}

.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 > .column, .small-up-1 > .columns {
    float: left;
    width: 100%
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left
}

.small-up-2 > .column, .small-up-2 > .columns {
    float: left;
    width: 50%
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left
}

.small-up-3 > .column, .small-up-3 > .columns {
    float: left;
    width: 33.33333%
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left
}

.small-up-4 > .column, .small-up-4 > .columns {
    float: left;
    width: 25%
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left
}

.small-up-5 > .column, .small-up-5 > .columns {
    float: left;
    width: 20%
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left
}

.small-up-6 > .column, .small-up-6 > .columns {
    float: left;
    width: 16.66667%
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left
}

.small-up-7 > .column, .small-up-7 > .columns {
    float: left;
    width: 14.28571%
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left
}

.small-up-8 > .column, .small-up-8 > .columns {
    float: left;
    width: 12.5%
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left
}

.small-collapse > .column, .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.expanded.row .small-collapse.row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

.small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-uncentered, .small-push-0, .small-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media screen and (min-width: 31.25em) {
    .xsmall-1 {
        width: 8.33333%
    }

    .xsmall-push-1 {
        position: relative;
        left: 8.33333%
    }

    .xsmall-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .xsmall-offset-0 {
        margin-left: 0%
    }

    .xsmall-2 {
        width: 16.66667%
    }

    .xsmall-push-2 {
        position: relative;
        left: 16.66667%
    }

    .xsmall-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .xsmall-offset-1 {
        margin-left: 8.33333%
    }

    .xsmall-3 {
        width: 25%
    }

    .xsmall-push-3 {
        position: relative;
        left: 25%
    }

    .xsmall-pull-3 {
        position: relative;
        left: -25%
    }

    .xsmall-offset-2 {
        margin-left: 16.66667%
    }

    .xsmall-4 {
        width: 33.33333%
    }

    .xsmall-push-4 {
        position: relative;
        left: 33.33333%
    }

    .xsmall-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .xsmall-offset-3 {
        margin-left: 25%
    }

    .xsmall-5 {
        width: 41.66667%
    }

    .xsmall-push-5 {
        position: relative;
        left: 41.66667%
    }

    .xsmall-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .xsmall-offset-4 {
        margin-left: 33.33333%
    }

    .xsmall-6 {
        width: 50%
    }

    .xsmall-push-6 {
        position: relative;
        left: 50%
    }

    .xsmall-pull-6 {
        position: relative;
        left: -50%
    }

    .xsmall-offset-5 {
        margin-left: 41.66667%
    }

    .xsmall-7 {
        width: 58.33333%
    }

    .xsmall-push-7 {
        position: relative;
        left: 58.33333%
    }

    .xsmall-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .xsmall-offset-6 {
        margin-left: 50%
    }

    .xsmall-8 {
        width: 66.66667%
    }

    .xsmall-push-8 {
        position: relative;
        left: 66.66667%
    }

    .xsmall-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .xsmall-offset-7 {
        margin-left: 58.33333%
    }

    .xsmall-9 {
        width: 75%
    }

    .xsmall-push-9 {
        position: relative;
        left: 75%
    }

    .xsmall-pull-9 {
        position: relative;
        left: -75%
    }

    .xsmall-offset-8 {
        margin-left: 66.66667%
    }

    .xsmall-10 {
        width: 83.33333%
    }

    .xsmall-push-10 {
        position: relative;
        left: 83.33333%
    }

    .xsmall-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .xsmall-offset-9 {
        margin-left: 75%
    }

    .xsmall-11 {
        width: 91.66667%
    }

    .xsmall-push-11 {
        position: relative;
        left: 91.66667%
    }

    .xsmall-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .xsmall-offset-10 {
        margin-left: 83.33333%
    }

    .xsmall-12 {
        width: 100%
    }

    .xsmall-offset-11 {
        margin-left: 91.66667%
    }

    .xsmall-up-1 > .column, .xsmall-up-1 > .columns {
        float: left;
        width: 100%
    }

    .xsmall-up-1 > .column:nth-of-type(1n), .xsmall-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-1 > .column:nth-of-type(1n+1), .xsmall-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .xsmall-up-1 > .column:last-child, .xsmall-up-1 > .columns:last-child {
        float: left
    }

    .xsmall-up-2 > .column, .xsmall-up-2 > .columns {
        float: left;
        width: 50%
    }

    .xsmall-up-2 > .column:nth-of-type(1n), .xsmall-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-2 > .column:nth-of-type(2n+1), .xsmall-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .xsmall-up-2 > .column:last-child, .xsmall-up-2 > .columns:last-child {
        float: left
    }

    .xsmall-up-3 > .column, .xsmall-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

    .xsmall-up-3 > .column:nth-of-type(1n), .xsmall-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-3 > .column:nth-of-type(3n+1), .xsmall-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .xsmall-up-3 > .column:last-child, .xsmall-up-3 > .columns:last-child {
        float: left
    }

    .xsmall-up-4 > .column, .xsmall-up-4 > .columns {
        float: left;
        width: 25%
    }

    .xsmall-up-4 > .column:nth-of-type(1n), .xsmall-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-4 > .column:nth-of-type(4n+1), .xsmall-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .xsmall-up-4 > .column:last-child, .xsmall-up-4 > .columns:last-child {
        float: left
    }

    .xsmall-up-5 > .column, .xsmall-up-5 > .columns {
        float: left;
        width: 20%
    }

    .xsmall-up-5 > .column:nth-of-type(1n), .xsmall-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-5 > .column:nth-of-type(5n+1), .xsmall-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .xsmall-up-5 > .column:last-child, .xsmall-up-5 > .columns:last-child {
        float: left
    }

    .xsmall-up-6 > .column, .xsmall-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

    .xsmall-up-6 > .column:nth-of-type(1n), .xsmall-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-6 > .column:nth-of-type(6n+1), .xsmall-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .xsmall-up-6 > .column:last-child, .xsmall-up-6 > .columns:last-child {
        float: left
    }

    .xsmall-up-7 > .column, .xsmall-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

    .xsmall-up-7 > .column:nth-of-type(1n), .xsmall-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-7 > .column:nth-of-type(7n+1), .xsmall-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .xsmall-up-7 > .column:last-child, .xsmall-up-7 > .columns:last-child {
        float: left
    }

    .xsmall-up-8 > .column, .xsmall-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .xsmall-up-8 > .column:nth-of-type(1n), .xsmall-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xsmall-up-8 > .column:nth-of-type(8n+1), .xsmall-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .xsmall-up-8 > .column:last-child, .xsmall-up-8 > .columns:last-child {
        float: left
    }

    .xsmall-collapse > .column, .xsmall-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .xsmall-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .xsmall-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .xsmall-uncollapse > .column, .xsmall-uncollapse > .columns {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }

    .xsmall-centered {
        margin-right: auto;
        margin-left: auto
    }

    .xsmall-centered, .xsmall-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .xsmall-uncentered, .xsmall-push-0, .xsmall-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 48em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        float: left;
        width: 100%
    }

    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
        float: left
    }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        float: left;
        width: 50%
    }

    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
        float: left
    }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
        float: left
    }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        float: left;
        width: 25%
    }

    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
        float: left
    }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        float: left;
        width: 20%
    }

    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
        float: left
    }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
        float: left
    }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
        float: left
    }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
        float: left
    }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .medium-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

    .medium-centered, .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-uncentered, .medium-push-0, .medium-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 64em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        float: left;
        width: 100%
    }

    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
        float: left
    }

    .large-up-2 > .column, .large-up-2 > .columns {
        float: left;
        width: 50%
    }

    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
        float: left
    }

    .large-up-3 > .column, .large-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
        float: left
    }

    .large-up-4 > .column, .large-up-4 > .columns {
        float: left;
        width: 25%
    }

    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
        float: left
    }

    .large-up-5 > .column, .large-up-5 > .columns {
        float: left;
        width: 20%
    }

    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
        float: left
    }

    .large-up-6 > .column, .large-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
        float: left
    }

    .large-up-7 > .column, .large-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
        float: left
    }

    .large-up-8 > .column, .large-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
        float: left
    }

    .large-collapse > .column, .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .large-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

    .large-centered, .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-uncentered, .large-push-0, .large-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 80em) {
    .xlarge-1 {
        width: 8.33333%
    }

    .xlarge-push-1 {
        position: relative;
        left: 8.33333%
    }

    .xlarge-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .xlarge-offset-0 {
        margin-left: 0%
    }

    .xlarge-2 {
        width: 16.66667%
    }

    .xlarge-push-2 {
        position: relative;
        left: 16.66667%
    }

    .xlarge-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xlarge-3 {
        width: 25%
    }

    .xlarge-push-3 {
        position: relative;
        left: 25%
    }

    .xlarge-pull-3 {
        position: relative;
        left: -25%
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xlarge-4 {
        width: 33.33333%
    }

    .xlarge-push-4 {
        position: relative;
        left: 33.33333%
    }

    .xlarge-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-5 {
        width: 41.66667%
    }

    .xlarge-push-5 {
        position: relative;
        left: 41.66667%
    }

    .xlarge-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xlarge-6 {
        width: 50%
    }

    .xlarge-push-6 {
        position: relative;
        left: 50%
    }

    .xlarge-pull-6 {
        position: relative;
        left: -50%
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xlarge-7 {
        width: 58.33333%
    }

    .xlarge-push-7 {
        position: relative;
        left: 58.33333%
    }

    .xlarge-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-8 {
        width: 66.66667%
    }

    .xlarge-push-8 {
        position: relative;
        left: 66.66667%
    }

    .xlarge-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xlarge-9 {
        width: 75%
    }

    .xlarge-push-9 {
        position: relative;
        left: 75%
    }

    .xlarge-pull-9 {
        position: relative;
        left: -75%
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xlarge-10 {
        width: 83.33333%
    }

    .xlarge-push-10 {
        position: relative;
        left: 83.33333%
    }

    .xlarge-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-11 {
        width: 91.66667%
    }

    .xlarge-push-11 {
        position: relative;
        left: 91.66667%
    }

    .xlarge-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xlarge-12 {
        width: 100%
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
        float: left;
        width: 100%
    }

    .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
        float: left
    }

    .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
        float: left;
        width: 50%
    }

    .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
        float: left
    }

    .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

    .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
        float: left
    }

    .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
        float: left;
        width: 25%
    }

    .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
        float: left
    }

    .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
        float: left;
        width: 20%
    }

    .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
        float: left
    }

    .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

    .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
        float: left
    }

    .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

    .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
        float: left
    }

    .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
        float: left;
        width: 12.5%
    }

    .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
        float: left
    }

    .xlarge-collapse > .column, .xlarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .xlarge-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .xlarge-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .xlarge-centered {
        margin-right: auto;
        margin-left: auto
    }

    .xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 2.5rem
}

.column-block > :last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 48em) {
    .column-block {
        margin-bottom: 1.25rem
    }

    .column-block > :last-child {
        margin-bottom: 0
    }
}


p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic;
    line-height: inherit
}

strong, b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}


h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    line-height: 0;
    color: #cacaca
}



.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width: 31.25em) {
    .xsmall-text-left {
        text-align: left
    }

    .xsmall-text-right {
        text-align: right
    }

    .xsmall-text-center {
        text-align: center
    }

    .xsmall-text-justify {
        text-align: justify
    }
}

@media print, screen and (min-width: 48em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print, screen and (min-width: 64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 80em) {
    .xlarge-text-left {
        text-align: left
    }

    .xlarge-text-right {
        text-align: right
    }

    .xlarge-text-center {
        text-align: center
    }

    .xlarge-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
        content: ''
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre, blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    color: #0a0a0a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #cacaca
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #cacaca
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #cacaca
}

input::placeholder, textarea::placeholder {
    color: #cacaca
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type='submit'], [type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type='search'] {
    box-sizing: border-box
}

[type='file'], [type='checkbox'], [type='radio'] {
    margin: 0 0 1rem
}

[type='checkbox'] + label, [type='radio'] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type='checkbox'] + label[for], [type='radio'] + label[for] {
    cursor: pointer
}

label > [type='checkbox'], label > [type='radio'] {
    margin-right: .5rem
}

[type='file'] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group > :first-child {
    border-radius: 0 0 0 0
}

.input-group > :last-child > * {
    border-radius: 0 0 0 0
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem;
    background: #fefefe
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

@media screen and (min-width: 0\0
) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

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

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #faedeb
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::-moz-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}

.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: bold;
    color: #cc4b37
}

.form-error.is-visible {
    display: block
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 31.1875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em), screen and (min-width: 31.25em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (min-width: 31.25em) {
    .hide-for-xsmall {
        display: none !important
    }
}

@media screen and (max-width: 31.1875em) {
    .show-for-xsmall {
        display: none !important
    }
}

@media screen and (min-width: 31.25em) and (max-width: 47.9375em) {
    .hide-for-xsmall-only {
        display: none !important
    }
}

@media screen and (max-width: 31.1875em), screen and (min-width: 48em) {
    .show-for-xsmall-only {
        display: none !important
    }
}

@media print, screen and (min-width: 48em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 47.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 47.9375em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width: 64em) and (max-width: 79.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 80em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width: 80em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width: 79.9375em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width: 80em) and (max-width: 89.9375em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 79.9375em), screen and (min-width: 90em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.show-for-landscape, .hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape, .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

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

.clearfix::after {
    clear: both
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #e0e0e0;
    list-style-type: none
}

.tabs::before, .tabs::after {
    display: table;
    content: ' '
}

.tabs::after {
    clear: both
}

.tabs.vertical > li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple > li > a {
    padding: 0
}

.tabs.simple > li > a:hover {
    background: transparent
}

.tabs.primary {
    background: #1779ba
}

.tabs.primary > li > a {
    color: #fff
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
    background: #1673b1
}

.tabs-title {
    float: left
}

.tabs-title > a {
    display: block;
    padding: 1.25rem;
    font-size: 1.875rem;
    line-height: 1;
    color: #333
}

.tabs-title > a:hover {
    background: #444;
    color: #2c2c2c
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #b00;
    color: #fefefe
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: transparent;
    color: #0a0a0a;
    transition: all 0.5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 0
}

.tabs-panel[aria-hidden="false"] {
    display: block
}

@font-face {
    font-family: 'icomoon';
    src: url("/computing/software/assets/css/fonts/icomoon.eot?26yiig");
    src: url("/computing/software/assets/css//computing/software/assets/css/fonts/icomoon.eot?26yiig") format("embedded-opentype"), url("/computing/software/assets/css/fonts/icomoon.woff2?26yiig") format("woff2"), url("/computing/software/assets/css/fonts/icomoon.ttf?26yiig") format("truetype"), url("/computing/software/assets/css/fonts/icomoon.woff?26yiig") format("woff"), url("/computing/software/assets/css/fonts/icomoon.svg?26yiig") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-link:before {
    content: "\e90e"
}

.icon-chain:before {
    content: "\e90e"
}

.icon-url:before {
    content: "\e90e"
}

.icon-uri:before {
    content: "\e90e"
}

.icon-anchor:before {
    content: "\e90e"
}

.icon-star:before {
    content: "\f005"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-facebook-f:before {
    content: "\f09a"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-logo:before {
    content: "\e900"
}

.icon-alert-red .path1:before {
    content: "\e90c";
    color: #fff
}

.icon-alert-red .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: #b00
}

.icon-alert .path1:before {
    content: "\e90a";
    color: #fff
}

.icon-alert .path2:before {
    content: "\e90b";
    margin-left: -1.15625em;
    color: #000
}

.icon-home:before {
    content: "\e908"
}

.icon-left-quote:before {
    content: "\e909"
}

.icon-chevron:before {
    content: "\e901"
}

.icon-hamburger:before {
    content: "\e902"
}

.icon-minus:before {
    content: "\e903"
}

.icon-plus:before {
    content: "\e904"
}

.icon-search:before {
    content: "\e905"
}

.icon-triangle:before {
    content: "\e906"
}

.icon-x:before {
    content: "\e907"
}

html.has-active-slide-menu, body.has-active-slide-menu {
    overflow: hidden;
    height: 100%;
    position: relative
}

html.has-emergency-takeover, body.has-emergency-takeover {
    background-color: #000;
    background-image: none;
    background-size: auto
}


html, button, input, select, textarea {
    color: #222
}

audio, canvas, img, video {
    vertical-align: middle
}

p {
    line-height: 1.5rem;
    margin-bottom: 1.25rem
}

p.result-status {
    color: #b00;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: capitalize;
    margin-bottom: 1rem
}

@media screen and (min-width: 48em) {
    p.result-status {
        margin-left: 1.25rem
    }
}

input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'] {
    word-break: normal
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

fieldset.fieldset {
    border: 0;
    border-bottom: .125rem solid #e0e0e0;
    margin: 0 0 1.875rem 0;
    padding: 0 0 1.875rem 0
}

fieldset.fieldset legend {
    background-color: transparent;
    margin: 0 0 1.5rem 0;
    padding: 0
}

fieldset.fieldset--last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.fieldset:not(.fieldset--last-child) {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media screen and (min-width: 48em) {
    .fieldset:not(.fieldset--last-child) {
        border-bottom: .125rem solid #e0e0e0;
        margin: 0 0 1.875rem 0;
        padding: 0 0 1.875rem 0
    }
}

.fieldset.fieldset--last-child {
    margin-bottom: 0
}

@media screen and (min-width: 48em) {
    .fieldset.fieldset--last-child {
        margin-bottom: 1.875rem
    }
}

legend {
    color: #b00;
    font-size: 1.25rem;
    line-height: 1.375rem;
    display: block
}

label {
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase
}

input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], textarea, select {
    background-color: #fff;
    max-width: 100%
}

input[type='radio'], input[type='checkbox'] {
    margin: 0 0.4em
}

input[type='checkbox'] {
    opacity: 0;
    margin: 0;
    position: absolute;
    z-index: -9999
}

input[type='checkbox']:checked + label:before {
    background-image: url("/computing/software/assets/css/i/checked-checkbox.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

input[type='checkbox']:focus + label:before {
    outline-width: .375rem;
    outline-style: solid;
    outline-style: auto;
    outline-color: #1779ba
}

input[type='checkbox'] + label {
    margin: 0;
    padding: 0 0 0 1.625rem;
    position: relative
}

input[type='checkbox'] + label:before {
    background-color: #fff;
    border: .0625rem solid #b00;
    content: '';
    margin-right: .625rem;
    display: inline-block;
    height: 1rem;
    left: 0;
    position: absolute;
    top: .125rem;
    vertical-align: top;
    width: 1rem
}


.h1.subheadline, h1.subheadline, .h2.subheadline, h2.subheadline, .h3.subheadline, h3.subheadline, .h4.subheadline, h4.subheadline, .h5.subheadline, h5.subheadline, .h6.subheadline, h6.subheadline {
    color: #000;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-transform: capitalize;
    margin-bottom: .75rem
}


@media screen and (min-width: 31.25em) {
}

@media screen and (min-width: 64em) {
}


@media screen and (min-width: 31.25em) {
}

@media screen and (min-width: 64em) {
}


@media screen and (min-width: 31.25em) {
}


.hr {
    background-color: #e0e0e0;
    text-align: left;
    max-width: none
}

.hr.hr--small {
    height: .0625rem;
    width: 6.25rem
}

.hr.hr--red {
    background-color: #b00
}

.icon {
    fill: currentColor;
    display: inline-block;
    height: 1rem;
    width: 1rem
}


img.float-left {
    margin: .5rem .5rem .5rem 0
}

img.float-right {
    margin: .5rem 0 .5rem .5rem
}

.user-markup img {
    margin: .5rem
}

.user-markup img[align=left] {
    float: left;
    margin: .5rem .5rem .5rem 0
}

.user-markup img[align=right] {
    float: right;
    margin: .5rem 0 .5rem .5rem
}


.user-markup a:visited {
    color: maroon;
    -webkit-text-decoration-color: maroon;
    -moz-text-decoration-color: maroon;
    text-decoration-color: maroon
}

.user-markup a:hover, .user-markup a:active {
    color: red;
    -webkit-text-decoration-color: red;
    -moz-text-decoration-color: red;
    text-decoration-color: red
}

a[href^='tel:'] {
    color: #000;
    text-decoration: none;
    -webkit-text-decoration-color: #000;
    -moz-text-decoration-color: #000;
    text-decoration-color: #000
}

a[href^='tel:']:hover, a[href^='tel:']:active {
    color: inherit;
    text-decoration: inherit;
    -webkit-text-decoration-color: inherit;
    -moz-text-decoration-color: inherit;
    text-decoration-color: inherit
}

ul.no-bullet > li, ol.no-bullet > li {
    padding-left: 0
}

.user-markup ul.no-bullet > li, .user-markup ol.no-bullet > li {
    padding-left: 0
}

ul.no-bullet > li:before, ol.no-bullet > li:before {
    display: none
}

.user-markup ul, .user-markup ol {
    overflow: hidden;
    margin: 0 0 1em;
    padding: 0
}

.user-markup ul, .user-markup ul ul, .user-markup ul ol, .user-markup ol, .user-markup ol ul, .user-markup ol ol {
    counter-reset: itemNum
}

.user-markup ul ul, .user-markup ul ol, .user-markup ol ul, .user-markup ol ol {
    margin: 0;
    padding: 0
}

.user-markup ul ul li:first-child, .user-markup ul ol li:first-child, .user-markup ol ul li:first-child, .user-markup ol ol li:first-child {
    margin-top: .5rem
}

.user-markup ul, .user-markup ul li, .user-markup ol, .user-markup ol li {
    font-size: 1.125rem;
    list-style: none
}

.user-markup ul li, .user-markup ol li {
    position: relative;
    margin-bottom: .5rem
}

.user-markup ul li:before, .user-markup ol li:before {
    position: absolute
}

.user-markup ul li:last-child, .user-markup ol li:last-child {
    margin-bottom: 0
}

.user-markup ul > li {
    line-height: 1.5rem;
    padding-left: .75rem
}

.user-markup ul > li:before {
    color: #b00;
    content: '\2022';
    font-size: 1.125rem;
    left: 0;
    top: 0
}

.user-markup ul ul > li {
    padding-left: 1.125rem
}

.user-markup ul ul > li:before {
    color: #000;
    content: '\2014';
    font-size: .75rem
}

.user-markup ol > li {
    counter-increment: itemNum;
    padding-left: 1.75em
}

.user-markup ol > li:before {
    content: counter(itemNum) ".";
    color: #000;
    line-height: 1.5rem;
    left: 0;
    letter-spacing: -0.05em;
    padding: 0 0.25em;
    top: 0.125em
}

.user-markup ol > li:nth-child(n+100) {
    padding-left: 2.25em
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

table {
    border: 0
}

table tbody, table tr, table th, table td {
    border: 0
}

.main {
    margin: 1.25rem 0;
    padding: 0
}

@media screen and (min-width: 48em) {
    .main {
        margin: 0 0 3.75rem 0;
        padding: 0 .625rem
    }

    .high-level .main {
        padding: 0
    }
}

.main--no-breadcrumbs {
    margin: 2.5rem 0
}

@media screen and (min-width: 48em) {
    .main--no-breadcrumbs {
        margin: 5rem 0
    }
}

.main--slim {
    margin: 1.25rem 0 5rem
}

.student-portal .main--slim {
    margin: 1.25rem 0 2.5rem
}

@media screen and (min-width: 48em) {
    .main--slim {
        margin: 5rem 0
    }

    .events .main--slim, .news .main--slim {
        margin: 0 0 5rem
    }

    .student-portal .main--slim {
        margin: 2.8125rem 0
    }
}

.main--transparent {
    padding: 0 1.25rem
}

.high-level .main--transparent {
    padding: 0
}

@media screen and (min-width: 48em) {
    .main--transparent {
        padding: 0 .625rem
    }

    .events .main--transparent, .news .main--transparent {
        padding-left: 0
    }

    .md-no-js .events .main--transparent, .md-no-js .news .main--transparent {
        padding-left: 1.25rem
    }

    .program-finder .main--transparent {
        padding: 0 .625rem 0 0
    }

    .student-portal .main--transparent {
        padding: 0 .625rem 0 1.25rem
    }
}

.main--transparent .main__inner-container {
    background-color: transparent;
    padding: 0
}

.main--emergency-takeover {
    margin: 0 auto;
    padding: 0 1.25rem 2.25rem;
    max-width: 92.25rem
}

@media screen and (min-width: 48em) {
    .main--emergency-takeover {
        padding: 0 2.25rem 2.25rem
    }
}

.main--emergency-takeover .main__inner-container {
    background-color: #f3d114;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 46%, #e3c418 49%, #e3c418 51%, rgba(0, 0, 0, 0) 55%);
    background-repeat: repeat;
    background-size: .5rem .5rem;
    padding: 4.5rem 2rem 7.125rem
}

@media screen and (min-width: 48em) {
    .main--emergency-takeover .main__inner-container {
        padding: 4.5rem 4rem 7.125rem
    }
}

.main__inner-container {
    background-color: #fff;
    padding: 1.25rem
}

@media screen and (min-width: 64em) {
    .main__inner-container {
        padding: 1.875rem
    }
}

.sidebar-sds_sc {
    margin: 1.25rem 0 3.75rem 0;
    padding: 0 1.25rem
}

@media screen and (min-width: 48em) {
    .sidebar-sds_sc {
        margin: 0 0 3.75rem 0;
        padding: 0 .625rem
    }
}

.sidebar--slim {
    margin: 1.25rem 0 0
}

@media screen and (min-width: 48em) {
    .sidebar--slim {
        margin: 5rem 0;
        padding-right: 0
    }

    .faculty-directory .sidebar--slim {
        padding-right: .625rem
    }

    .events .sidebar--slim, .news .sidebar--slim {
        margin: 0 0 5rem
    }

    .student-portal .sidebar--slim {
        margin: 2.8125rem 0
    }
}

.component {
    border-bottom: .0625rem solid #e0e0e0;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem
}

.component--no-border {
    border-bottom: 0;
    padding-bottom: 0
}

.component--no-style {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.sidebar .component {
    border-bottom: 0;
    margin-bottom: 1.25rem;
    padding-bottom: 0
}

.faculty-directory .component:first-child {
    margin-bottom: 1.875rem
}

@media screen and (min-width: 48em) {
    .faculty-directory .component:first-child {
        margin-bottom: 0
    }
}

.component:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.gridder-show {
    border: .125rem solid #e0e0e0;
    background-color: #fff;
    margin-bottom: 1.25rem;
    display: block;
    position: relative;
    width: 100%
}

@media screen and (min-width: 48em) {
    .gridder-show {
        margin-left: 1.25rem;
        width: calc(100% - 1.25rem)
    }
}

@media screen and (min-width: 64em) {
    .gridder-show {
        float: left
    }
}

.gridder-show .button {
    line-height: 1
}

.gridder-show .row:first-child .column:first-child, .gridder-show .row:first-child .columns:first-child, .gridder-show .row:first-child .columns:first-child {
    display: none
}

@media screen and (min-width: 75em) {
    .gridder-show .row:first-child .column, .gridder-show .row:first-child .columns, .gridder-show .row:first-child .columns {
        float: left;
        position: relative;
        width: 50%
    }

    .gridder-show .row:first-child .column:first-child, .gridder-show .row:first-child .columns:first-child, .gridder-show .row:first-child .columns:first-child {
        display: block
    }
}

.gridder-show .row:nth-child(2) {
    text-align: center;
    margin-top: 2rem
}

.gridder-navigation .gridder-nav {
    display: none
}

.gridder-navigation .gridder-close {
    cursor: pointer;
    display: block;
    height: 1.625rem;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    width: 1.625rem
}

.gridder-navigation .gridder-close:hover .icon, .gridder-navigation .gridder-close:hover svg {
    color: #b00
}

.gridder-navigation .gridder-close .icon, .gridder-navigation .gridder-close svg {
    color: #000;
    pointer-events: none;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    height: 1.625rem;
    width: 1.625rem
}

.gridder-padding {
    padding: 1.25rem
}

@media screen and (min-width: 64em) {
    .gridder-padding {
        padding-top: 2.5rem
    }
}

.gridder-content {
    display: none
}

/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT *//*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper > .lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: 0.8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url("/computing/software/assets/css/i/controls.png");
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s
}

.lSAction > a:hover {
    opacity: 1
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction > a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }
    50% {
        left: -15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }
    50% {
        top: -15px
    }
    100% {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }
    50% {
        left: 15px
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }
    50% {
        bottom: -15px
    }
    100% {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative
}

.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lightslider {
    background-color: #e0e0e0
}

.md-no-js .lightslider {
    overflow: scroll;
    height: 100%
}

.lSAction .lSPrev, .lSAction .lSNext {
    top: calc(22.5rem - 3.125rem)
}

@media screen and (min-width: 48em) {
    .lSAction .lSPrev, .lSAction .lSNext {
        top: calc(34.375rem - 3.125rem)
    }
}

.media-slider .lSAction .lSPrev, .media-slider .lSAction .lSNext {
    bottom: 0;
    top: auto
}

.lSAction .lSPrev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 0
}

.lSAction .lSNext {
    right: 0
}

.lSAction a {
    background-color: #b00;
    background-image: none;
    opacity: 1;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: 0;
    display: block;
    height: 3.125rem;
    width: 3.125rem
}

.lSAction a:hover, .lSAction a:active {
    background-color: #000
}

.media-slider .lSAction a {
    height: 2.25rem;
    width: 2.25rem
}

.lSAction a .icon, .lSAction a svg {
    color: #fff;
    pointer-events: none;
    height: 1.25rem;
    left: calc(50% - .375rem);
    position: absolute;
    top: calc(50% - .625rem);
    width: .75rem
}

.slide-menu {
    background-color: #fff;
    box-sizing: border-box;
    transition-property: right;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 20rem;
    position: fixed;
    right: -20rem;
    top: 0;
    width: 100%;
    z-index: 400
}

.slide-menu.slide-menu--is-active {
    right: 0
}

@media screen and (min-width: 64em) {
    .slide-menu {
        overflow-x: visible
    }
}

.slide-menu .slide-menu__close-menu-trigger {
    cursor: pointer;
    margin: 1.5625rem 1.25rem 1.5625rem 0;
    float: right;
    height: 1.625rem;
    position: relative;
    width: 1.625rem
}

.md-no-js .slide-menu .slide-menu__close-menu-trigger {
    display: none
}

@media screen and (min-width: 64em) {
    .slide-menu .slide-menu__close-menu-trigger {
        display: none
    }
}

.slide-menu .slide-menu__close-menu-trigger svg {
    color: #666;
    height: 1.5rem;
    width: 1.5rem
}

.slide-menu::-webkit-scrollbar {
    display: none
}

.accordion {
    margin-bottom: 0
}

.accordion__item {
    margin-bottom: 1.5rem
}

.accordion__item:last-child {
    margin-bottom: 0
}

.accordion__title {
    border-bottom: .0625rem solid #e0e0e0;
    color: #000;
    font-size: 1.5rem;
    line-height: 2.125rem;
    transition-property: border-bottom, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    padding: .125rem 0 .625rem 3.5rem;
    display: block;
    position: relative;
    width: 100%
}

.accordion__title:hover, .accordion__title:focus, .accordion__title:active {
    border-bottom-color: #b00;
    color: #b00
}

.accordion__title:hover .accordion__icon-container, .accordion__title:focus .accordion__icon-container, .accordion__title:active .accordion__icon-container {
    background-color: #b00
}

.accordion__title:hover .accordion__icon-container .icon, .accordion__title:focus .accordion__icon-container .icon, .accordion__title:active .accordion__icon-container .icon {
    color: #fff
}

.accordion__item--is-active .accordion__title {
    border-bottom-color: #b00;
    color: #b00
}

.md-no-js .accordion__title {
    border-bottom-color: #e0e0e0;
    color: #000;
    cursor: text;
    pointer-events: none;
    padding: 0
}

.md-no-js .accordion__title:hover, .md-no-js .accordion__title:focus, .md-no-js .accordion__title:active {
    border-bottom-color: #e0e0e0;
    color: #000
}

.accordion__helper-text {
    color: #000;
    font-size: .75rem;
    font-style: italic;
    line-height: .875rem;
    pointer-events: none;
    margin-top: .5rem;
    display: block
}

.accordion__icon-container {
    background-color: #e0e0e0;
    pointer-events: none;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
    height: 2.25rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.accordion__item--is-active .accordion__icon-container {
    background-color: #b00
}

.accordion__icon-container .icon {
    color: #000
}

.accordion__item--is-active .accordion__icon-container .icon {
    color: #fff
}

.accordion__icon-container .icon-minus {
    display: none
}

.accordion__item--is-active .accordion__icon-container .icon-minus {
    display: block
}

.accordion__icon-container .icon-plus {
    display: block
}

.accordion__item--is-active .accordion__icon-container .icon-plus {
    display: none
}

.md-no-js .accordion__icon-container {
    display: none
}

.accordion__content {
    padding: 1.25rem 0 1.25rem 3.75rem;
    display: none
}

.md-no-js .accordion__content {
    display: block
}

.accordion__content .user-markup {
    opacity: 0;
    transition-property: opacity;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    transition-timing-function: ease-in
}

.accordion__content .user-markup.user-markup--is-visible {
    opacity: 1
}

.md-no-js .accordion__content .user-markup {
    opacity: 1
}

.announcements__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.announcements__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1.25rem 0;
    width: 100%
}

@media print, screen and (min-width: 48em) {
    .announcements__item {
        margin: 0 1.25rem 1.25rem 0;
        width: calc((100% / 2) - (21px / 2))
    }

    .announcements__item:nth-child(2n+2) {
        margin-right: 0
    }
}

@media print, screen and (min-width: 64em) {
    .announcements__item {
        width: calc((100% / 3) - (41px / 3))
    }

    .announcements__item:nth-child(2n+2) {
        margin-right: 1.25rem
    }

    .announcements__item:nth-child(3n+3) {
        margin-right: 0
    }
}

.announcements .button.button--large {
    max-width: none
}


@media screen and (min-width: 48em) {
}

.breadcrumbs__list {
    margin: 0
}

.breadcrumbs__list .breadcrumbs__list-item {
    display: inline-block;
    vertical-align: middle
}

.breadcrumbs__list .breadcrumbs__list-item:after {
    color: #b00;
    content: '\002f';
    font-size: .875rem;
    font-weight: 700;
    margin: 0 .25rem;
    display: inline-block
}

.breadcrumbs__list .breadcrumbs__list-item:last-child:after {
    display: none
}

.breadcrumbs__list .breadcrumbs__list-item:first-child .breadcrumbs__link:after {
    left: 1.5rem;
    width: calc(100% - 1.5rem)
}

.breadcrumbs__current-item, .breadcrumbs__link {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.breadcrumbs__link {
    color: #666
}

.breadcrumbs__link:after {
    background-color: #000
}

.breadcrumbs__link:visited {
    color: #666
}

.breadcrumbs__link:hover, .breadcrumbs__link:focus, .breadcrumbs__link:active {
    color: #000
}

.breadcrumbs__link:hover .icon-home, .breadcrumbs__link:hover svg, .breadcrumbs__link:focus .icon-home, .breadcrumbs__link:focus svg, .breadcrumbs__link:active .icon-home, .breadcrumbs__link:active svg {
    color: #b00
}

.breadcrumbs__link .icon-home, .breadcrumbs__link svg {
    color: #000;
    margin-right: .5rem;
    float: left
}

.breadcrumbs__current-item {
    color: #000
}

.button-group {
    padding: 0 0 3.75rem 0
}

.button-group__list {
    margin-bottom: 0
}

@media screen and (min-width: 31.25em) {
    .button-group__list {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.button-group__list .button-group__list-item {
    margin: 0 0 1.25rem 0
}

@media screen and (min-width: 31.25em) {
    .button-group__list .button-group__list-item {
        margin-left: 1.25rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-basis: calc(50% - 1.25rem);
        -ms-flex-preferred-size: calc(50% - 1.25rem);
        flex-basis: calc(50% - 1.25rem);
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .button-group__list .button-group__list-item:nth-child(odd) {
        margin-left: 0
    }
}

@media screen and (min-width: 48em) {
    .button-group__list .button-group__list-item {
        -webkit-flex-basis: calc(33.333% - 1.25rem);
        -ms-flex-preferred-size: calc(33.333% - 1.25rem);
        flex-basis: calc(33.333% - 1.25rem)
    }

    .button-group__list .button-group__list-item:nth-child(odd) {
        margin-left: 1.25rem
    }

    .button-group__list .button-group__list-item:nth-of-type(3n+1) {
        margin-left: 0
    }
}

@media screen and (min-width: 64em) {
    .button-group__list .button-group__list-item {
        -webkit-flex-basis: calc(25% - 1.25rem);
        -ms-flex-preferred-size: calc(25% - 1.25rem);
        flex-basis: calc(25% - 1.25rem)
    }

    .button-group__list .button-group__list-item:nth-of-type(3n+1) {
        margin-left: 1.25rem
    }

    .button-group__list .button-group__list-item:nth-of-type(4n+1) {
        margin-left: 0
    }
}

.button-group .button, .button-group .button.button--large {
    max-width: none
}

@media screen and (min-width: 48em) {
    .button-group .button, .button-group .button.button--large {
        max-width: 19rem
    }
}

.button-group .row:first-child {
    margin-bottom: 1.75rem
}

.collapsible-filters {
    background-color: #fff
}

.collapsible-filters.collapsible-filters--is-collapsed .fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 48em) {
    .collapsible-filters:not(.collapsible-filters--is-collapsed) .accordion .accordion__title {
        display: none
    }
}

@media screen and (min-width: 48em) {
    .collapsible-filters:not(.collapsible-filters--is-collapsed) .accordion .accordion__content {
        padding: 0;
        display: block !important
    }
}

.sidebar .collapsible-filters {
    padding: 1.25rem
}

@media screen and (min-width: 31.25em) {
    .sidebar .collapsible-filters {
        padding: 1.875rem
    }
}

.collapsible-filters .accordion .accordion__title {
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding-bottom: 1rem;
    padding-top: .5rem
}

.collapsible-filters .accordion .accordion__content {
    padding: 1.25rem 0
}

.collapsible-filters .button, .collapsible-filters .button.button--large {
    margin: 1.25rem auto 0 auto;
    max-width: 31.25rem
}

.collapsible-filters .button .button__text-wrap, .collapsible-filters .button.button--large .button__text-wrap {
    pointer-events: none
}

.program-finder .collapsible-filters .button[type=submit], .program-finder .collapsible-filters .button.button--large[type=submit] {
    display: none
}

.md-no-js .program-finder .collapsible-filters .button[type=submit], .md-no-js .program-finder .collapsible-filters .button.button--large[type=submit] {
    display: block
}

.contact-callout {
    background-color: #fff;
    padding: 1.875rem
}

.contact-callout__heading {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-transform: capitalize;
    margin-bottom: 1.25rem
}

.contact-callout .vcard {
    margin-bottom: 1.5rem
}

.contact-callout .social-media-list__icon:visited .icon, .contact-callout .social-media-list__icon:visited svg {
    color: #000
}

.contact-callout .social-media-list__icon:hover .icon, .contact-callout .social-media-list__icon:hover svg, .contact-callout .social-media-list__icon:active .icon, .contact-callout .social-media-list__icon:active svg {
    color: #b00
}

.contact-callout .social-media-list__icon .icon, .contact-callout .social-media-list__icon svg {
    color: #000
}

.cta-banner {
    background-color: #fff;
    border: .625rem solid #e0e0e0;
    overflow: hidden;
    transition-property: border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin-bottom: 1.25rem;
    display: block;
    height: 9.375rem;
    position: relative;
    width: 100%
}

.cta-banner:last-child {
    margin-bottom: 0
}

.cta-banner:hover, .cta-banner:focus, .cta-banner:active {
    border: .625rem solid #b00
}

.cta-banner:hover .cta-banner__background-image, .cta-banner:focus .cta-banner__background-image, .cta-banner:active .cta-banner__background-image {
    -webkit-filter: blur(.25rem) grayscale(100%);
    filter: blur(.25rem) grayscale(100%)
}

.cta-banner:hover .cta-banner__text, .cta-banner:focus .cta-banner__text, .cta-banner:active .cta-banner__text {
    color: #b00
}

.cta-banner:hover .cta-banner__text:after, .cta-banner:focus .cta-banner__text:after, .cta-banner:active .cta-banner__text:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: .0625rem
}

.cta-banner__image-caption, .cta-banner__background-image {
    height: 100%;
    width: 100%
}

.cta-banner__background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.cta-banner__caption {
    padding: 0 1.875rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.cta-banner__content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cta-banner__heading {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: .5rem
}

.cta-banner__text {
    color: #000;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .0625rem;
    line-height: 1.5;
    text-transform: uppercase;
    display: inline-block;
    position: relative
}

.cta-banner__text:after {
    background-color: #b00;
    content: '';
    opacity: 0;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 100%;
    width: calc(100% - .6875rem)
}

.cta-banner__text .icon, .cta-banner__text svg {
    color: #b00;
    margin-left: .25rem;
    height: .625rem;
    width: .4375rem
}

.cta-callout__list .cta-callout__list-item {
    border-top: .125rem solid #e0e0e0;
    line-height: 1;
    padding: .625rem 0 .75rem
}

.cta-callout__list .cta-callout__list-item:before {
    display: none
}

.cta-callout__list .cta-callout__list-item:first-child {
    border-top: 0;
    padding-top: 0
}

.cta-callout__link {
    letter-spacing: .0625rem
}

.cta-callout .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.cta-callout .row .column, .cta-callout .row .columns, .cta-callout .row .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.cta-callout .row .column:first-child, .cta-callout .row .columns:first-child, .cta-callout .row .columns:first-child {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 64em) {
    .cta-callout .row .column:first-child, .cta-callout .row .columns:first-child, .cta-callout .row .columns:first-child {
        margin-bottom: 0
    }
}

.emergency-alert {
    background-color: #f3d114;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 46%, #e3c418 49%, #e3c418 51%, rgba(0, 0, 0, 0) 55%);
    background-repeat: repeat;
    background-size: .5rem .5rem;
    overflow: hidden;
    padding: .8125rem 0;
    position: relative
}

.emergency-alert.emergency-alert--is-active {
    padding: 1.25rem 0 2.5rem
}

.emergency-alert.emergency-alert--is-active .hr {
    display: block
}

.emergency-alert.emergency-alert--is-active .user-markup {
    display: block
}

.md-no-js .emergency-alert {
    padding: 1.25rem 0 2.5rem
}

.emergency-alert__icon {
    display: block;
    height: 1.875rem;
    left: 1.25rem;
    position: absolute;
    top: calc(50% - .9375rem);
    width: 2.1875rem
}

.emergency-alert--is-active .emergency-alert__icon {
    top: 0
}

.md-no-js .emergency-alert__icon {
    top: 0
}

@media screen and (min-width: 48em) {
    .emergency-alert__icon {
        left: .625rem
    }
}

.emergency-alert__icon .icon, .emergency-alert__icon svg {
    height: 1.875rem;
    width: 2.1875rem
}

.emergency-alert__heading {
    color: #000;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    padding: 0 2rem 0 5rem
}

.emergency-alert--is-active .emergency-alert__heading {
    margin-bottom: 1.25rem;
    padding: 3rem 0 0
}

.md-no-js .emergency-alert__heading {
    margin-bottom: 1.25rem;
    padding: 3rem 0 0
}

.emergency-alert__trigger {
    height: 1.375rem;
    position: absolute;
    right: 1.25rem;
    top: calc(50% - .6875rem);
    width: 1.375rem;
    z-index: 100
}

.emergency-alert__trigger:hover .icon, .emergency-alert__trigger:hover svg, .emergency-alert__trigger:focus .icon, .emergency-alert__trigger:focus svg, .emergency-alert__trigger:active .icon, .emergency-alert__trigger:active svg {
    color: #fff
}

.emergency-alert--is-active .emergency-alert__trigger {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0
}

.md-no-js .emergency-alert__trigger {
    display: none
}

@media screen and (min-width: 48em) {
    .emergency-alert__trigger {
        right: .625rem
    }
}

.emergency-alert__trigger .icon, .emergency-alert__trigger svg {
    color: #000;
    pointer-events: none;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    height: 1.375rem;
    width: 1.375rem
}

.emergency-alert .row {
    position: relative
}

.emergency-alert .hr, .emergency-alert .hr--small {
    display: none
}

.emergency-alert__content, .emergency-alert .user-markup {
    display: none
}

.md-no-js .emergency-alert__content, .md-no-js .emergency-alert .user-markup {
    display: block
}

.emergency-takeover-header {
    background-color: #000;
    height: 5rem;
    width: 100%
}

@media screen and (min-width: 48em) {
    .emergency-takeover-header {
        height: 6.75rem
    }
}

.emergency-takeover-header .row, .emergency-takeover-header .column, .emergency-takeover-header .columns, .emergency-takeover-header .columns {
    height: 100%
}

.emergency-takeover-header .row {
    max-width: 92.25rem
}

.emergency-takeover-header .row .column, .emergency-takeover-header .row .columns, .emergency-takeover-header .row .columns {
    position: relative
}

.emergency-takeover-header__logo {
    height: 2.75rem;
    left: 2.625rem;
    position: absolute;
    top: 1.125rem;
    width: 9.375rem
}

@media screen and (min-width: 48em) {
    .emergency-takeover-header__logo {
        height: 4rem;
        left: 6.125rem;
        top: 1.375rem;
        width: 13.4375rem
    }
}

.emergency-takeover-header__logo svg {
    color: #fff;
    height: 2.75rem;
    width: 9.375rem
}

@media screen and (min-width: 48em) {
    .emergency-takeover-header__logo svg {
        height: 3.9375rem;
        width: 13.4375rem
    }
}

.md-no-js .events-results {
    display: none
}

.events-results__list {
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    .events-results__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.events-results__list-item:not(:first-of-type) {
    margin-top: 1.25rem
}

@media screen and (min-width: 48em) {
    .events-results__list-item {
        margin-left: 1.25rem
    }
}

@media screen and (min-width: 64em) {
    .events-results__list-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: calc(33.333% - 1.25rem)
    }

    .events-results__list-item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media screen and (min-width: 64em) {
    .events-results .event {
        min-height: 18rem
    }
}

.feature {
    overflow: hidden;
    height: 26.5625rem;
    position: relative;
    width: 100%
}

.feature.feature--is-active .feature__background-image, .feature:hover .feature__background-image, .feature:focus .feature__background-image, .feature:active .feature__background-image {
    -webkit-filter: blur(.25rem);
    filter: blur(.25rem)
}

.feature.feature--is-active.feature--black .button:after, .feature.feature--is-active.feature--red .button:after, .feature.feature--is-active.feature--white .button:after, .feature:hover.feature--black .button:after, .feature:hover.feature--red .button:after, .feature:hover.feature--white .button:after, .feature:focus.feature--black .button:after, .feature:focus.feature--red .button:after, .feature:focus.feature--white .button:after, .feature:active.feature--black .button:after, .feature:active.feature--red .button:after, .feature:active.feature--white .button:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: .0625rem
}

.feature.feature--is-active.feature--black .button:after, .feature.feature--is-active.feature--red .button:after, .feature:hover.feature--black .button:after, .feature:hover.feature--red .button:after, .feature:focus.feature--black .button:after, .feature:focus.feature--red .button:after, .feature:active.feature--black .button:after, .feature:active.feature--red .button:after {
    background-color: #fff
}

.feature.feature--is-active.feature--white .button, .feature:hover.feature--white .button, .feature:focus.feature--white .button, .feature:active.feature--white .button {
    color: #b00
}

.feature__background-image {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.feature.feature--black:after, .feature.feature--red:after, .feature.feature--white:after {
    content: '';
    opacity: 0.45;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 50
}

.feature.feature--black .feature__caption:after, .feature.feature--red .feature__caption:after, .feature.feature--white .feature__caption:after {
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';
    bottom: 0;
    display: block;
    height: 3.75rem;
    position: absolute;
    right: 0;
    width: 3.75rem
}

.feature.feature--black .button, .feature.feature--red .button {
    color: #fff;
    bottom: .625rem;
    position: absolute;
    right: 1rem;
    z-index: 200
}

.feature.feature--black .button:after, .feature.feature--red .button:after {
    background-color: #fff
}

.feature.feature--black .button .icon, .feature.feature--black .button svg, .feature.feature--red .button .icon, .feature.feature--red .button svg {
    color: #fff
}

.feature.feature--black:after {
    background-color: #000
}

.feature.feature--black .feature__heading:before {
    background-color: #b00
}

.feature.feature--black .feature__caption:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png")
}

.feature.feature--red:after {
    background-color: #b00;
    opacity: 0.8
}

.feature.feature--red .feature__heading:before {
    background-color: #000
}

.feature.feature--red .feature__caption:after {
    background-image: url("/computing/software/assets/css/i/black-triangle-60x60.png")
}

.feature.feature--white:after {
    background-color: #fff;
    opacity: 0.85
}

.feature.feature--white .feature__caption {
    text-align: center
}

.feature.feature--white .feature__caption:after {
    display: none
}

@media screen and (min-width: 48em) {
    .feature.feature--white .feature__caption {
        padding: 6.25rem 2.5rem 0
    }
}

@media screen and (min-width: 64em) {
    .feature.feature--white .feature__caption {
        padding: 5rem 1.875rem 0
    }
}

@media screen and (min-width: 80em) {
    .feature.feature--white .feature__caption {
        padding: 6.25rem 2.5rem 0
    }
}

.feature__caption {
    padding: 5rem 1.25rem 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

@media screen and (min-width: 48em) {
    .feature__caption {
        padding: 6.25rem 3.75rem 0
    }
}

@media screen and (min-width: 64em) {
    .feature__caption {
        padding: 5rem 2.5rem 0
    }
}

@media screen and (min-width: 80em) {
    .feature__caption {
        padding: 6.25rem 2.5rem 0
    }
}

.feature__heading, .feature__subheading, .feature__description {
    color: #fff
}

.feature__heading {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .125rem;
    line-height: 1.25rem;
    overflow: hidden;
    text-indent: .125rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    padding: 0 .25rem;
    display: inline-block;
    position: relative;
    height: 1.25rem
}

.feature__heading:before {
    content: '';
    opacity: 0;
    display: block;
    height: 1.25rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.md-no-js .feature__heading:before {
    opacity: 1
}

.feature__heading.feature__heading--is-visible:before {
    -webkit-animation: highlight 1s 1 cubic-bezier(1, 0, 0, 0.99) forwards;
    animation: highlight 1s 1 cubic-bezier(1, 0, 0, 0.99) forwards;
    opacity: 0
}

.feature__subheading {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-transform: capitalize;
    opacity: 0;
    margin-bottom: 1.25rem
}

.feature__subheading.feature__subheading--is-visible {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 0
}

.md-no-js .feature__subheading {
    opacity: 1
}

.feature__description {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0
}

.feature__description.feature__description--is-visible {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 0
}

.md-no-js .feature__description {
    opacity: 1
}

.feature__stat-heading {
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    opacity: 0;
    text-transform: capitalize;
    margin-bottom: .75rem
}

.feature__stat-heading:after {
    background-color: #b00;
    content: '';
    margin: 1rem auto 0;
    display: block;
    height: .125rem;
    width: 6.25rem
}

.feature__stat-heading.feature__stat-heading--is-visible {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 0
}

.md-no-js .feature__stat-heading {
    opacity: 1
}

.feature__heading-text {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0
}

.feature__heading-text.feature__heading-text--is-visible {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 0
}

.md-no-js .feature__heading-text {
    opacity: 1
}

.feature__stat-container {
    margin: 0 auto 1rem;
    display: block;
    height: 7.5rem;
    position: relative;
    width: 7.5rem
}

.feature__stat-container .feature__stat-svg {
    color: #b00;
    stroke-dashoffset: 410;
    stroke-dasharray: 410;
    height: 7.5rem;
    width: 7.5rem
}

.feature__stat-container .feature__stat-svg.feature__stat-svg--is-visible {
    -webkit-animation: animateCircleBorder 1s linear forwards;
    animation: animateCircleBorder 1s linear forwards
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .feature__stat-container .feature__stat-svg.feature__stat-svg--is-visible {
        stroke-dashoffset: 0
    }
}

.md-no-js .feature__stat-container .feature__stat-svg {
    stroke-dashoffset: 0
}

.feature__stat {
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    width: calc(100% - 1.25rem)
}

.feature__stat.feature__stat--is-visible {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 0
}

.md-no-js .feature__stat {
    opacity: 1
}

.feature__stat-sign, .feature__stat-number {
    color: #000;
    font-weight: 700;
    line-height: 1;
    display: inline-block
}

.feature__stat-sign {
    font-size: 1.25rem;
    margin-top: .25rem;
    vertical-align: top
}

.feature__stat-number {
    font-size: 2.25rem
}

.feature__button {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0
}

.feature__button.feature__button--is-visible {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 0
}

.md-no-js .feature__button {
    opacity: 1
}

@supports (-ms-ime-align: auto) {
    .feature .feature__stat-container .feature__stat-svg.feature__stat-svg--is-visible {
        stroke-dashoffset: 0
    }
}

.filter-buttons {
    background-color: #fff
}

.sidebar .filter-buttons {
    padding: 1.25rem
}

@media screen and (min-width: 31.25em) {
    .sidebar .filter-buttons {
        padding: 1.875rem
    }
}

.filter-buttons__heading {
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 0
}

@media screen and (min-width: 31.25em) {
    .filter-buttons__heading {
        font-size: 1.25rem
    }
}

@media print, screen and (min-width: 48em) {
    .filter-buttons__heading {
        margin-bottom: 1.5rem
    }
}

.filter-buttons__list {
    margin-bottom: .625rem
}

.filter-buttons .accordion .hr {
    height: .1875rem
}

.filter-buttons .accordion__title {
    padding-bottom: .625rem;
    padding-top: .5rem;
    border-bottom: 0
}

.filter-buttons .accordion__content {
    padding: .9375rem 0
}

@media print, screen and (min-width: 48em) {
    .filter-buttons .accordion__title {
        padding: 0
    }

    .filter-buttons .accordion__icon-container {
        display: none
    }

    .filter-buttons .accordion__title:focus {
        outline: none
    }

    .filter-buttons .accordion__content {
        padding: 0
    }
}

.filter-buttons .button, .filter-buttons .button.button--large {
    margin: 1.25rem auto 0 auto;
    max-width: 31.25rem
}

.filter-buttons .button .button__text-wrap, .filter-buttons .button.button--large .button__text-wrap {
    pointer-events: none
}

.student-portal .filter-buttons .button[type=submit], .student-portal .filter-buttons .button.button--large[type=submit] {
    display: none
}

.md-no-js .student-portal .filter-buttons .button[type=submit], .md-no-js .student-portal .filter-buttons .button.button--large[type=submit] {
    display: block
}

.global-footer {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.75rem 0 3.125rem;
    min-height: 37.5rem;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 48em) {
    .global-footer {
        padding: 7.125rem 0 1rem
    }
}

@media screen and (min-width: 64em) {
    .global-footer {
        padding-top: 12.6875rem
    }
}

.global-footer:after {
    background-color: #000;
    content: '';
    opacity: 0.65;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.global-footer .container {
    position: relative;
    z-index: 100
}

.global-footer__ctas {
    margin: 0 auto .625rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 17.25rem
}

@media screen and (min-width: 48em) {
    .global-footer__ctas {
        width: 24.125rem
    }
}

@media screen and (min-width: 62.5em) {
    .global-footer__ctas {
        margin-bottom: 1.875rem;
        width: auto
    }
}

.global-footer__ctas > li {
    margin-bottom: 1.25rem;
    margin-left: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 calc(50% - 1rem);
    -ms-flex: 0 0 calc(50% - 1rem);
    flex: 0 0 calc(50% - 1rem);
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.global-footer__ctas > li:first-child {
    margin-left: 0
}

.global-footer__ctas > li:nth-of-type(3) {
    margin-left: 0
}

@media screen and (min-width: 48em) {
    .global-footer__ctas > li {
        margin-bottom: 1.875rem;
        margin-left: 1.625rem;
        -webkit-flex: 0 0 calc(50% - 1.625rem);
        -ms-flex: 0 0 calc(50% - 1.625rem);
        flex: 0 0 calc(50% - 1.625rem)
    }
}

@media screen and (min-width: 62.5em) {
    .global-footer__ctas > li {
        margin-bottom: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .global-footer__ctas > li:nth-of-type(3) {
        margin-left: 1.625rem
    }
}

.global-footer__links {
    margin-bottom: 1.875rem
}

@media screen and (min-width: 48em) {
    .global-footer__links {
        margin-bottom: 2.5rem
    }
}

.global-footer__links > li {
    margin-top: .5rem
}

.global-footer__links > li:first-child {
    margin-top: 0
}

@media screen and (min-width: 48em) {
    .global-footer__links > li {
        margin-top: 0;
        margin-left: 1.875rem;
        display: inline-block
    }

    .global-footer__links > li:first-child {
        margin-left: 0
    }
}

.global-footer .social-media-list {
    margin-bottom: 1.875rem
}

.global-footer .social-media-list__icon:visited .icon, .global-footer .social-media-list__icon:visited svg {
    color: #fff
}

.global-footer .social-media-list__icon:hover .icon, .global-footer .social-media-list__icon:hover svg, .global-footer .social-media-list__icon:active .icon, .global-footer .social-media-list__icon:active svg {
    color: #b00
}

.global-footer .social-media-list__icon .icon, .global-footer .social-media-list__icon svg {
    color: #fff
}

.global-footer__link {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.global-footer__link:visited {
    color: #fff
}

.global-footer__link:hover, .global-footer__link:focus, .global-footer__link:active {
    color: #b00
}

.global-footer__campus-address, .global-footer__copyright {
    color: #fff;
    margin-top: .5rem;
    margin-bottom: 0
}

.global-footer__campus-address:first-child, .global-footer__copyright:first-child {
    margin-top: 0
}

.global-footer__campus-address {
    font-size: 1rem;
    line-height: 1.375rem
}

@media screen and (min-width: 48em) {
    .global-footer__campus-address {
        margin-top: 10rem
    }
}

.global-footer__copyright {
    font-size: .75rem;
    line-height: 1.5rem
}

.global-footer a[href^='tel:'] {
    color: #fff;
    text-decoration: none;
    -webkit-text-decoration-color: #fff;
    -moz-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.global-footer a[href^='tel:']:hover, .global-footer a[href^='tel:']:focus, .global-footer a[href^='tel:']:active {
    color: inherit;
    text-decoration: inherit;
    -webkit-text-decoration-color: inherit;
    -moz-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.global-header {
    background-color: #000;
    height: 5rem;
    width: 100%
}

.global-header.global-header--overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 20%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    position: absolute;
    z-index: 200
}

.md-no-js .global-header.global-header--overlay {
    height: auto;
    position: static
}

@media screen and (min-width: 64em) {
    .md-no-js .global-header.global-header--overlay {
        position: absolute
    }
}

@media screen and (max-width: 63.938em) {
    .md-no-js .global-header {
        background-color: #000
    }
}

@media screen and (min-width: 48em) {
    .global-header {
        height: 5.625rem
    }
}

.global-header .row .column, .global-header .row .columns, .global-header .row .columns {
    position: relative
}

.md-no-js .global-header .row .column, .md-no-js .global-header .row .columns, .md-no-js .global-header .row .columns {
    padding: 0
}

@media screen and (min-width: 64em) {
    .md-no-js .global-header .row .column, .md-no-js .global-header .row .columns, .md-no-js .global-header .row .columns {
        padding: 0 .625rem
    }
}

.global-header .hamburger-menu, .global-header .logo {
    position: absolute
}

.global-header .logo {
    left: 1.25rem;
    top: 1.125rem
}

.md-no-js .global-header .logo {
    left: 1.25rem
}

@media screen and (min-width: 48em) {
    .global-header .logo {
        left: .625rem
    }
}

@media screen and (min-width: 64em) {
    .global-header .logo {
        z-index: 200
    }

    .md-no-js .global-header .logo {
        left: auto
    }
}

.global-header .hamburger-menu {
    right: 1.25rem;
    top: calc((5rem / 2) - (1.625rem / 2))
}

.md-no-js .global-header .hamburger-menu {
    display: none
}

@media screen and (min-width: 48em) {
    .global-header .hamburger-menu {
        top: calc((5.625rem / 2) - (1.625rem / 2))
    }
}

@media screen and (min-width: 64em) {
    .global-header .hamburger-menu {
        display: none
    }
}

.md-no-js .global-header .slide-menu {
    margin-top: 5rem;
    overflow: hidden;
    height: auto;
    max-width: none;
    position: static;
    right: auto;
    top: auto;
    width: 100%
}

@media screen and (min-width: 48em) {
    .md-no-js .global-header .slide-menu {
        margin-top: 6.25rem
    }
}

@media screen and (min-width: 64em) {
    .global-header .slide-menu {
        background-color: transparent;
        padding: 0;
        overflow-y: visible;
        height: 5rem;
        position: relative;
        right: auto;
        top: auto;
        max-width: none;
        z-index: auto
    }

    .md-no-js .global-header .slide-menu {
        margin-top: 0;
        overflow-x: visible;
        overflow-y: visible;
        height: 5rem;
        position: relative
    }
}

.global-header .global-search-mobile, .global-header .primary-navigation, .global-header .secondary-navigation {
    clear: both
}

.global-header .global-search-mobile {
    margin-bottom: 1.5625rem
}

.md-no-js .global-header .global-search-mobile {
    margin-top: 1.5625rem
}

@media screen and (min-width: 64em) {
    .global-header .global-search-mobile {
        display: none
    }
}

.global-header .primary-navigation {
    margin-bottom: 1.875rem
}

@media screen and (min-width: 64em) {
    .global-header .primary-navigation {
        margin-bottom: 0
    }
}

.md-no-js .global-header .secondary-navigation {
    margin-bottom: 1.875rem
}

@media screen and (min-width: 64em) {
    .md-no-js .global-header .secondary-navigation {
        margin-bottom: 0
    }
}

.global-header .global-search-trigger {
    display: none;
    position: absolute;
    right: 0;
    top: .6875rem
}

@media screen and (min-width: 64em) {
    .global-header .global-search-trigger {
        display: block
    }
}

.global-search {
    background-color: #e0e0e0;
    display: none;
    height: 3.25rem;
    width: 100%
}

@media screen and (min-width: 64em) {
    .md-no-js .global-search {
        display: block
    }
}

.headshot img {
    margin: 0 auto;
    display: block
}

.home-features {
    border-top: .0625rem solid #e0e0e0
}

.home-features .container {
    padding: 3.75rem 0
}

@media screen and (min-width: 64em) {
    .home-features .container {
        padding: 4.25rem 0 4.5rem
    }
}

.home-features__heading {
    color: #b00;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.625rem;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 1rem
}

.home-features__heading:after {
    background-color: #e0e0e0;
    content: '';
    margin: 1rem auto 0;
    display: block;
    height: .125rem;
    width: 6.25rem
}

@media screen and (min-width: 48em) {
    .home-features__heading {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
}

.home-features__feature-blocks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 48em) {
    .home-features__feature-blocks .feature {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home-features__feature-blocks .feature:nth-of-type(2) {
        -webkit-flex: 0 0 18.75rem;
        -ms-flex: 0 0 18.75rem;
        flex: 0 0 18.75rem
    }

    .home-features__feature-blocks .feature:nth-of-type(3) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(100% - 18.75rem);
        -ms-flex-preferred-size: calc(100% - 18.75rem);
        flex-basis: calc(100% - 18.75rem)
    }
}

@media screen and (min-width: 64em) {
    .home-features__feature-blocks .feature:nth-of-type(1) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(50% - 40.8125rem);
        -ms-flex-preferred-size: calc(50% - 40.8125rem);
        flex-basis: calc(50% - 40.8125rem)
    }

    .home-features__feature-blocks .feature:nth-of-type(2) {
        -webkit-flex: 0 0 17.5rem;
        -ms-flex: 0 0 17.5rem;
        flex: 0 0 17.5rem
    }

    .home-features__feature-blocks .feature:nth-of-type(3) {
        -webkit-flex: 0 0 23.3125rem;
        -ms-flex: 0 0 23.3125rem;
        flex: 0 0 23.3125rem
    }
}

@media screen and (min-width: 80em) {
    .home-features__feature-blocks .feature:nth-of-type(1) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(50% - 45.3125rem);
        -ms-flex-preferred-size: calc(50% - 45.3125rem);
        flex-basis: calc(50% - 45.3125rem)
    }

    .home-features__feature-blocks .feature:nth-of-type(2) {
        -webkit-flex: 0 0 18.75rem;
        -ms-flex: 0 0 18.75rem;
        flex: 0 0 18.75rem
    }

    .home-features__feature-blocks .feature:nth-of-type(3) {
        -webkit-flex: 0 0 26.5625rem;
        -ms-flex: 0 0 26.5625rem;
        flex: 0 0 26.5625rem
    }
}

@media screen and (min-width: 92.25em) {
    .home-features__feature-blocks .feature:nth-of-type(1) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(60% - 18.75rem);
        -ms-flex-preferred-size: calc(60% - 18.75rem);
        flex-basis: calc(60% - 18.75rem)
    }

    .home-features__feature-blocks .feature:nth-of-type(2) {
        -webkit-flex: o o 18.75rem;
        -ms-flex: o o 18.75rem;
        flex: o o 18.75rem
    }

    .home-features__feature-blocks .feature:nth-of-type(3) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(40% - 18.75rem);
        -ms-flex-preferred-size: calc(40% - 18.75rem);
        flex-basis: calc(40% - 18.75rem)
    }
}

.home-page-events {
    padding: 3.75rem 0;
    min-height: 31.5rem
}

@media screen and (min-width: 48em) {
    .home-page-events {
        padding: 5rem 0
    }
}

.home-page-events__heading {
    border-bottom: .125rem solid #e0e0e0;
    color: #b00;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: .75rem;
    padding-bottom: 1.25rem
}

.home-page-events__events-container {
    padding: 2.5rem 0 0
}

@media screen and (min-width: 48em) {
    .home-page-events__events-container {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.home-page-events .event {
    margin-top: 1.25rem
}

.home-page-events .event:first-child {
    margin-top: 0
}

.home-page-events .event:nth-of-type(3) {
    display: none
}

@media screen and (min-width: 48em) {
    .home-page-events .event {
        margin-top: 0;
        margin-left: 1.25rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(50% - 1.25rem);
        -ms-flex-preferred-size: calc(50% - 1.25rem);
        flex-basis: calc(50% - 1.25rem);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 22.25rem;
        min-height: 14.375rem
    }

    .home-page-events .event:first-child {
        margin-left: 0
    }
}

@media screen and (min-width: 64em) {
    .home-page-events .event {
        margin-left: 5.625rem;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(33.333% - 5.625rem);
        -ms-flex-preferred-size: calc(33.333% - 5.625rem);
        flex-basis: calc(33.333% - 5.625rem);
        max-width: 21.25rem
    }

    .home-page-events .event:nth-of-type(3) {
        display: block
    }
}

@media screen and (min-width: 48em) {
    .home-page-events .event__heading {
        height: 5.25rem;
        max-height: 5.25rem;
        overflow: hidden
    }
}

.home-page-events .button.button--large {
    margin: 2.5rem auto 0
}

@media screen and (min-width: 48em) {
    .md-no-js .home-page-masthead {
        position: relative
    }
}

@media screen and (min-width: 48em) {
    .home-page-masthead {
        height: 28.75rem;
        position: relative
    }
}

@media screen and (min-width: 64em) {
    .home-page-masthead {
        height: 34.375rem
    }
}

.home-page-masthead__background-image {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 16.6875rem;
    width: 100%
}

@media screen and (min-width: 48em) {
    .home-page-masthead__background-image {
        height: 28.75rem
    }
}

@media screen and (min-width: 64em) {
    .home-page-masthead__background-image {
        height: 34.375rem
    }
}

.home-page-masthead__content-container {
    margin-top: -2.5rem
}

@media screen and (min-width: 48em) {
    .home-page-masthead__content-container {
        margin-top: 5.625rem;
        left: 0;
        height: calc(28.75rem - 5.625rem);
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 50
    }
}

@media screen and (min-width: 64em) {
    .home-page-masthead__content-container {
        height: calc(34.375rem - 5.625rem)
    }
}

.home-page-masthead__content-container .row, .home-page-masthead__content-container .column, .home-page-masthead__content-container .columns, .home-page-masthead__content-container .columns {
    height: 100%
}

.home-page-masthead__content-container .row .column, .home-page-masthead__content-container .row .columns, .home-page-masthead__content-container .row .columns {
    padding: 0
}

@media screen and (min-width: 48em) {
    .home-page-masthead__content-container .row .column, .home-page-masthead__content-container .row .columns, .home-page-masthead__content-container .row .columns {
        padding: 0 .625rem;
        position: relative
    }
}

.home-page-masthead__callout {
    text-align: center
}

@media screen and (min-width: 48em) {
    .home-page-masthead__callout {
        text-align: left;
        position: absolute;
        top: 3.5rem
    }
}

@media screen and (min-width: 64em) {
    .home-page-masthead__callout {
        top: 4.75rem
    }
}

.home-page-masthead__black-label {
    background-color: #000;
    padding: .5rem 1rem;
    display: inline-block
}

@media screen and (min-width: 48em) {
    .home-page-masthead__black-label {
        background-color: transparent;
        overflow: hidden;
        padding: 0;
        display: block;
        height: 3.125rem;
        position: absolute;
        top: 1.875rem;
        z-index: 1
    }

    .home-page-masthead__black-label:after {
        -webkit-animation: highlight 1s 1 cubic-bezier(1, 0, 0, 0.99) forwards;
        animation: highlight 1s 1 cubic-bezier(1, 0, 0, 0.99) forwards;
        background-color: #000;
        content: '';
        opacity: 0;
        display: block;
        height: 3.125rem;
        position: relative;
        top: -3.125rem;
        width: auto;
        z-index: -1
    }
}

.home-page-masthead__title {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .25rem;
    line-height: 1;
    text-indent: .25rem;
    text-transform: uppercase;
    margin-bottom: 0
}

@media screen and (min-width: 48em) {
    .home-page-masthead__title {
        font-size: 1.875rem;
        line-height: 3.125rem;
        padding: 0 1.5rem 0 4.375rem
    }

    .home-page-masthead__title.home-page-masthead__title--is-visible {
        -webkit-animation: fadeIn 1s linear forwards;
        animation: fadeIn 1s linear forwards;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        opacity: 0
    }
}

.home-page-masthead__white-label {
    background-color: rgba(255, 255, 255, 0.85);
    width: 100%
}

@media screen and (min-width: 48em) {
    .home-page-masthead__white-label {
        background-color: transparent;
        overflow: hidden;
        text-align: left;
        margin-left: 2.5rem;
        padding: 0;
        height: 15.625rem;
        max-width: 36.75rem
    }

    .home-page-masthead__white-label:after {
        -webkit-animation: highlight 1s forwards;
        animation: highlight 1s forwards;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        background-color: rgba(255, 255, 255, 0.85);
        content: '';
        opacity: 0;
        display: block;
        height: 15.625rem;
        position: relative;
        top: -15.625rem;
        width: auto;
        z-index: -1
    }
}

.home-page-masthead__white-label-content {
    padding: .625rem 1.25rem 1.25rem
}

@media screen and (min-width: 48em) {
    .home-page-masthead__white-label-content {
        padding: 5rem 1.875rem 1.875rem
    }

    .home-page-masthead__white-label-content.home-page-masthead__white-label-content--is-visible {
        -webkit-animation: fadeIn 1s linear forwards;
        animation: fadeIn 1s linear forwards;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        opacity: 0
    }
}

.home-page-masthead__subtitle {
    color: #b00;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: .5rem
}

@media screen and (min-width: 48em) {
    .home-page-masthead__subtitle {
        font-size: 3.95rem;
        margin-bottom: .25rem;
    }
}

.home-page-masthead__description {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0
}

@media screen and (min-width: 80em) {
    .home-page-masthead__description {
        font-size: 1.5rem
    }
}

.home-page-stories {
    padding: 1.25rem 0 3.75rem
}

@media screen and (min-width: 48em) {
    .home-page-stories {
        padding: 3.75rem 0 5rem
    }
}

@media screen and (min-width: 64em) {
    .home-page-stories {
        padding: 2.5rem 0 5rem
    }
}

@media screen and (min-width: 80em) {
    .home-page-stories {
        padding: 5rem 0
    }
}

.home-page-stories .container:first-child {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 48em) {
    .home-page-stories .container:first-child {
        margin-bottom: 0
    }
}

@media screen and (min-width: 64em) {
    .home-page-stories .container:first-child {
        border-bottom: .125rem solid #e0e0e0;
        margin-bottom: 2.5rem
    }
}

.home-page-stories__story-filters-label {
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block
}

@media screen and (min-width: 64em) {
    .home-page-stories__story-filters-label {
        text-align: left;
        margin-bottom: .25rem
    }
}

.home-page-stories .story-filters__container {
    position: relative
}

.home-page-stories .button.button--large {
    margin: 2.5rem auto 0
}

@media screen and (min-width: 62.5em) {
    .masthead {
        height: 34.375rem;
        position: relative
    }

    .events .masthead, .news .masthead {
        height: 29rem
    }
}

.masthead--slider {
    overflow: hidden
}

.masthead--heading-only {
    height: 11.875rem
}

@media screen and (min-width: 48em) {
    .masthead--heading-only {
        height: 14.375rem
    }
}

.masthead__slider {
    margin: 0
}

.masthead__slide {
    position: relative
}

.md-no-js .masthead__slide:not(:first-child) {
    display: none
}

.masthead__background-image {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 22.5rem
}

.masthead--heading-only .masthead__background-image {
    height: 11.875rem
}

@media screen and (min-width: 62.5em) {
    .masthead__background-image {
        position: relative
    }
}

@media screen and (min-width: 48em) {
    .masthead__background-image {
        height: 34.375rem
    }

    .masthead--heading-only .masthead__background-image {
        height: 14.375rem
    }

    .events .masthead__background-image, .news .masthead__background-image {
        height: 29rem
    }
}

.masthead__heading-container {
    height: 11.875rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.masthead__heading-container .masthead__heading {
    margin: 0;
    color: #fff
}

@media screen and (min-width: 48em) {
    .masthead__heading-container {
        height: 14.375rem
    }
}

.masthead__heading-container .row, .masthead__heading-container .column, .masthead__heading-container .columns, .masthead__heading-container .columns {
    height: 100%
}

.masthead__heading-container .row .column, .masthead__heading-container .row .columns, .masthead__heading-container .row .columns {
    padding: 1.25rem 1.25rem 2.1875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media print, screen and (min-width: 48em) {
    .masthead__heading-container .row .column, .masthead__heading-container .row .columns, .masthead__heading-container .row .columns {
        padding: .625rem .625rem 3.4375rem
    }
}

@media screen and (min-width: 62.5em) {
    .masthead__content-container {
        height: 34.375rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .events .masthead__content-container, .news .masthead__content-container {
        height: 29rem
    }
}

@media screen and (min-width: 62.5em) {
    .masthead__content-container .row, .masthead__content-container .column, .masthead__content-container .columns, .masthead__content-container .columns {
        height: 100%
    }
}

.masthead__content-container .row .column, .masthead__content-container .row .columns, .masthead__content-container .row .columns {
    padding: 0;
    position: relative
}

@media screen and (min-width: 62.5em) {
    .masthead__content-container .row .column, .masthead__content-container .row .columns, .masthead__content-container .row .columns {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

.masthead__callout {
    background-color: #000;
    padding: 1.25rem;
    width: 100%
}

@media screen and (min-width: 62.5em) {
    .masthead__callout {
        background-color: rgba(255, 255, 255, 0.85);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF, endColorstr=#D9FFFFFF);
        zoom: 1;
        padding: 1.875rem;
        bottom: 7.1875rem;
        position: absolute;
        max-width: 36.75rem;
        min-height: 14.875rem;
        top: auto
    }

    .events .masthead__callout, .news .masthead__callout {
        padding: 3.75rem 1.875rem
    }
}

.masthead__heading, .masthead__description {
    color: #fff
}

@media screen and (min-width: 62.5em) {
    .masthead__heading, .masthead__description {
        color: #000
    }
}

.masthead__heading {
    font-size: 2.25rem;
    line-height: 1
}

@media screen and (min-width: 62.5em) {
    .masthead__heading {
        font-size: 2.875rem
    }
}

.masthead__description {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0
}

.media-accordion {
    transition-property: padding;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    padding: 0 1.25rem
}

@media screen and (min-width: 48em) {
    .media-accordion {
        padding: 0 .625rem
    }
}

.media-accordion--is-active {
    padding: 0
}

.media-accordion--is-active .media-accordion__title {
    background-color: #b00;
    color: #fff;
    max-width: 100%
}

.media-accordion--is-active .media-accordion__icon-container .icon {
    color: #fff
}

.media-accordion--is-active .media-accordion__icon-container .icon-minus {
    display: block
}

.media-accordion--is-active .media-accordion__icon-container .icon-plus {
    display: none
}

.media-accordion__content {
    background-color: #e0e0e0;
    padding: 2.5rem 0;
    display: none
}

.md-no-js .media-accordion__content {
    display: block
}

@media screen and (min-width: 64em) {
    .media-accordion__content {
        padding: 5rem 0
    }
}

.media-accordion__title {
    background-color: #e0e0e0;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    transition-property: background-color, color, max-width;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: 0 auto;
    padding: .625rem 1rem .5rem;
    display: block;
    max-width: 79.75rem;
    min-height: 2.25rem;
    width: 100%
}

.media-accordion__title:hover, .media-accordion__title:focus, .media-accordion__title:active {
    background-color: #b00;
    color: #fff
}

.media-accordion__title:hover .media-accordion__icon-container .icon, .media-accordion__title:focus .media-accordion__icon-container .icon, .media-accordion__title:active .media-accordion__icon-container .icon {
    color: #fff
}

.md-no-js .media-accordion__title {
    background-color: #b00;
    color: #fff;
    max-width: 100%
}

.md-no-js .media-accordion__title:hover, .md-no-js .media-accordion__title:focus, .md-no-js .media-accordion__title:active {
    background-color: #b00;
    color: #fff
}

.md-no-js .media-accordion__title .media-accordion__icon-container .icon {
    color: #fff
}

.media-accordion__title .media-accordion__title-text {
    pointer-events: none
}

.media-accordion__icon-container {
    pointer-events: none;
    margin-top: -.125rem;
    margin-right: .75rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    vertical-align: middle
}

@media screen and (min-width: 25em) {
    .media-accordion__icon-container {
        margin-right: 1rem;
        height: 1.25rem;
        width: 1.25rem
    }
}

.media-accordion__icon-container .icon {
    color: #b00;
    pointer-events: none;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    height: 1rem;
    width: 1rem
}

@media screen and (min-width: 25em) {
    .media-accordion__icon-container .icon {
        height: 1.25rem;
        width: 1.25rem
    }
}

.media-accordion__icon-container .icon-minus {
    display: none
}

.media-accordion__icon-container .icon-plus {
    display: block
}

.md-no-js .media-accordion__icon-container {
    display: none
}

.media-group {
    margin-top: 1.875rem
}

.media-group:nth-child(odd) .media-group__column:nth-child(2) {
    border-left: .125rem solid #e0e0e0;
    border-right: .125rem solid #e0e0e0
}

@media screen and (min-width: 48em) {
    .media-group:nth-child(odd) .media-group__column:nth-child(2) {
        border-top: .125rem solid #e0e0e0;
        border-right: .125rem solid #e0e0e0;
        border-left: 0;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.media-group:nth-child(even) .media-group__column:nth-child(2) {
    border-left: .125rem solid #e0e0e0;
    border-right: .125rem solid #e0e0e0
}

@media screen and (min-width: 48em) {
    .media-group:nth-child(even) .media-group__column:nth-child(2) {
        border-top: .125rem solid #e0e0e0;
        border-right: 0;
        border-left: .125rem solid #e0e0e0;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.media-group .media-player .media-player__video-container {
    max-height: 22.5rem
}

.media-group .news-articles .news-articles__container .column:nth-child(3), .media-group .news-articles .news-articles__container .columns:nth-child(3), .media-group .news-articles .news-articles__container .column:nth-child(6), .media-group .news-articles .news-articles__container .columns:nth-child(6), .media-group .news-articles .news-articles__container .columns:nth-child(3), .media-group .news-articles .news-articles__container .columns:nth-child(6) {
    display: none
}

@media screen and (min-width: 64em) {
    .media-group .news-articles .news-articles__container .column:nth-child(3), .media-group .news-articles .news-articles__container .columns:nth-child(3), .media-group .news-articles .news-articles__container .column:nth-child(6), .media-group .news-articles .news-articles__container .columns:nth-child(6), .media-group .news-articles .news-articles__container .columns:nth-child(3), .media-group .news-articles .news-articles__container .columns:nth-child(6) {
        display: block
    }
}

.media-group__row {
    padding: 0 1.25rem
}

@media screen and (min-width: 48em) {
    .media-group__row {
        padding: 0 .625rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.media-group__row .media-group__column {
    background-color: #fff;
    padding: 0
}

.media-group .user-markup {
    padding: 2.5rem;
    width: 100%
}

@media screen and (min-width: 48em) {
    .media-group .user-markup {
        padding: 0 1.25rem
    }
}

@media screen and (min-width: 64em) {
    .media-group .user-markup {
        padding: 0 3.75rem
    }
}

.media-group .user-markup h2, .media-group .user-markup p {
    margin-bottom: 1.25rem
}

.media-group .user-markup :last-child {
    margin-bottom: 0
}

.media-group img {
    width: 100%
}

.media-player {
    position: relative
}

.media-player__video-container {
    overflow: hidden;
    height: 100%;
    position: relative;
    max-height: 21.125rem
}

.media-player__video-container.media-player__video-container--ready .play-button {
    display: block;
    z-index: 8
}

.media-player__video-container.media-player__video-container--playing .play-button, .media-player__video-container.media-player__video-container--playing .media-player__video-poster {
    display: none
}

.media-player__video-container.media-player__video-container--playing .media-player__iframe-wrapper {
    position: relative
}

.media-player__video-container.media-player__video-container--playing iframe, .media-player__video-container.media-player__video-container--playing .media-player__iframe-wrapper {
    opacity: 1
}

.media-player__video-container.media-player__video-container--playing iframe {
    pointer-events: all
}

.media-player__video-poster {
    width: 100%
}

.media-player__iframe-wrapper, .media-player iframe {
    opacity: 0;
    width: 100%;
    z-index: 6
}

.media-player iframe {
    pointer-events: none
}

.media-player__iframe-wrapper {
    position: absolute;
    padding-bottom: 56.25%;
    height: 0
}

.media-player__iframe-wrapper iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.md-no-js .media-player__iframe-wrapper {
    display: none
}

.md-no-js .media-slider__list-item:not(:first-child) {
    display: none
}

.news-articles__container .column, .news-articles__container .columns, .news-articles__container .columns {
    margin-top: 1.25rem
}

.news-articles__container .column:first-child, .news-articles__container .columns:first-child, .news-articles__container .columns:first-child {
    margin-top: 0
}

.media-accordion .news-articles__container .column, .media-accordion .news-articles__container .columns, .media-accordion .news-articles__container .columns {
    padding: 0 1.25rem
}

@media screen and (min-width: 48em) {
    .media-accordion .news-articles__container .column, .media-accordion .news-articles__container .columns, .media-accordion .news-articles__container .columns {
        padding: 0 .625rem
    }

    .news-articles__container .column:nth-child(-n+3), .news-articles__container .columns:nth-child(-n+3), .news-articles__container .columns:nth-child(-n+3) {
        margin-top: 0
    }

    .news-articles__container .column:nth-child(n+3), .news-articles__container .columns:nth-child(n+3), .news-articles__container .columns:nth-child(n+3) {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 64em) {
    .news-articles__container .column:nth-child(-n+4), .news-articles__container .columns:nth-child(-n+4), .news-articles__container .columns:nth-child(-n+4) {
        margin-top: 0
    }

    .news-articles__container .column:nth-child(n+4), .news-articles__container .columns:nth-child(n+4), .news-articles__container .columns:nth-child(n+4) {
        margin-top: 1.25rem
    }
}

.md-no-js .news-results {
    display: none
}

.news-results__list {
    font-size: 0;
    margin-bottom: 0
}

.news-results__list-item {
    font-size: 1.125rem;
    margin: 0 0 1.25rem 0;
    width: 100%
}

@media screen and (min-width: 48em) {
    .news-results__list-item {
        margin-left: 1.25rem;
        width: calc(100% - 1.25rem)
    }

    .md-no-js .news-results__list-item {
        display: inline-block;
        width: calc(33.333% - .9375rem)
    }

    .md-no-js .news-results__list-item:nth-of-type(odd) {
        margin-left: .625rem
    }
}

@media screen and (min-width: 64em) {
    .news-results__list-item {
        display: inline-block;
        position: relative;
        width: calc(33.333% - 1.25rem);
        vertical-align: top
    }
}

.page-tabs {
    padding-top: 2.5rem
}

.page-tabs__tabs-outer {
    border-bottom: 4px solid #e0e0e0
}

.page-tabs__tabs {
    border: 0;
    background-color: transparent;
    max-width: 81rem;
    margin: 0 auto;
    padding: 0 1.25rem
}

@media print, screen and (min-width: 48em) {
    .page-tabs__tabs {
        padding: 0 .625rem
    }
}

.page-tabs__title > a {
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: .3125rem;
    background-color: #e0e0e0;
    transition: background-color 0.2s, color 0.2s
}

.page-tabs__title > a:hover {
    color: #fff
}

@media screen and (min-width: 25em) {
    .page-tabs__title > a {
        font-size: .9375rem;
        padding: .625rem
    }
}

@media print, screen and (min-width: 48em) {
    .page-tabs__title > a {
        font-size: 1.375rem;
        padding: .9375rem;
        text-align: left
    }
}

@media print, screen and (min-width: 64em) {
    .page-tabs__title > a {
        font-size: 1.875rem;
        padding: 1.25rem
    }
}

.page-tabs__content {
    border: 0
}

.page-tabs__panel.is-active {
    display: block
}

.student-portal .page-tabs .page-tabs__tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.student-portal .page-tabs .page-tabs__tabs:before, .student-portal .page-tabs .page-tabs__tabs:after {
    content: none
}

.student-portal .page-tabs .page-tabs__title {
    float: none;
    width: calc(100% / 2)
}

.student-portal .page-tabs .page-tabs__title > a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.student-portal .page-tabs .page-tabs__title > a .icon {
    margin-left: 1.875rem;
    width: 1.875rem;
    height: 1.875rem;
    font-weight: normal;
    display: none
}

@media screen and (min-width: 25em) {
    .student-portal .page-tabs .page-tabs__title {
        width: calc((100% / 2) - 7px)
    }
}

@media print, screen and (min-width: 48em) {
    .student-portal .page-tabs .page-tabs__title {
        width: calc((100% / 2) - 15px)
    }

    .student-portal .page-tabs .page-tabs__title > a {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .student-portal .page-tabs .page-tabs__title > a .icon {
        display: block
    }
}

.programs {
    font-size: 0;
    margin-bottom: 0
}

.programs :last-child {
    margin-bottom: 0
}

.programs .programs__list-item {
    font-size: 1.125rem;
    margin: 0 0 1.25rem 0;
    width: 100%
}

@media screen and (min-width: 48em) {
    .programs .programs__list-item {
        margin-left: 1.25rem;
        width: calc(100% - 1.25rem)
    }

    .md-no-js .programs .programs__list-item {
        display: inline-block;
        width: calc(50% - .9375rem)
    }

    .md-no-js .programs .programs__list-item:nth-of-type(odd) {
        margin-left: .625rem
    }
}

@media screen and (min-width: 64em) {
    .programs .programs__list-item {
        display: inline-block;
        position: relative;
        width: calc(50% - 1.25rem);
        vertical-align: top
    }
}

.programs .programs__list-item:last-child {
    margin-bottom: 0
}

.quick-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.quick-links__item {
    width: 100%;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 41.875em) {
    .quick-links__item {
        width: calc((100% / 2) - 10px);
        margin-right: 1.25rem
    }

    .quick-links__item:nth-child(2n+2) {
        margin-right: 0
    }
}

@media print, screen and (min-width: 48em) {
    .quick-links__item {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (min-width: 60em) {
    .quick-links__item {
        width: calc((100% / 2) - 11px);
        margin-right: 1.25rem
    }

    .quick-links__item:nth-child(2n+2) {
        margin-right: 0
    }
}

@media screen and (min-width: 80em) {
    .quick-links__item {
        width: calc((100% / 3) - (41px / 3))
    }

    .quick-links__item:nth-child(2n+2) {
        margin-right: 1.25rem
    }

    .quick-links__item:nth-child(3n+3) {
        margin-right: 0
    }
}

.quick-links__item--empty {
    width: 100%;
    margin: 0
}

.quick-links__item--empty .result-status {
    margin-left: 0
}

.quote-callout {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative
}

@media screen and (min-width: 31.25em) {
    .quote-callout {
        padding: 0 2.5rem
    }
}

@media screen and (min-width: 48em) {
    .quote-callout {
        padding: 0 1.25rem 0 7.5rem;
        min-height: 4.875rem
    }
}

@media screen and (min-width: 64em) {
    .quote-callout {
        padding: 0 2.5rem 0 8.75rem
    }
}

.quote-callout__quote {
    color: #b00;
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.75rem;
    margin-bottom: .25rem;
    padding-top: 6.125rem;
    display: block
}

@media screen and (min-width: 48em) {
    .quote-callout__quote {
        padding-top: 0
    }
}

.quote-callout__citation {
    color: #666;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .0625rem;
    line-height: 1.375rem;
    text-transform: uppercase
}

.quote-callout__citation:before {
    color: inherit;
    content: '\2013';
    display: inline-block;
    vertical-align: top
}

.quote-callout__citation-text {
    padding-left: .375rem;
    display: inline-block;
    width: calc(100% - 1rem)
}

.quote-callout__icon-container {
    background-color: #fff;
    background-image: url("/computing/software/assets/css/i/grey-triangle-60x60.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 4.875rem;
    position: absolute;
    top: 0;
    width: 4.875rem
}

@media screen and (min-width: 48em) {
    .quote-callout__icon-container {
        left: 1.25rem;
        top: .25rem
    }
}

@media screen and (min-width: 64em) {
    .quote-callout__icon-container {
        left: 2.5rem
    }
}

.quote-callout__icon-container .icon-left-quote, .quote-callout__icon-container svg {
    color: #b00;
    margin-top: -1.4375rem;
    height: 2.875rem;
    left: calc(50% - 1.4375rem);
    position: absolute;
    top: 50%;
    width: 2.875rem
}

.related-news-articles {
    margin-bottom: 5rem
}

.related-news-articles .news-articles {
    padding: 2.5rem 0
}

.related-news-articles .news-articles .news-articles__container .column:nth-child(3), .related-news-articles .news-articles .news-articles__container .columns:nth-child(3), .related-news-articles .news-articles .news-articles__container .columns:nth-child(3) {
    display: none
}

@media screen and (min-width: 64em) {
    .related-news-articles .news-articles .news-articles__container .column:nth-child(3), .related-news-articles .news-articles .news-articles__container .columns:nth-child(3), .related-news-articles .news-articles .news-articles__container .columns:nth-child(3) {
        display: block
    }
}

.related-news-articles .button, .related-news-articles .button.button--large {
    margin: 0 auto
}

.results {
    margin: 0
}

.results .results__list-item {
    border-top: .125rem solid #e0e0e0
}

.results .results__list-item:last-child {
    border-bottom: .125rem solid #e0e0e0
}

.share {
    background-color: #000;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 5rem;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.md-no-js .share {
    display: none
}

.share__label {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block
}

.share__label, .share .social-media-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.share .social-media-list {
    text-align: center;
    margin-left: 1.25rem
}

.share .social-media-list .social-media-list__list-item {
    margin-left: .75rem
}

.share .social-media-list .social-media-list__list-item:first-child {
    margin-left: 0
}

.share .social-media-list__icon:visited .icon, .share .social-media-list__icon:visited svg {
    color: #fff
}

.share .social-media-list__icon:hover .icon, .share .social-media-list__icon:hover svg, .share .social-media-list__icon:active .icon, .share .social-media-list__icon:active svg {
    color: #b00
}

.share .social-media-list__icon .icon, .share .social-media-list__icon svg {
    color: #fff
}

.search-results__list .search-results__item:not(:first-of-type) {
    margin-top: 1.5rem
}

.search-results__title {
    margin-bottom: .375rem
}

.search-results__title a {
    text-decoration: none
}

.search-results__pdf {
    color: #000;
    font-size: .875rem;
    line-height: .875rem;
    text-transform: uppercase;
    margin-right: .375rem;
    position: relative;
    top: -.125rem
}

.search-results__summary {
    margin-bottom: 0
}

.search-results__url, .search-results__cache {
    font-size: 1rem;
    display: inline-block
}

.search-results__url:not(a) {
    color: #666
}

.sidebar-callout {
    background-color: #fff;
    padding: 1.875rem
}

.sidebar-callout__heading {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-transform: capitalize;
    margin-bottom: 1.25rem;
    padding-bottom: 0;
}

.sidebar-callout__link-list .sidebar-callout__link-list-item {
    line-height: 1.25rem;
    margin-top: .625rem
}

.sidebar-callout__link-list .sidebar-callout__link-list-item:first-child {
    margin-top: 0
}

@media screen and (min-width: 48em) {
    .story-blocks__row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 48em) {
    .story-blocks__column {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 48em) {
    .story-blocks__row--row-1 .story-blocks__column--column-1 {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 80em) {
    .story-blocks__row--row-1 .story-blocks__column--column-1 {
        -webkit-flex-basis: calc(100% - 20.25rem);
        -ms-flex-preferred-size: calc(100% - 20.25rem);
        flex-basis: calc(100% - 20.25rem);
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.story-blocks__row--row-1 .story-blocks__column--column-2 {
    display: none
}

@media screen and (min-width: 80em) {
    .story-blocks__row--row-1 .story-blocks__column--column-2 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 1.25rem;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 19rem;
        -ms-flex-preferred-size: 19rem;
        flex-basis: 19rem
    }
}

.story-blocks__row--row-1 .article:not(.article__photo) {
    margin-top: 1.25rem
}

.story-blocks__row--row-1 .article:first-child {
    margin-top: 0
}

@media screen and (min-width: 48em) {
    .story-blocks__row--row-1 .article:nth-child(2), .story-blocks__row--row-1 .article:nth-child(3) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(50% - .625rem);
        -ms-flex-preferred-size: calc(50% - .625rem);
        flex-basis: calc(50% - .625rem)
    }

    .story-blocks__row--row-1 .article:nth-child(3) {
        margin-left: 1.25rem
    }
}

@media screen and (min-width: 64em) {
    .story-blocks__row--row-1 .article:first-child, .story-blocks__row--row-1 .article:nth-child(4) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(100% - 22.125rem);
        -ms-flex-preferred-size: calc(100% - 22.125rem);
        flex-basis: calc(100% - 22.125rem)
    }

    .story-blocks__row--row-1 .article:nth-child(2), .story-blocks__row--row-1 .article:nth-child(3) {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 20.875rem;
        -ms-flex-preferred-size: 20.875rem;
        flex-basis: 20.875rem
    }

    .story-blocks__row--row-1 .article:nth-child(2), .story-blocks__row--row-1 .article:nth-child(4) {
        margin-left: 1.25rem
    }

    .story-blocks__row--row-1 .article:nth-child(2) {
        margin-top: 0
    }

    .story-blocks__row--row-1 .article:nth-child(3) {
        margin-left: 0
    }
}

@media screen and (min-width: 80em) {
    .story-blocks__row--row-1 .article:first-child, .story-blocks__row--row-1 .article:nth-child(2) {
        margin-top: 0
    }

    .story-blocks__row--row-1 .article:first-child, .story-blocks__row--row-1 .article:nth-child(4) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(100% - 20.25rem);
        -ms-flex-preferred-size: calc(100% - 20.25rem);
        flex-basis: calc(100% - 20.25rem)
    }

    .story-blocks__row--row-1 .article:nth-child(2), .story-blocks__row--row-1 .article:nth-child(3) {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 19rem;
        -ms-flex-preferred-size: 19rem;
        flex-basis: 19rem
    }

    .story-blocks__row--row-1 .article:nth-child(2) {
        margin-left: 1.25rem
    }

    .story-blocks__row--row-1 .article:nth-child(4) {
        margin-left: 1.25rem
    }
}

.story-blocks__row--row-2 {
    margin-top: 1.25rem
}

@media screen and (min-width: 48em) {
    .story-blocks__row--row-2 .story-blocks__column--column-1 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.story-blocks__row--row-2 .article {
    height: 23rem
}

.story-blocks__row--row-2 .article:not(.article__photo) {
    margin-top: 1.25rem
}

.story-blocks__row--row-2 .article:first-child {
    margin-top: 0
}

.story-blocks__row--row-2 .article:nth-child(2) {
    display: none
}

@media screen and (min-width: 64em) {
    .story-blocks__row--row-2 .article:not(.article__photo) {
        margin-top: 0
    }

    .story-blocks__row--row-2 .article:first-child {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 20.875rem;
        -ms-flex-preferred-size: 20.875rem;
        flex-basis: 20.875rem
    }

    .story-blocks__row--row-2 .article:nth-child(3) {
        margin-left: 1.25rem;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(100% - 22.125rem);
        -ms-flex-preferred-size: calc(100% - 22.125rem);
        flex-basis: calc(100% - 22.125rem)
    }
}

@media screen and (min-width: 80em) {
    .story-blocks__row--row-2 .article:first-child, .story-blocks__row--row-2 .article:nth-child(2) {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 19rem;
        -ms-flex-preferred-size: 19rem;
        flex-basis: 19rem
    }

    .story-blocks__row--row-2 .article:nth-child(2), .story-blocks__row--row-2 .article:nth-child(3) {
        margin-left: 1.25rem
    }

    .story-blocks__row--row-2 .article:nth-child(2) {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .story-blocks__row--row-2 .article:nth-child(3) {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(100% - 40.5rem);
        -ms-flex-preferred-size: calc(100% - 40.5rem);
        flex-basis: calc(100% - 40.5rem)
    }
}

.story-filters {
    margin: 0
}

@media screen and (min-width: 48em) {
    .story-filters {
        text-align: center;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 48rem
    }
}

@media screen and (min-width: 64em) {
    .story-filters {
        max-width: 81rem
    }
}

@media screen and (min-width: 80em) {
    .story-filters {
        margin-bottom: 0
    }
}

.story-filters .story-filters__list-item {
    border-top: .0625rem solid #fff
}

.story-filters .story-filters__list-item:first-child {
    border-top: 0;
    margin-top: 0
}

.md-no-js .story-filters .story-filters__list-item {
    display: block
}

@media screen and (min-width: 48em) {
    .story-filters .story-filters__list-item {
        border-top: 0;
        margin: 0 1.125rem 2rem 0;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-basis: calc(14.375rem - 1.125rem);
        -ms-flex-preferred-size: calc(14.375rem - 1.125rem);
        flex-basis: calc(14.375rem - 1.125rem);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 14.375rem;
        position: relative
    }

    .story-filters .story-filters__list-item:before {
        background-color: #e0e0e0;
        content: '';
        bottom: 0;
        display: block;
        height: .125rem;
        left: -1.125rem;
        position: absolute;
        width: 1.125rem
    }

    .story-filters .story-filters__list-item:first-child:before, .story-filters .story-filters__list-item:nth-child(4):before {
        display: none
    }

    .story-filters .story-filters__list-item:first-child {
        margin-left: 1.125rem
    }

    .story-filters .story-filters__list-item:last-child {
        margin-right: 0
    }

    .md-no-js .story-filters .story-filters__list-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 64em) {
    .story-filters .story-filters__list-item {
        margin: 0 2rem 0 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: calc(20% - 2rem);
        -ms-flex-preferred-size: calc(20% - 2rem);
        flex-basis: calc(20% - 2rem);
        width: auto
    }

    .story-filters .story-filters__list-item:before {
        display: none
    }

    .story-filters .story-filters__list-item:first-child {
        margin-left: 0
    }
}

.story-filters__button {
    background-color: #e0e0e0;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    line-height: 2.5rem;
    text-transform: uppercase;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    padding: 0 .9375rem;
    display: block;
    height: 2.5rem;
    width: 100%
}

.story-filters__button:after {
    display: none
}

.story-filters__button:hover, .story-filters__button:focus, .story-filters__button:active {
    background-color: #b00;
    border: .125rem solid #000;
    color: #fff;
    line-height: 2.25rem
}

.story-filters__button:hover .icon, .story-filters__button:hover svg, .story-filters__button:focus .icon, .story-filters__button:focus svg, .story-filters__button:active .icon, .story-filters__button:active svg {
    color: #fff
}

.story-filters__button.story-filters__button--is-active {
    background-color: #b00;
    color: #fff
}

.story-filters__button.story-filters__button--is-active .icon, .story-filters__button.story-filters__button--is-active svg {
    color: #fff
}

@media screen and (min-width: 48em) {
    .story-filters__button {
        padding: 0
    }
}

.story-filters__button .icon, .story-filters__button svg {
    color: #000;
    margin-right: .375rem;
    display: inline-block;
    height: .875rem;
    vertical-align: middle;
    width: .8125rem
}

.submenu {
    background-color: #fff;
    padding: 1.875rem
}

.submenu__heading {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: capitalize;
    margin-bottom: 1.5rem
}

.submenu__heading a {
    color: #b00;
    text-decoration: none;
    -webkit-text-decoration-color: #b00;
    -moz-text-decoration-color: #b00;
    text-decoration-color: #b00
}

.submenu__heading a:visited {
    color: maroon;
    -webkit-text-decoration-color: maroon;
    -moz-text-decoration-color: maroon;
    text-decoration-color: maroon
}

.submenu__heading a:hover, .submenu__heading a:focus, .submenu__heading a:active {
    color: red;
    -webkit-text-decoration-color: red;
    -moz-text-decoration-color: red;
    text-decoration-color: red
}

.submenu__list .submenu__list-item {
    line-height: 1;
    margin-bottom: .75rem
}

.submenu__list .submenu__list-item:last-child {
    margin-bottom: 0
}

.submenu__link {
    line-height: 1 !important;
    display: inline !important
}

.submenu__link.submenu__link--is-active {
    border-bottom: .0625rem solid #000;
    pointer-events: none;
    position: relative
}

.submenu__link.submenu__link--is-active:after {
    display: none
}

.tout__heading {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize
}

.tout .row {
    margin-right: -.625rem;
    margin-bottom: 2.5rem;
    margin-left: -.625rem
}

.tout .row:last-child {
    margin-bottom: 0
}

.tout .row .column, .tout .row .columns, .tout .row .columns {
    margin-bottom: 2.5rem;
    padding-right: .625rem;
    padding-left: .625rem
}

.tout .row .column:last-child, .tout .row .columns:last-child, .tout .row .columns:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 64em) {
    .tout .row .column, .tout .row .columns, .tout .row .columns {
        margin-bottom: 0
    }
}

.track {
    overflow: hidden;
    margin-bottom: 1.25rem;
    height: 18.75rem;
    position: relative
}

@media screen and (min-width: 48em) {
    .track {
        height: 14.0625rem
    }
}

@media screen and (min-width: 64em) {
    .track {
        height: 9.375rem
    }
}

.track.track--is-active .track__background-image, .track:hover .track__background-image, .track:focus .track__background-image, .track:active .track__background-image {
    -webkit-filter: blur(.25rem) grayscale(100%);
    filter: blur(.25rem) grayscale(100%)
}

.track.track--is-active .track__top-caption, .track:hover .track__top-caption, .track:focus .track__top-caption, .track:active .track__top-caption {
    opacity: 0;
    visibility: hidden
}

.track.track--is-active .track__bottom-caption, .track:hover .track__bottom-caption, .track:focus .track__bottom-caption, .track:active .track__bottom-caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.track.track--is-active .button:after, .track:hover .button:after, .track:focus .button:after, .track:active .button:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: .0625rem
}

.track:last-child {
    margin-bottom: 0
}

.track.track--red .track__caption:before {
    background-color: rgba(187, 0, 0, 0.85)
}

.track.track--red .track__caption:after {
    background-image: url("/computing/software/assets/css/i/black-triangle-60x60.png")
}

.track.track--grey .track__caption:before {
    background-color: rgba(102, 102, 102, 0.85)
}

.track.track--grey .track__caption:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png")
}

.track__image-caption, .track__background-image {
    height: 100%;
    width: 100%
}

.track__background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.track__caption {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

.track__caption:before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.track__caption:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png");
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';
    bottom: 0;
    display: block;
    height: 3.75rem;
    position: absolute;
    right: 0;
    width: 3.75rem;
    z-index: 100
}

.track__top-caption, .track__bottom-caption {
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    padding: 1.25rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.track__top-caption {
    transition-property: opacity, visibility;
    z-index: 100
}

.track__bottom-caption {
    opacity: 0;
    -webkit-transform: translateY(4.6875rem);
    -ms-transform: translateY(4.6875rem);
    transform: translateY(4.6875rem);
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    z-index: 200
}

.track__heading, .track__description {
    color: #fff
}

.track__heading {
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 1rem
}

.track__description {
    margin-bottom: 0
}

.track .button {
    color: #fff;
    font-size: .8125rem;
    letter-spacing: .0625rem;
    line-height: 1.5;
    bottom: .75rem;
    position: absolute;
    right: .75rem;
    z-index: 200
}

.track .button:visited {
    color: #fff
}

.track .button:hover, .track .button:focus, .track .button:active {
    color: #fff
}

.track .button:after {
    background-color: #fff
}

.track .button .icon, .track .button svg {
    color: #fff
}

.user-markup.user-markup--is-styled {
    background-color: #fff;
    padding: 1.875rem
}

.user-markup.user-markup--alert-styles .hr, .user-markup.user-markup--alert-styles .hr--small {
    background-color: #fff;
    margin: 1rem 0
}

.user-markup.user-markup--alert-styles .button, .user-markup.user-markup--alert-styles .button.button--large {
    margin-top: 2.5rem
}

.user-markup.user-markup--alert-styles h1, .user-markup.user-markup--alert-styles h2, .user-markup.user-markup--alert-styles h3, .user-markup.user-markup--alert-styles h4, .user-markup.user-markup--alert-styles h5, .user-markup.user-markup--alert-styles h6 {
    color: #000
}

.user-markup.user-markup--alert-styles h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0
}

.user-markup.user-markup--alert-styles a {
    color: #000;
    -webkit-text-decoration-color: #000;
    -moz-text-decoration-color: #000;
    text-decoration-color: #000
}

.user-markup.user-markup--alert-styles a[href^='tel:'] {
    color: #000;
    text-decoration: underline
}

.user-markup.user-markup--alert-styles a:visited {
    color: #000;
    -webkit-text-decoration-color: #000;
    -moz-text-decoration-color: #000;
    text-decoration-color: #000
}

.user-markup.user-markup--alert-styles a:hover, .user-markup.user-markup--alert-styles a:focus, .user-markup.user-markup--alert-styles a:active {
    -webkit-text-decoration-color: #000;
    -moz-text-decoration-color: #000;
    text-decoration-color: #000
}

.user-markup.text-center .hr, .user-markup.text-center hr {
    margin-left: auto;
    margin-right: auto
}

.user-markup + .accordion, .user-markup + .track {
    margin-top: 1.875rem
}

.user-markup + .media-list {
    margin-top: 1.875rem
}

.user-markup + .tout {
    margin-top: 1.5rem
}

.user-markup :last-child {
    margin-bottom: 0
}

.user-markup .row {
    margin-right: -1.25rem;
    margin-left: -1.25rem
}

.user-markup .row .column, .user-markup .row .columns, .user-markup .row .columns {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.alert-icon {
    margin-bottom: 1.875rem;
    height: 7.5rem;
    position: relative;
    width: 7.5rem;
    z-index: 1
}

.alert-icon__border {
    height: 7.5rem;
    position: relative;
    width: 7.5rem;
    z-index: 50
}

.alert-icon .icon {
    height: 3.125rem;
    left: calc(50% - 1.8125rem);
    position: absolute;
    top: calc(50% - 2rem);
    width: 3.625rem;
    z-index: 100
}

.alphabet-filter {
    padding: 1.25rem 0;
    position: relative
}

.alphabet-filter__label, .alphabet-filter__link {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.alphabet-filter__label {
    margin-bottom: .5rem;
    display: inline-block
}

@media screen and (min-width: 31.25em) {
    .alphabet-filter__label {
        margin-bottom: 0;
        left: 0;
        position: absolute;
        top: 1.375rem
    }
}

.alphabet-filter__list {
    margin: 0 0 0 -.5625rem
}

@media screen and (min-width: 31.25em) {
    .alphabet-filter__list {
        margin: 0;
        padding: 0 0 0 5rem
    }
}

.alphabet-filter__list .alphabet-filter__list-item {
    margin-right: .0625rem;
    float: left;
    position: relative
}

.alphabet-filter__list .alphabet-filter__list-item:last-child {
    margin-right: 0
}

.alphabet-filter__link {
    color: #000;
    line-height: 1.75rem;
    text-align: center;
    padding: 0 .5625rem;
    display: block;
    height: 1.75rem;
    min-width: 1.75rem
}

.alphabet-filter__link:visited {
    color: #000
}

.alphabet-filter__link:hover, .alphabet-filter__link:focus, .alphabet-filter__link:active {
    color: #b00;
    text-decoration: underline
}

.alphabet-filter__link.alphabet-filter__link--is-active {
    color: #b00;
    text-decoration: underline
}

.alphabet-filter__link.alphabet-filter__link--is-disabled {
    color: #757575;
    pointer-events: none
}

.announcement-card {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background-image: linear-gradient(to bottom, #333333 0%, #131313 90%);
    width: 100%;
    height: 19.0625rem;
    padding-bottom: 2.5rem
}

.announcement-card:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png");
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';
    bottom: 0;
    display: block;
    height: 3.75rem;
    position: absolute;
    right: 0;
    width: 3.75rem;
    z-index: 15
}

.announcement-card__inner {
    position: relative;
    height: 100%
}

.announcement-card__inner:after {
    content: '';
    height: .9375rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #131313 0%, rgba(19, 19, 19, 0) 100%)
}

.announcement-card:hover, .announcement-card:focus, .announcement-card:active {
    color: #fff
}

.md-no-touchevents .announcement-card:hover .announcement-card__text-link:after, .md-no-touchevents .announcement-card:focus .announcement-card__text-link:after, .md-no-touchevents .announcement-card:active .announcement-card__text-link:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: .0625rem
}

.md-no-touchevents .announcement-card:hover .announcement-card__title, .md-no-touchevents .announcement-card:focus .announcement-card__title {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.md-no-touchevents .announcement-card:hover .announcement-card__title:after, .md-no-touchevents .announcement-card:focus .announcement-card__title:after {
    opacity: 0
}

.announcement-card__title {
    position: relative;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: none;
    margin: 0;
    padding: 1.875rem;
    background-image: linear-gradient(to bottom, #484848 0%, #3d3d3d 100%);
    transition: height 0.2s, padding 0.2s;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1.3
}

.announcement-card__title:after {
    content: '';
    width: 6.25rem;
    height: .25rem;
    background: #b00;
    position: absolute;
    bottom: -.125rem;
    left: 1.875rem;
    opacity: 1;
    transition: opacity 0.1s
}

@media print, screen and (min-width: 64em) {
    .announcement-card__title {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 80em) {
    .announcement-card__title {
        font-size: 1.5rem
    }
}

.announcement-card__description {
    padding: 1.875rem 1.875rem 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    font-size: 1rem
}

.announcement-card__description > p {
    margin: 0
}

.announcement-card__text-link {
    color: #fff;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .0625rem;
    line-height: 1.5;
    text-transform: uppercase;
    bottom: .75rem;
    display: inline;
    position: absolute;
    right: .75rem;
    z-index: 200
}

.announcement-card__text-link:visited {
    color: #fff
}

.announcement-card__text-link:hover, .announcement-card__text-link:focus, .announcement-card__text-link:active {
    color: #fff
}

.announcement-card__text-link:after {
    background-color: #fff;
    width: calc(100% - .6875rem)
}

.announcement-card__text-link .icon, .announcement-card__text-link svg {
    color: #fff;
    margin-left: .25rem;
    height: .625rem;
    width: .4375rem
}

.article {
    height: 23rem;
    position: relative;
    width: 100%
}

.article.article--is-active .article__background-image, .article:hover .article__background-image, .article:focus .article__background-image, .article:active .article__background-image {
    -webkit-filter: blur(.25rem) grayscale(100%);
    filter: blur(.25rem) grayscale(100%)
}

.article.article--is-active .button:after, .article:hover .button:after, .article:focus .button:after, .article:active .button:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: .0625rem
}

.home-page .article {
    opacity: 0;
    -webkit-transform: translateY(6.25rem);
    -ms-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: 0.6s
}

.md-no-js .home-page .article {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.article__image-caption {
    overflow: hidden;
    height: inherit;
    position: relative;
    width: inherit
}

.article__background-image {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.article__caption {
    padding: 1.25rem;
    bottom: 0;
    left: 0;
    min-height: 7.8125rem;
    position: absolute;
    width: 100%;
    z-index: 50
}

.article__caption:before {
    background-color: rgba(0, 0, 0, 0.65);
    content: '';
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.article__caption:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png");
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';
    bottom: 0;
    display: block;
    height: 3.75rem;
    position: absolute;
    right: 0;
    width: 3.75rem
}

.news-articles .article__caption {
    min-height: 9.375rem
}

.article__heading {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: capitalize
}

.news-articles .article__heading {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.article__category {
    background-color: #000;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .0625rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    padding: .0625rem .5rem;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100
}

.article__stat-container {
    display: block;
    height: 7.125rem;
    left: calc(50% - 3.5625rem);
    position: absolute;
    top: calc((50% - 3.5625rem) - 3.5625rem);
    width: 7.125rem;
    z-index: 200
}

.article__stat-container .article__stat-svg {
    color: #b00;
    fill: rgba(255, 255, 255, 0.8);
    overflow: visible;
    height: 7.125rem;
    stroke: #b00;
    stroke-width: 10px;
    width: 7.125rem
}

.article__stat {
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    width: calc(100% - 1.25rem)
}

.article__stat-sign, .article__stat-number {
    color: #000;
    font-weight: 700;
    line-height: 1;
    display: inline-block
}

.article__stat-sign {
    font-size: 1.25rem;
    margin-top: .25rem;
    vertical-align: top
}

.article__stat-number {
    font-size: 2.25rem
}

.article .button {
    color: #fff;
    font-size: .8125rem;
    line-height: 1.5;
    bottom: .5rem;
    position: absolute;
    right: .75rem;
    z-index: 100
}

.article .button:after {
    background-color: #fff
}

.article .button:visited {
    color: #fff
}

.article .button:hover, .article .button:focus, .article .button:active {
    color: #fff
}

.article .button .article--grey {
    color: #000
}

.article .button .icon, .article .button svg {
    color: #fff
}

.article--is-visible {
    -webkit-animation-name: moveUp;
    animation-name: moveUp;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.article--small {
    height: 17.5rem
}

@media screen and (min-width: 31.25em) {
    .article--small {
        height: 18.75rem
    }
}

@media screen and (min-width: 80em) {
    .article--small {
        height: 15.25rem
    }
}

.article--small .article__heading {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1rem
}

.article--small .article__caption {
    padding: 1rem 1.25rem 1.25rem
}

.article--small .button {
    bottom: .75rem
}

.article--small .button svg {
    margin-left: .5rem
}

@media screen and (min-width: 48em) {
    .article--large .article__heading, .article--overlay .article__heading {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.article--large .article__caption {
    min-height: 9.375rem
}

.article--overlay .article__caption {
    bottom: auto;
    height: 100%;
    min-height: 0;
    top: 0
}

.article--overlay .article__heading {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article--red .article__caption:before {
    background-color: rgba(187, 0, 0, 0.85)
}

.article--red .article__caption:after {
    background-image: url("/computing/software/assets/css/i/black-triangle-60x60.png")
}

.article--grey {
    background-color: #fff
}

.article--grey .article__background-image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.25
}

.article--grey .article__caption:before {
    background-color: rgba(102, 102, 102, 0.1)
}

.article--grey .article__caption:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png")
}

.article--grey .article__heading {
    color: #000
}

.article--grey .button {
    color: #000
}

.article--grey .button:visited, .article--grey .button:hover, .article--grey .button:focus, .article--grey .button:active {
    color: #000
}

.article--grey .button:after {
    background-color: #000
}

.article--grey .button .icon, .article--grey .button svg {
    color: #000
}

.button {
    color: #000;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .0625rem;
    text-decoration: none;
    text-transform: uppercase;
    display: inline
}

.button:after {
    width: calc(100% - .6875rem)
}

.button:visited {
    color: #000
}

.button:hover, .button:focus, .button:active {
    color: #b00
}

.user-markup .button {
    color: #000;
    text-decoration: none
}

.user-markup .button:visited {
    color: #000
}

.user-markup .button:hover, .user-markup .button:focus, .user-markup .button:active {
    color: #b00
}

.button .icon, .button svg {
    margin-left: .25rem;
    color: #b00;
    height: .625rem;
    width: .4375rem
}

.button.button--large {
    border: .625rem solid #e0e0e0;
    line-height: 1rem;
    text-align: center;
    transition-property: border, color;
    transition-duration: 0.3s;
    padding: 0 1.25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 4.375rem;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 25.9375rem;
    width: 100%
}

.button.button--large:after {
    display: none
}

.button.button--large:hover, .button.button--large:focus, .button.button--large:active {
    border-color: #b00
}

.button .button__text-wrap {
    display: inline-block;
    width: 100%
}

.button.button--white {
    border-color: #fff
}

.button.button--red {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: .25rem;
    line-height: 3.125rem;
    text-align: center;
    text-indent: .25rem;
    transition: all 0.3s;
    overflow: hidden;
    padding-bottom: 0;
    display: inline-block;
    height: 3.125rem;
    width: 8.125rem
}

.button.button--red:before, .button.button--red:after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.button.button--red:before {
    background-color: #b00;
    width: 100%;
    z-index: -10
}

.global-footer .button.button--red:before {
    opacity: 0
}

.md-no-js .button.button--red:before {
    opacity: 1
}

.button.button--red:after {
    background-color: #fff;
    content: '';
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition: all 0.3s;
    width: 0;
    z-index: -1
}

.button.button--red:visited {
    color: #fff
}

.button.button--red:hover, .button.button--red:active {
    color: #b00
}

.button.button--red:hover:after, .button.button--red:active:after {
    width: 100%
}

@media screen and (min-width: 48em) {
    .button.button--red {
        font-size: 2.5rem;
        letter-spacing: .5rem;
        text-indent: .5rem;
        width: 11.25rem
    }
}

.button.button--is-visible:before {
    -webkit-animation: highlight 1s 1 cubic-bezier(1, 0, 0, 0.99) forwards;
    animation: highlight 1s 1 cubic-bezier(1, 0, 0, 0.99) forwards;
    opacity: 0
}

.button.button--flip-icon .icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.button .button__text {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0
}

.button .button__text.button__text--is-visible {
    -webkit-animation: fadeIn 1s linear forwards;
    animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.md-no-js .button .button__text {
    opacity: 1
}

.checkbox-list .checkbox-list__list-item {
    line-height: 1;
    margin-bottom: .625rem
}

.checkbox-list .checkbox-list__list-item:last-child {
    margin-bottom: 0
}

.event {
    background-color: transparent;
    border: .625rem solid #e0e0e0;
    text-align: center;
    width: 100%
}

.event__date, .event__date-spacer {
    color: #666;
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 4.5rem;
    display: inline-block
}

.event__date-spacer {
    margin: 0 .25rem
}

.event__content-container {
    border-top: .125rem solid #e0e0e0;
    padding: 1.5625rem .9375rem
}

.event__heading {
    color: #b00;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: capitalize;
    margin-bottom: .625rem
}

.event__description {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .25rem
}

.event--small .event__date, .event--small .event__date-spacer {
    font-size: 2rem;
    line-height: 5rem
}

.event--small .event__heading {
    font-size: 1.25rem;
    line-height: 1.875rem
}

.event--small .event__content-container {
    padding: 1rem .5rem
}

.event--is-hidden {
    opacity: 0;
    -webkit-transform: translateY(6.25rem);
    -ms-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: 0.6s
}

.md-no-js .event--is-hidden {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.event--is-visible {
    -webkit-animation-name: moveUp;
    animation-name: moveUp;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.filter-button__input[type="radio"], .filter-button__input[type="checkbox"] {
    opacity: 0;
    position: absolute
}

.filter-button__input[type="radio"] + .filter-button__label, .filter-button__input[type="checkbox"] + .filter-button__label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1.375rem 0;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.filter-button__input[type="radio"]:focus + .filter-button__label, .filter-button__input[type="radio"]:checked + .filter-button__label, .filter-button__input[type="checkbox"]:focus + .filter-button__label, .filter-button__input[type="checkbox"]:checked + .filter-button__label {
    border-bottom-color: currentColor
}

.filter-button__input[type="radio"]:focus + .filter-button__label .icon, .filter-button__input[type="radio"]:checked + .filter-button__label .icon, .filter-button__input[type="checkbox"]:focus + .filter-button__label .icon, .filter-button__input[type="checkbox"]:checked + .filter-button__label .icon {
    opacity: 1
}

.filter-button__input[type="radio"]:focus + .filter-button__label, .filter-button__input[type="checkbox"]:focus + .filter-button__label {
    color: #333;
    background-position: 0 100%
}

.filter-button__input[type="radio"]:checked + .filter-button__label, .filter-button__input[type="checkbox"]:checked + .filter-button__label {
    color: #b00
}

.filter-button__input[type="radio"]:checked + .filter-button__label .icon, .filter-button__input[type="checkbox"]:checked + .filter-button__label .icon {
    color: #b00
}

.filter-button__label {
    font-size: .9375rem;
    color: #666;
    border-bottom: 1px solid #e0e0e0;
    background-image: linear-gradient(to top, currentColor 0%, currentColor 3px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 100%);
    background-position: 0 calc(100% + 3px);
    transition: background-position 0.3s, color 0.3s
}

.filter-button__label:hover {
    color: #333;
    background-position: 0 100%;
    border-bottom-color: currentColor
}

.filter-button__label:hover .icon {
    opacity: 1
}

.filter-button .icon {
    width: .75rem;
    height: .75rem;
    color: #e0e0e0;
    opacity: 0;
    transition: opacity 0.3s
}

.global-search-desktop__text-input[type='search'] {
    background-color: transparent;
    border: .0625rem solid transparent;
    box-shadow: none;
    font-size: 1.125rem;
    text-align: right;
    margin-bottom: 0;
    padding: .625rem 1rem .625rem 0;
    height: 3.25rem
}

.global-search-desktop__text-input[type='search']:focus, .global-search-desktop__text-input[type='search']:active {
    background-color: transparent;
    border: .0625rem solid transparent;
    box-shadow: 0 0 .3125rem none
}

.global-search-desktop__button {
    cursor: pointer;
    margin-top: -.625rem;
    display: block;
    height: auto;
    position: absolute;
    top: 50%;
    right: 0;
    width: .625rem
}

.global-search-desktop__button:hover .icon, .global-search-desktop__button:hover svg, .global-search-desktop__button:focus .icon, .global-search-desktop__button:focus svg, .global-search-desktop__button:active .icon, .global-search-desktop__button:active svg {
    color: #000
}

.global-search-desktop__button .icon, .global-search-desktop__button svg {
    color: #b00;
    transition: color 0.3s ease-in-out;
    height: .625rem;
    width: .4375rem
}

.global-search-desktop ::-webkit-input-placeholder {
    color: #000;
    font-size: 1.125rem;
    text-align: right
}

.global-search-desktop :-moz-placeholder {
    color: #000;
    font-size: 1.125rem;
    text-align: right
}

.global-search-desktop ::-moz-placeholder {
    color: #000;
    font-size: 1.125rem;
    text-align: right
}

.global-search-desktop :-ms-input-placeholder {
    color: #000;
    font-size: 1.125rem;
    text-align: right
}

.global-search-desktop fieldset {
    position: relative
}

.global-search-mobile {
    padding: 0 1.25rem
}

@media screen and (min-width: 64em) {
    .global-search-mobile {
        display: none
    }
}

.global-search-mobile__text-input[type='search'] {
    border: .0625rem solid transparent;
    border-bottom: .0625rem solid #000;
    box-shadow: none;
    font-size: 1.125rem;
    margin-bottom: 0;
    padding: .5rem 1rem .5rem 0;
    height: 2.5rem
}

.global-search-mobile__text-input[type='search']:focus, .global-search-mobile__text-input[type='search']:active {
    border: .0625rem solid transparent;
    border-bottom: .0625rem solid #000;
    box-shadow: none
}

.global-search-mobile__button {
    cursor: pointer;
    margin-top: -.625rem;
    display: block;
    height: auto;
    position: absolute;
    top: 50%;
    right: 0;
    width: .625rem
}

.global-search-mobile__button:hover .icon, .global-search-mobile__button:hover svg, .global-search-mobile__button:focus .icon, .global-search-mobile__button:focus svg, .global-search-mobile__button:active .icon, .global-search-mobile__button:active svg {
    color: #000
}

.global-search-mobile__button .icon, .global-search-mobile__button svg {
    color: #b00;
    transition: color 0.3s ease-in-out;
    height: .625rem;
    width: .4375rem
}

.global-search-mobile ::-webkit-input-placeholder {
    color: #000;
    font-size: 1.125rem
}

.global-search-mobile :-moz-placeholder {
    color: #000;
    font-size: 1.125rem
}

.global-search-mobile ::-moz-placeholder {
    color: #000;
    font-size: 1.125rem
}

.global-search-mobile :-ms-input-placeholder {
    color: #000;
    font-size: 1.125rem
}

.global-search-mobile fieldset {
    position: relative
}

.global-search-trigger {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: transparent;
    cursor: pointer;
    padding-bottom: 0;
    display: block;
    height: 1.3125rem;
    position: relative;
    width: 1.3125rem;
    z-index: 1
}

.global-search-trigger:before {
    background-color: #000;
    content: '';
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    margin-top: calc(-1.3125rem / 2);
    display: block;
    height: 2.75rem;
    left: -50%;
    position: relative;
    top: -50%;
    width: 2.625rem
}

.global-search-trigger:after {
    display: none
}

.global-search-trigger:hover .icon, .global-search-trigger:hover svg, .global-search-trigger:active .icon, .global-search-trigger:active svg {
    color: #b00
}

.global-search-trigger.global-search-trigger--is-active:before, .md-no-js .global-search-trigger:before {
    opacity: 1;
    visibility: visible
}

.global-search-trigger.global-search-trigger--is-active .icon-search, .md-no-js .global-search-trigger .icon-search {
    opacity: 0;
    visibility: hidden
}

.global-search-trigger.global-search-trigger--is-active .icon-x, .md-no-js .global-search-trigger .icon-x {
    opacity: 1;
    visibility: visible
}

.global-search-trigger .icon, .global-search-trigger svg {
    color: #fff;
    pointer-events: none;
    transition-property: color, opacity, visibility;
    transition-duration: 0.3s;
    left: 0;
    position: absolute;
    height: 1.3125rem;
    top: .125rem;
    width: 1.3125rem
}

.global-search-trigger .icon-x {
    opacity: 0;
    visibility: hidden
}

.hamburger-menu {
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 1.625rem;
    width: 2rem
}

.hamburger-menu svg {
    color: #fff;
    height: 1.625rem;
    width: 2rem
}

.intro {
    color: #000;
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.75rem
}

.link-card {
    background: #333;
    position: relative
}

.link-card__link {
    display: block;
    position: relative;
    min-height: 6.25rem
}

.link-card__main, .link-card__details {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.link-card__main {
    background-image: linear-gradient(to bottom, #333333 0%, #131313 100%);
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .625rem 1.5625rem .625rem .625rem
}

.link-card__icon {
    width: 5rem;
    height: 5rem;
    margin-right: 1rem;
    border: 7px solid #b00;
    border-radius: 50%;
    padding: .25rem;
    transition: border-width 0.2s;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.link-card__icon img {
    width: 3.125rem;
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.link-card__link:hover .link-card__icon, .link-card__link:focus .link-card__icon {
    border-width: 4px
}

.link-card__link:hover .link-card__icon img, .link-card__link:focus .link-card__icon img {
    width: 3.625rem
}

.link-card__heading {
    width: calc(100% - 5rem);
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: none;
    line-height: 1.2;
    color: #fff;
    margin: 0
}

.link-card__details {
    background-color: #b00;
    color: #fff;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.2s;
    padding: 1.25rem;
    font-size: 1rem
}

.link-card__details p {
    margin: 0;
    line-height: 1.25;
    max-height: 100%;
    overflow: hidden
}

.link-card--active .link-card__details {
    opacity: 1;
    z-index: 2
}

.link-card__info {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 3.125rem;
    height: 3.125rem;
    overflow: hidden
}

.link-card__info:before, .link-card__info:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.link-card__info:before {
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 49.9%, rgba(255, 255, 255, 0.2) 50%);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translate(.3125rem, .3125rem);
    -ms-transform: translate(.3125rem, .3125rem);
    transform: translate(.3125rem, .3125rem)
}

.link-card__info:after {
    background-image: url("/computing/software/assets/css/i/info.png");
    background-size: .3125rem .75rem;
    background-position: right .375rem bottom .375rem;
    background-repeat: no-repeat;
    opacity: 0.6;
    transition: opacity 0.2s
}

.link-card__info:hover:after, .link-card__info:focus:after {
    opacity: 1
}

.link-card__info:hover {
    outline-width: 0
}

.link-card__link:hover + .link-card__info:before, .link-card__link:focus + .link-card__info:before {
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 49.9%, #bb0000 50%);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.link-card__link:hover + .link-card__info:after, .link-card__link:focus + .link-card__info:after {
    background-image: url("/computing/software/assets/css/i/arrow.png");
    background-size: .46875rem .875rem;
    opacity: 1
}

.link-card--active .link-card__info:before {
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 49.9%, #333333 50%) !important;
    -webkit-transform: translate(.3125rem, .3125rem) !important;
    -ms-transform: translate(.3125rem, .3125rem) !important;
    transform: translate(.3125rem, .3125rem) !important
}

.link-card--active .link-card__info:after {
    background-image: url("/computing/software/assets/css/i/close.png") !important;
    background-size: .625rem .625rem !important;
    opacity: 1
}

.listing {
    padding: 1.875rem 0
}

.listing__image {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 31.25em) {
    .listing__image {
        margin: 0 1.25rem 0 0;
        float: left;
        height: 11.5rem;    /* 13.5rem orig */
        position: relative;
        width: 150px    /* 13.5rem orig */
    }

    .listing__image + .user-markup {
        overflow: hidden;
        float: none;
        width: auto
    }
}

.listing__heading {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 1rem
}

.listing .user-markup p {
    margin-bottom: .625rem
}

.listing .user-markup :last-child {
    margin-bottom: 0
}

.logo {
    height: 2.75rem;
    width: 9.375rem
}

@media screen and (min-width: 48em) {
    .logo {
        height: 4rem;
        width: 13.4375rem
    }
}

.logo a {
    display: inline-block
}

.logo a:hover:after, .logo a:focus:after, .logo a:active:after {
    display: none
}

.logo a svg {
    color: #fff;
    height: 2.75rem;
    width: 9.375rem
}

@media screen and (min-width: 48em) {
    .logo a svg {
        height: 3.9375rem;
        width: 13.4375rem
    }
}

.media-list .row {
    margin-bottom: 2.5rem;
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media screen and (min-width: 64em) {
    .media-list .row {
        margin-bottom: 1.25rem
    }
}

.media-list .row .column, .media-list .row .columns, .media-list .row .columns {
    margin-bottom: 1.25rem;
    padding-right: .625rem;
    padding-left: .625rem
}

.media-list .row .column:last-child, .media-list .row .columns:last-child, .media-list .row .columns:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 80em) {
    .media-list .row .column, .media-list .row .columns, .media-list .row .columns {
        margin-bottom: 0;
        height: 20.625rem
    }
}

@media screen and (min-width: 80em) {
    .media-list .user-markup {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.media-list .user-markup p {
    margin-bottom: .625rem
}

.media-list .user-markup :last-child {
    margin-bottom: 0
}

.media-list :last-child {
    margin-bottom: 0
}

.news-card {
    background-color: #000
}

.news-card__link {
    display: block;
    height: 17.5rem
}

@media screen and (min-width: 31.25em) {
    .news-card__link {
        height: 18.75rem
    }
}

@media screen and (min-width: 80em) {
    .news-card__link {
        height: 15.25rem
    }
}

.news-card__link:hover, .news-card__link:focus, .news-card__link:active {
    text-decoration: none
}

.news-card__link:hover .news-card__background-image, .news-card__link:focus .news-card__background-image, .news-card__link:active .news-card__background-image {
    -webkit-filter: blur(.25rem) grayscale(100%);
    filter: blur(.25rem) grayscale(100%)
}

.news-card__link:hover .news-card__description, .news-card__link:focus .news-card__description, .news-card__link:active .news-card__description {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.news-card__link:hover .news-card__text-link:after, .news-card__link:focus .news-card__text-link:after, .news-card__link:active .news-card__text-link:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: .0625rem
}

.news-card__image-caption, .news-card__background-image, .news-card__caption {
    height: 100%;
    width: 100%
}

.news-card__image-caption {
    overflow: hidden;
    position: relative
}

.news-card__background-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition-property: -webkit-filter, filter;
    transition-property: filter;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.news-card__background-image:after {
    background-color: rgba(0, 0, 0, 0.7);
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5
}

.news-card__caption {
    padding: 1rem 1.25rem;
    height: 50%;
    left: 0;
    position: absolute;
    bottom: 0;
    z-index: 10
}

.news-card__caption:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png");
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';
    bottom: 0;
    display: block;
    height: 3.75rem;
    position: absolute;
    right: 0;
    width: 3.75rem;
    z-index: 15
}

.news-card__heading, .news-card__description {
    color: #fff
}

.news-card__heading {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: capitalize;
    margin-bottom: 1rem
}

.news-card__description {
    font-size: 1.125rem;
    line-height: 1.5rem;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: opacity, -webkit-transform, visibility;
    transition-property: opacity, transform, visibility;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    visibility: hidden
}

.news-card__text-link {
    color: #fff;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .0625rem;
    line-height: 1.5;
    text-transform: uppercase;
    bottom: .75rem;
    display: inline;
    position: absolute;
    right: .75rem;
    z-index: 200
}

.news-card__text-link:visited {
    color: #fff
}

.news-card__text-link:hover, .news-card__text-link:focus, .news-card__text-link:active {
    color: #fff
}

.news-card__text-link:after {
    background-color: #fff;
    width: calc(100% - .6875rem)
}

.news-card__text-link .icon, .news-card__text-link svg {
    color: #fff;
    margin-left: .25rem;
    height: .625rem;
    width: .4375rem
}

.page-search {
    background-color: #fff;
    min-height: 3.75rem;
    border-bottom: 10px solid #d8d8d8;
    margin-bottom: 1.25rem;
    padding: .625rem .9375rem .625rem 5.8125rem;
    position: relative;
    transition: border-color 0.2s
}

@inclue breakpoint(medium) {
    .page-search {
        min-height: 5rem
    }
} .page-search:hover {
      border-color: #444
  }

.page-search--active, .page-search--active:hover {
    border-color: #b00
}

.page-search:before {
    content: '\e905';
    font-size: 1.5rem;
    font-family: icomoon;
    color: #b00;
    border-right: 3px solid #d8d8d8;
    position: absolute;
    top: .625rem;
    bottom: .625rem;
    left: 0;
    width: 5.1875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-search__input, .page-search .input-group {
    margin-bottom: 0
}

.page-search .input-group-button .page-search__button {
    padding-left: .625rem;
    padding-right: .625rem
}

.page-search__input {
    border-color: transparent;
    box-shadow: none;
    height: 2.5rem
}

@media print, screen and (min-width: 48em) {
    .page-search__input {
        font-size: 1.25rem;
        height: 3.75rem
    }
}

.page-search__button .icon {
    fill: #d8d8d8
}

.page-search:hover .page-search__button .icon {
    fill: #444
}

.page-search--active .page-search__button .icon, .page-search--active:hover .page-search__button .icon {
    fill: #b00
}

.pagination {
    margin-top: 1.875rem
}

.md-no-js .events .pagination, .md-no-js .news .pagination {
    display: none
}

@media screen and (min-width: 30em) {
    .pagination {
        text-align: center
    }
}

@media screen and (min-width: 48em) {
    .news .pagination {
        margin-top: .625rem
    }
}

.pagination__results-count {
    color: #b00;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: capitalize;
    margin-bottom: 1rem
}

.pagination__inner-container {
    font-size: 0;
    margin: 0 auto;
    height: 2.25rem
}

@media screen and (min-width: 30em) {
    .pagination__direction-link, .pagination__list {
        display: inline-block;
        vertical-align: middle
    }
}

.pagination__direction-link {
    background-color: #b00;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    padding: .5rem .75rem;
    float: left;
    height: 2.25rem;
    position: relative;
    width: 2.25rem
}

.pagination__direction-link:hover, .pagination__direction-link:focus, .pagination__direction-link:active {
    background-color: #000
}

.pagination__direction-link--is-disabled {
    background-color: #666;
    pointer-events: none
}

.pagination__direction-link.pagination__prev-link {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: .5rem
}

@media screen and (min-width: 30em) {
    .pagination__direction-link {
        float: none
    }

    .pagination__direction-link.pagination__prev-link {
        margin-right: 0
    }
}

.pagination__direction-link .icon, .pagination__direction-link svg {
    color: #fff;
    pointer-events: none;
    height: 1.25rem;
    width: .75rem
}

.pagination__list {
    font-size: 0;
    display: none
}

@media screen and (min-width: 30em) {
    .pagination__list {
        margin: 0 .875rem;
        display: inline-block
    }

    .news .pagination__list {
        margin: 0;
        padding: 0 .875rem;
        background-color: #fff
    }
}

.pagination__list .pagination__list-item {
    display: inline-block;
    vertical-align: top
}

.pagination__link, .pagination__ellipsis {
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    line-height: 2.25rem;
    display: block;
    height: 2.25rem;
    min-width: 2.25rem
}

.pagination__link:hover, .pagination__link:focus, .pagination__link:active {
    color: #b00;
    text-decoration: underline
}

.pagination__link--is-active {
    color: #b00;
    text-decoration: underline
}

.pagination__ellipsis {
    letter-spacing: .0625rem;
    padding: 0 .625rem
}

.play-button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 7.5rem;
    left: calc(50% - 3.75rem);
    position: absolute;
    top: calc(50% - 3.75rem);
    width: 7.5rem;
    z-index: 100
}

.play-button:hover .play-button__svg, .play-button:focus .play-button__svg, .play-button:active .play-button__svg {
    fill: #fff
}

.play-button:hover .icon-triangle, .play-button:focus .icon-triangle, .play-button:active .icon-triangle {
    color: #b00;
    height: 2.875rem;
    top: calc(50% - 1.4375rem);
    width: 1.875rem
}

.play-button .play-button__svg {
    color: #b00;
    fill: rgba(255, 255, 255, 0.8);
    overflow: visible;
    pointer-events: none;
    transition-property: fill;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    height: 7.5rem;
    stroke: #b00;
    stroke-width: 10px;
    width: 7.5rem
}

.play-button .icon-triangle {
    color: #000;
    pointer-events: none;
    transition-property: color, height, left, top, width;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    height: 2.5rem;
    left: 3.125rem;
    position: absolute;
    top: calc(50% - 1.25rem);
    width: 1.625rem;
    z-index: 200
}

.primary-navigation {
    border-top: .0625rem solid #e0e0e0
}

.primary-navigation.primary-navigation--desktop {
    display: none
}

@media screen and (min-width: 64em) {
    .primary-navigation {
        border-top: 0;
        bottom: .625rem;
        position: absolute;
        right: 0
    }

    .primary-navigation.primary-navigation--desktop {
        display: block
    }

    .primary-navigation.primary-navigation--mobile {
        display: none
    }
}

.primary-navigation .primary-navigation__list-item {
    border-bottom: .0625rem solid #e0e0e0;
    position: relative
}

@media screen and (min-width: 64em) {
    .primary-navigation .primary-navigation__list-item {
        border-bottom: 0;
        margin-left: 1.25rem;
        float: left;
        position: relative
    }

    .primary-navigation .primary-navigation__list-item:first-child {
        margin-left: 0
    }

    .primary-navigation .primary-navigation__list-item.primary-navigation__list-item--is-active .primary-navigation__rectangle, .primary-navigation .primary-navigation__list-item:hover .primary-navigation__rectangle, .primary-navigation .primary-navigation__list-item:focus .primary-navigation__rectangle, .primary-navigation .primary-navigation__list-item:active .primary-navigation__rectangle {
        opacity: 1;
        visibility: visible
    }

    .primary-navigation .primary-navigation__list-item.primary-navigation__list-item--is-active .primary-navigation__dropdown-menu-container, .primary-navigation .primary-navigation__list-item:hover .primary-navigation__dropdown-menu-container, .primary-navigation .primary-navigation__list-item:focus .primary-navigation__dropdown-menu-container, .primary-navigation .primary-navigation__list-item:active .primary-navigation__dropdown-menu-container {
        opacity: 0.95;
        visibility: visible;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        transition-delay: 0s, 0s, 0.3s
    }
}

.primary-navigation__link {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.625rem;
    text-transform: uppercase;
    padding: 0 3.75rem 0 1.25rem;
    display: block;
    height: 2.625rem
}

.primary-navigation__link:visited {
    color: #000
}

.primary-navigation__link:hover, .primary-navigation__link:focus, .primary-navigation__link:active {
    color: #000
}

@media screen and (min-width: 64em) {
    .primary-navigation__link {
        color: #fff;
        line-height: 1;
        padding: 0;
        height: auto
    }

    .primary-navigation__link:visited {
        color: #fff
    }

    .primary-navigation__link:hover, .primary-navigation__link:focus, .primary-navigation__link:active {
        color: #fff
    }
}

.primary-navigation__dropdown-menu-container {
    padding: .3125rem 1.25rem 1.25rem;
    display: none
}

.md-no-js .primary-navigation__dropdown-menu-container {
    display: block
}

@media screen and (min-width: 64em) {
    .primary-navigation__dropdown-menu-container {
        background-color: #fff;
        opacity: 0;
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem);
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        visibility: hidden;
        display: block !important;
        margin-top: 1.25rem;
        padding: 1.25rem;
        left: 0;
        position: absolute;
        top: 100%;
        width: 16.25rem;
        z-index: 200
    }

    .primary-navigation__dropdown-menu-container.primary-navigation__dropdown-menu-container--last-child {
        left: auto;
        right: 0
    }
}

.primary-navigation__dropdown-menu .primary-navigation__dropdown-menu-list-item {
    line-height: 1;
    margin-bottom: .75rem
}

.primary-navigation__dropdown-menu .primary-navigation__dropdown-menu-list-item:last-child {
    margin-bottom: 0
}

.primary-navigation__dropdown-menu-link {
    color: #000;
    font-size: 1rem;
    display: inline;
    position: relative
}

.primary-navigation__dropdown-menu-link:after {
    background: transparent;
    content: '\e906';
    font-family: 'icomoon';
    font-size: .625rem;
    opacity: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-property: opacity;
    transition-duration: 300ms;
    height: auto;
    left: -.75rem;
    position: absolute;
    top: .375rem;
    width: auto
}

.primary-navigation__dropdown-menu-link:visited {
    color: #000
}

.primary-navigation__dropdown-menu-link:hover, .primary-navigation__dropdown-menu-link:focus, .primary-navigation__dropdown-menu-link:active {
    color: #b00;
    font-weight: 700
}

.primary-navigation__dropdown-menu-link:hover:after, .primary-navigation__dropdown-menu-link:focus:after, .primary-navigation__dropdown-menu-link:active:after {
    background: transparent;
    opacity: 1
}

.primary-navigation__dropdown-menu-trigger {
    cursor: pointer;
    line-height: 0;
    display: block;
    position: absolute;
    height: 2.5rem;
    right: .75rem;
    top: 0;
    width: 2.5rem;
    z-index: 50
}

.primary-navigation__dropdown-menu-trigger.primary-navigation__dropdown-menu-trigger--is-active .icon-plus {
    display: none
}

.primary-navigation__dropdown-menu-trigger.primary-navigation__dropdown-menu-trigger--is-active .icon-minus {
    color: #666;
    display: block
}

@media screen and (min-width: 64em) {
    .primary-navigation__dropdown-menu-trigger {
        display: none
    }
}

.primary-navigation__dropdown-menu-trigger .icon, .primary-navigation__dropdown-menu-trigger svg {
    color: #b00;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1.375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.375rem
}

.md-no-js .primary-navigation__dropdown-menu-trigger {
    display: none
}

.primary-navigation__rectangle {
    background-color: #b00;
    content: '';
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    bottom: -1.25rem;
    display: block;
    height: .625rem;
    left: 0;
    position: absolute;
    width: 100%
}

.program-card {
    background-color: #000
}

.program-card__link {
    display: block;
    height: 17.5rem
}

@media screen and (min-width: 31.25em) {
    .program-card__link {
        height: 18.75rem
    }
}

@media screen and (min-width: 80em) {
    .program-card__link {
        height: 15.25rem
    }
}

.program-card__link:hover, .program-card__link:focus, .program-card__link:active {
    text-decoration: none
}

.program-card__link:hover .program-card__background-image, .program-card__link:focus .program-card__background-image, .program-card__link:active .program-card__background-image {
    -webkit-filter: blur(.25rem) grayscale(100%);
    filter: blur(.25rem) grayscale(100%)
}

.program-card__link:hover .program-card__description, .program-card__link:focus .program-card__description, .program-card__link:active .program-card__description {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.program-card__link:hover .program-card__text-link:after, .program-card__link:focus .program-card__text-link:after, .program-card__link:active .program-card__text-link:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    height: .0625rem
}

.program-card__image-caption, .program-card__background-image, .program-card__caption {
    height: 100%;
    width: 100%
}

.program-card__image-caption {
    overflow: hidden;
    position: relative
}

.program-card__background-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition-property: -webkit-filter, filter;
    transition-property: filter;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.program-card__background-image:after {
    background-color: rgba(0, 0, 0, 0.7);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.program-card__caption {
    padding: 1rem 1.25rem;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.program-card__caption:after {
    background-image: url("/computing/software/assets/css/i/red-triangle-60x60.png");
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';
    bottom: 0;
    display: block;
    height: 3.75rem;
    position: absolute;
    right: 0;
    width: 3.75rem;
    z-index: 15
}

.program-card__heading, .program-card__description {
    color: #fff
}

.program-card__heading {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: capitalize;
    margin-bottom: 1rem
}

.program-card__description {
    font-size: 1.125rem;
    line-height: 1.5rem;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: opacity, -webkit-transform, visibility;
    transition-property: opacity, transform, visibility;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    visibility: hidden
}

.program-card__text-link {
    color: #fff;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .0625rem;
    line-height: 1.5;
    text-transform: uppercase;
    bottom: .75rem;
    display: inline;
    position: absolute;
    right: .75rem;
    z-index: 200
}

.program-card__text-link:visited {
    color: #fff
}

.program-card__text-link:hover, .program-card__text-link:focus, .program-card__text-link:active {
    color: #fff
}

.program-card__text-link:after {
    background-color: #fff;
    width: calc(100% - .6875rem)
}

.program-card__text-link .icon, .program-card__text-link svg {
    color: #fff;
    margin-left: .25rem;
    height: .625rem;
    width: .4375rem
}

.readmore {
    margin-bottom: 1.25rem;
    position: relative
}

.readmore:after {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    content: '';
    pointer-events: none;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    bottom: 0;
    display: block;
    height: 25%;
    left: 0;
    position: absolute;
    width: 100%
}

.md-no-js .readmore {
    margin-bottom: 0
}

.md-no-js .readmore:after {
    display: none
}

.readmore.readmore--is-active:after {
    opacity: 0;
    visibility: hidden
}

.readmore.readmore--is-active + .button[data-readmore-toggle] .icon, .readmore.readmore--is-active + .button[data-readmore-toggle] svg {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.readmore + .button[data-readmore-toggle] {
    display: inline-block;
    width: auto
}

.readmore + .button[data-readmore-toggle] .icon, .readmore + .button[data-readmore-toggle] svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.md-no-js .search-bar {
    display: none
}

.search-bar + .search-results {
    margin-top: 2.5rem
}

.search-bar__input, .search-bar__input[type='search'] {
    margin-bottom: 0;
    padding: .5rem 1rem;
    height: 2.5rem;
    width: calc(100% - .75rem)
}

.search-bar__button {
    background-color: #b00;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin-left: .75rem;
    position: relative;
    width: 4.375rem
}

.search-bar__button:hover, .search-bar__button:focus, .search-bar__button:active {
    background-color: #000
}

.search-bar__button svg {
    color: #fff;
    pointer-events: none;
    height: 1.25rem;
    left: calc(50% - (1.25rem / 2));
    position: absolute;
    top: calc(50% - (1.25rem / 2));
    width: 1.25rem
}

.search-bar__sort-options {
    text-align: right
}

.search-bar__sort-link {
    font-size: 1rem
}

.search-bar__sort-link.search-bar__sort-link--is-active {
    color: #000;
    font-weight: 700;
    -webkit-text-decoration-color: #000;
    -moz-text-decoration-color: #000;
    text-decoration-color: #000
}

.search-bar__sort-link.search-bar__sort-link--is-active:visited {
    color: #000
}

.search-bar__sort-link.search-bar__sort-link--is-inversed .icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.search-bar__sort-link .icon {
    color: #b00;
    pointer-events: none;
    margin-left: .25rem;
    display: inline-block;
    height: .75rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: .75rem
}

.search-bar .input-group-button .search-bar__button {
    display: block;
    height: 2.5rem
}

.secondary-navigation {
    padding: 0 1.25rem
}

@media screen and (min-width: 64em) {
    .secondary-navigation {
        margin: .625rem 2.5rem 0 0;
        padding: 0;
        float: right;
        position: relative
    }
}

.secondary-navigation .secondary-navigation__list-item {
    margin-bottom: .25rem
}

@media screen and (min-width: 64em) {
    .secondary-navigation .secondary-navigation__list-item {
        margin-left: 1.25rem;
        padding-bottom: 0;
        float: left;
        position: relative
    }

    .secondary-navigation .secondary-navigation__list-item:first-child {
        margin-left: 0
    }
}

.secondary-navigation__link {
    color: #000;
    font-size: .875rem
}

.secondary-navigation__link:visited {
    color: #000
}

.secondary-navigation__link:hover, .secondary-navigation__link:focus, .secondary-navigation__link:active {
    color: #b00
}

@media screen and (min-width: 64em) {
    .secondary-navigation__link, .secondary-navigation__link:visited, .secondary-navigation__link:hover, .secondary-navigation__link:focus, .secondary-navigation__link:active {
        color: #fff
    }

    .secondary-navigation__link:after {
        background-color: #fff
    }
}

.slide-menu-mask {
    background-color: #000;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;
    left: 0;
    height: 0;
    position: fixed;
    top: 0;
    width: 0;
    z-index: 200
}

.slide-menu-mask.slide-menu-mask--is-active {
    opacity: 0.5;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 64em) {
    .slide-menu-mask {
        display: none
    }
}

.social-media-list {
    line-height: 1;
    margin: 0
}

.social-media-list .social-media-list__list-item {
    margin-left: 1rem;
    padding: 0;
    display: inline-block
}

.social-media-list .social-media-list__list-item:before {
    display: none
}

.social-media-list .social-media-list__list-item:first-child {
    margin-left: 0
}

.social-media-list__icon {
    padding: 0;
    display: block;
    height: 1.75rem;
    width: 1.75rem
}

.social-media-list__icon:after {
    display: none
}

.social-media-list__icon .icon, .social-media-list__icon svg {
    color: inherit;
    pointer-events: none;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    height: 1.75rem;
    width: 1.75rem
}

.story-filters-toggle {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.3s;
    padding-bottom: 0;
    display: block;
    height: 1.25rem;
    position: absolute;
    top: .625rem;
    right: .625rem;
    width: 1.25rem;
    z-index: 1
}

.story-filters-toggle:hover, .story-filters-toggle:focus, .story-filters-toggle:active {
    color: #fff
}

.story-filters-toggle.story-filters-toggle--is-active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.md-no-js .story-filters-toggle {
    display: none
}

@media screen and (min-width: 48em) {
    .story-filters-toggle {
        display: none
    }
}

.story-filters-toggle .icon, .story-filters-toggle svg {
    color: #fff;
    pointer-events: none;
    height: 1.25rem;
    width: 1.25rem
}

.vcard {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    line-height: 2rem
}

.vcard__name, .vcard__department, .vcard__address, .vcard__street, .vcard__location, .vcard__telephone, .vcard__email {
    display: block
}

.vcard__city, .vcard__state, .vcard__zip-code {
    display: inline-block
}

.vcard__name {
    font-weight: 700
}

.vcard ul > li {
    margin-top: .375rem
}

.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent
}


nav.pagination .icon {
    margin-left: 0;
}

.accordion__icon-container .icon {
    margin-left: 0;
}

li {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 8px;
}

.alphabet-filter__list li {
    margin: 0 0 1px 0;
    padding: 0;
}

.alphabet-filter__list a {
    padding: 0;
    border-bottom: unset;
}

ul.sidebar-callout__sds_list li:last-child {
    margin-bottom: 1rem;
}