@charset "UTF-8";

.background.blue h1,
.background.blue h2,
.background.blue h3,
.background.blue h4,
.background.blue h5,
.background.blue h6,
.background.blue p,
.background.dblue h1,
.background.dblue h2,
.background.dblue h3,
.background.dblue h5,
.background.dblue h6,
.background.dblue p,
.background.orange h1,
.background.orange h2,
.background.orange h3,
.background.orange h4,
.background.orange h5,
.background.orange h6,
.background.orange p,
.background.shuBlue h1,
.background.shuBlue h2,
.background.shuBlue h3,
.background.shuBlue h4,
.background.shuBlue h5,
.background.shuBlue h6,
.background.shuBlue p {
    color: #fff
}

.slick-slider,
[draggable=false] {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.background.shuBlue {
    background: #048
}

.background.yellow {
    background: #f9a500
}

.background.blue {
    background: #0a3d6c
}

.background.lblue {
    background: #0085ff
}

.background.vlblue {
    background: #6ccef8
}

.background.gray {
    background: #58595b
}

.background.lgray {
    background: #b7b7b7
}

.background.gold {
    background: #b99764
}

.background.dblue {
    background: #00458a
}

.background.green {
    background: #25b81e
}

.background.orange {
    background: #ff5c00
}

.background.dgray {
    background: #2c2c2c
}

@media print,
screen and (min-width:50em) {

    .reveal,
    .reveal.large,
    .reveal.small,
    .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.grid-container,
.grid-container.fluid,
.grid-container.full {
    margin-right: auto;
    margin-left: auto
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.classroom-list .vertical.menu button,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a svg,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a svg,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a svg,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a svg,
.text-left,
tfoot td,
tfoot th,
thead td,
thead th {
    text-align: left
}

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 60rem
}

@media print,
screen and (min-width:50em) {
    .grid-container {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.fluid {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%
}

@media print,
screen and (min-width:50em) {
    .grid-container.fluid {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    flex: 1 1 0
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x>.auto,
.grid-x>.shrink {
    width: auto
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-full,
.grid-x>.small-shrink {
    flex-basis: auto
}

@media print,
screen and (min-width:50em) {

    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-full,
    .grid-x>.medium-shrink {
        flex-basis: auto
    }
}

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

    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-full,
    .grid-x>.large-shrink {
        flex-basis: auto
    }
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9 {
    flex: 0 0 auto
}

.grid-x>.small-1 {
    width: 8.3333333333%
}

.grid-x>.small-2 {
    width: 16.6666666667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.3333333333%
}

.grid-x>.small-5 {
    width: 41.6666666667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.3333333333%
}

.grid-x>.small-8 {
    width: 66.6666666667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.3333333333%
}

.grid-x>.small-11 {
    width: 91.6666666667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print,
screen and (min-width:50em) {
    .grid-x>.medium-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-shrink {
        flex: 0 0 auto
    }

    .grid-x>.medium-shrink {
        width: auto
    }

    .grid-x>.medium-1 {
        width: 8.3333333333%
    }

    .grid-x>.medium-2 {
        width: 16.6666666667%
    }

    .grid-x>.medium-3 {
        width: 25%
    }

    .grid-x>.medium-4 {
        width: 33.3333333333%
    }

    .grid-x>.medium-5 {
        width: 41.6666666667%
    }

    .grid-x>.medium-6 {
        width: 50%
    }

    .grid-x>.medium-7 {
        width: 58.3333333333%
    }

    .grid-x>.medium-8 {
        width: 66.6666666667%
    }

    .grid-x>.medium-9 {
        width: 75%
    }

    .grid-x>.medium-10 {
        width: 83.3333333333%
    }

    .grid-x>.medium-11 {
        width: 91.6666666667%
    }

    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .grid-x>.large-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-shrink {
        flex: 0 0 auto
    }

    .grid-x>.large-shrink {
        width: auto
    }

    .grid-x>.large-1 {
        width: 8.3333333333%
    }

    .grid-x>.large-2 {
        width: 16.6666666667%
    }

    .grid-x>.large-3 {
        width: 25%
    }

    .grid-x>.large-4 {
        width: 33.3333333333%
    }

    .grid-x>.large-5 {
        width: 41.6666666667%
    }

    .grid-x>.large-6 {
        width: 50%
    }

    .grid-x>.large-7 {
        width: 58.3333333333%
    }

    .grid-x>.large-8 {
        width: 66.6666666667%
    }

    .grid-x>.large-9 {
        width: 75%
    }

    .grid-x>.large-10 {
        width: 83.3333333333%
    }

    .grid-x>.large-11 {
        width: 91.6666666667%
    }

    .grid-x>.large-12 {
        width: 100%
    }
}

.grid-y,
.menu.icon-top li a,
.menu.nested.icon-top li a {
    flex-flow: column nowrap
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,
screen and (min-width:50em) {
    .grid-margin-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-margin-x>.cell {
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem
}

@media print,
screen and (min-width:50em) {
    .grid-margin-x>.cell {
        width: calc(100% - 1.875rem);
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

.grid-margin-x>.auto,
.grid-margin-x>.shrink {
    width: auto
}

.grid-margin-x>.small-1 {
    width: calc(8.3333333333% - 1.25rem)
}

.grid-margin-x>.small-2 {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x>.small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x>.small-4 {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x>.small-5 {
    width: calc(41.6666666667% - 1.25rem)
}

.grid-margin-x>.small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x>.small-7 {
    width: calc(58.3333333333% - 1.25rem)
}

.grid-margin-x>.small-8 {
    width: calc(66.6666666667% - 1.25rem)
}

.grid-margin-x>.small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x>.small-10 {
    width: calc(83.3333333333% - 1.25rem)
}

.grid-margin-x>.small-11 {
    width: calc(91.6666666667% - 1.25rem)
}

.grid-margin-x>.small-12 {
    width: calc(100% - 1.25rem)
}

@media print,
screen and (min-width:50em) {

    .grid-margin-x>.auto,
    .grid-margin-x>.shrink {
        width: auto
    }

    .grid-margin-x>.small-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.small-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.small-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.small-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x>.medium-auto,
    .grid-margin-x>.medium-shrink {
        width: auto
    }

    .grid-margin-x>.medium-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.medium-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.medium-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.medium-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-12 {
        width: calc(100% - 1.875rem)
    }
}

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

    .grid-margin-x>.large-auto,
    .grid-margin-x>.large-shrink {
        width: auto
    }

    .grid-margin-x>.large-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.large-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.large-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.large-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width:50em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-container:not(.full)>.grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width:50em) {
    .grid-container:not(.full)>.grid-padding-x {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.small-margin-collapse,
.small-margin-collapse>.cell,
.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

.grid-padding-x>.cell {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-up-1>.cell {
    width: 100%
}

.small-up-2>.cell {
    width: 50%
}

.small-up-3>.cell {
    width: 33.3333333333%
}

.small-up-4>.cell {
    width: 25%
}

.small-up-5>.cell {
    width: 20%
}

.small-up-6>.cell {
    width: 16.6666666667%
}

.small-up-7>.cell {
    width: 14.2857142857%
}

.small-up-8>.cell {
    width: 12.5%
}

@media print,
screen and (min-width:50em) {
    .grid-padding-x>.cell {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-up-1>.cell {
        width: 100%
    }

    .medium-up-2>.cell {
        width: 50%
    }

    .medium-up-3>.cell {
        width: 33.3333333333%
    }

    .medium-up-4>.cell {
        width: 25%
    }

    .medium-up-5>.cell {
        width: 20%
    }

    .medium-up-6>.cell {
        width: 16.6666666667%
    }

    .medium-up-7>.cell {
        width: 14.2857142857%
    }

    .medium-up-8>.cell {
        width: 12.5%
    }
}

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

    .large-up-2>.cell {
        width: 50%
    }

    .large-up-3>.cell {
        width: 33.3333333333%
    }

    .large-up-4>.cell {
        width: 25%
    }

    .large-up-5>.cell {
        width: 20%
    }

    .large-up-6>.cell {
        width: 16.6666666667%
    }

    .large-up-7>.cell {
        width: 14.2857142857%
    }

    .large-up-8>.cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1>.cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2>.cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3>.cell {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x.small-up-4>.cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5>.cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6>.cell {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x.small-up-7>.cell {
    width: calc(14.2857142857% - 1.25rem)
}

.grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - 1.25rem)
}

@media print,
screen and (min-width:50em) {
    .grid-margin-x.small-up-1>.cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.small-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.small-up-3>.cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.small-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.small-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.small-up-6>.cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.small-up-7>.cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.small-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }

    .grid-margin-x.medium-up-1>.cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3>.cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6>.cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7>.cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.medium-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,
screen and (min-width:64em) {
    .grid-margin-x.large-up-1>.cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3>.cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.large-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6>.cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.large-up-7>.cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.large-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

.small-margin-collapse>.small-1 {
    width: 8.3333333333%
}

.small-margin-collapse>.small-2 {
    width: 16.6666666667%
}

.small-margin-collapse>.small-3 {
    width: 25%
}

.small-margin-collapse>.small-4 {
    width: 33.3333333333%
}

.small-margin-collapse>.small-5 {
    width: 41.6666666667%
}

.small-margin-collapse>.small-6 {
    width: 50%
}

.small-margin-collapse>.small-7 {
    width: 58.3333333333%
}

.small-margin-collapse>.small-8 {
    width: 66.6666666667%
}

.small-margin-collapse>.small-9 {
    width: 75%
}

.small-margin-collapse>.small-10 {
    width: 83.3333333333%
}

.small-margin-collapse>.small-11 {
    width: 91.6666666667%
}

.small-margin-collapse>.small-12 {
    width: 100%
}

@media print,
screen and (min-width:50em) {
    .small-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.medium-3 {
        width: 25%
    }

    .small-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.medium-6 {
        width: 50%
    }

    .small-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.medium-9 {
        width: 75%
    }

    .small-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.medium-12 {
        width: 100%
    }

    .medium-margin-collapse,
    .medium-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .small-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.large-3 {
        width: 25%
    }

    .small-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.large-6 {
        width: 50%
    }

    .small-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.large-9 {
        width: 75%
    }

    .small-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.large-12 {
        width: 100%
    }
}

.small-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
}

@media print,
screen and (min-width:50em) {
    .medium-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.small-3 {
        width: 25%
    }

    .medium-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.small-6 {
        width: 50%
    }

    .medium-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.small-9 {
        width: 75%
    }

    .medium-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.small-12 {
        width: 100%
    }

    .medium-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.medium-3 {
        width: 25%
    }

    .medium-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.medium-6 {
        width: 50%
    }

    .medium-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.medium-9 {
        width: 75%
    }

    .medium-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.medium-12 {
        width: 100%
    }

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

    .medium-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media print,
screen and (min-width:64em) {
    .medium-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.large-3 {
        width: 25%
    }

    .medium-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.large-6 {
        width: 50%
    }

    .medium-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.large-9 {
        width: 75%
    }

    .medium-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.large-12 {
        width: 100%
    }

    .large-margin-collapse,
    .large-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0
    }

    .large-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.small-3 {
        width: 25%
    }

    .large-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.small-6 {
        width: 50%
    }

    .large-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.small-9 {
        width: 75%
    }

    .large-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.small-12 {
        width: 100%
    }

    .large-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.medium-3 {
        width: 25%
    }

    .large-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.medium-6 {
        width: 50%
    }

    .large-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.medium-9 {
        width: 75%
    }

    .large-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.medium-12 {
        width: 100%
    }

    .large-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.large-3 {
        width: 25%
    }

    .large-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.large-6 {
        width: 50%
    }

    .large-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.large-9 {
        width: 75%
    }

    .large-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.large-12 {
        width: 100%
    }

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

    .large-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

.grid-margin-x>.small-offset-0 {
    margin-left: calc(0% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-1 {
    margin-left: calc(8.3333333333% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-2 {
    margin-left: calc(16.6666666667% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-3 {
    margin-left: calc(25% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-4 {
    margin-left: calc(33.3333333333% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-5 {
    margin-left: calc(41.6666666667% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-6 {
    margin-left: calc(50% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-7 {
    margin-left: calc(58.3333333333% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-8 {
    margin-left: calc(66.6666666667% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-9 {
    margin-left: calc(75% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-10 {
    margin-left: calc(83.3333333333% + 1.25rem / 2)
}

.grid-margin-x>.small-offset-11 {
    margin-left: calc(91.6666666667% + 1.25rem / 2)
}

.grid-y {
    display: flex
}

.grid-y>.cell {
    height: auto;
    max-height: none
}

.grid-y>.auto,
.grid-y>.shrink {
    height: auto
}

.grid-y>.small-1,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-full,
.grid-y>.small-shrink {
    flex-basis: auto
}

@media print,
screen and (min-width:50em) {
    .medium-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.medium-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }

    .grid-y>.medium-1,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-full,
    .grid-y>.medium-shrink {
        flex-basis: auto
    }
}

@media print,
screen and (min-width:64em) {
    .large-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.large-offset-0 {
        margin-left: calc(0% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.6666666667% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.3333333333% + 1.875rem / 2)
    }

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

    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.6666666667% + 1.875rem / 2)
    }

    .grid-y>.large-1,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-full,
    .grid-y>.large-shrink {
        flex-basis: auto
    }
}

.grid-y>.small-1,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9 {
    flex: 0 0 auto
}

.grid-y>.small-1 {
    height: 8.3333333333%
}

.grid-y>.small-2 {
    height: 16.6666666667%
}

.grid-y>.small-3 {
    height: 25%
}

.grid-y>.small-4 {
    height: 33.3333333333%
}

.grid-y>.small-5 {
    height: 41.6666666667%
}

.grid-y>.small-6 {
    height: 50%
}

.grid-y>.small-7 {
    height: 58.3333333333%
}

.grid-y>.small-8 {
    height: 66.6666666667%
}

.grid-y>.small-9 {
    height: 75%
}

.grid-y>.small-10 {
    height: 83.3333333333%
}

.grid-y>.small-11 {
    height: 91.6666666667%
}

.grid-y>.small-12 {
    height: 100%
}

.grid-padding-y .grid-padding-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

.grid-padding-y>.cell {
    padding-top: .625rem;
    padding-bottom: .625rem
}

@media print,
screen and (min-width:50em) {
    .grid-y>.medium-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y>.medium-1,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-shrink {
        flex: 0 0 auto
    }

    .grid-y>.medium-shrink {
        height: auto
    }

    .grid-y>.medium-1 {
        height: 8.3333333333%
    }

    .grid-y>.medium-2 {
        height: 16.6666666667%
    }

    .grid-y>.medium-3 {
        height: 25%
    }

    .grid-y>.medium-4 {
        height: 33.3333333333%
    }

    .grid-y>.medium-5 {
        height: 41.6666666667%
    }

    .grid-y>.medium-6 {
        height: 50%
    }

    .grid-y>.medium-7 {
        height: 58.3333333333%
    }

    .grid-y>.medium-8 {
        height: 66.6666666667%
    }

    .grid-y>.medium-9 {
        height: 75%
    }

    .grid-y>.medium-10 {
        height: 83.3333333333%
    }

    .grid-y>.medium-11 {
        height: 91.6666666667%
    }

    .grid-y>.medium-12 {
        height: 100%
    }

    .grid-padding-y .grid-padding-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }

    .grid-padding-y>.cell {
        padding-top: .9375rem;
        padding-bottom: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .grid-y>.large-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y>.large-1,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-shrink {
        flex: 0 0 auto
    }

    .grid-y>.large-shrink {
        height: auto
    }

    .grid-y>.large-1 {
        height: 8.3333333333%
    }

    .grid-y>.large-2 {
        height: 16.6666666667%
    }

    .grid-y>.large-3 {
        height: 25%
    }

    .grid-y>.large-4 {
        height: 33.3333333333%
    }

    .grid-y>.large-5 {
        height: 41.6666666667%
    }

    .grid-y>.large-6 {
        height: 50%
    }

    .grid-y>.large-7 {
        height: 58.3333333333%
    }

    .grid-y>.large-8 {
        height: 66.6666666667%
    }

    .grid-y>.large-9 {
        height: 75%
    }

    .grid-y>.large-10 {
        height: 83.3333333333%
    }

    .grid-y>.large-11 {
        height: 91.6666666667%
    }

    .grid-y>.large-12 {
        height: 100%
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
}

.cell-block,
.cell-block-y {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%
}

.cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

.cell-block-container>.grid-x {
    max-height: 100%;
    flex-wrap: nowrap
}

@media print,
screen and (min-width:50em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .medium-cell-block,
    .medium-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%
    }

    .medium-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .medium-cell-block-container>.grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .large-cell-block,
    .large-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%
    }

    .large-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .large-cell-block-container>.grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%
    }
}

.grid-y.grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto
}

@media print,
screen and (min-width:50em) {
    .grid-y.medium-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }
}

@media print,
screen and (min-width:64em) {
    .grid-y.large-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh;
        width: auto
    }

    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,
screen and (min-width:50em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }

    .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,
screen and (min-width:50em) {
    .grid-margin-y>.cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y>.auto,
.grid-margin-y>.shrink {
    height: auto
}

.grid-margin-y>.small-1 {
    height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y>.small-2 {
    height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y>.small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
    height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y>.small-5 {
    height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y>.small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
    height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y>.small-8 {
    height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y>.small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
    height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y>.small-11 {
    height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y>.small-12 {
    height: calc(100% - 1.25rem)
}

@media print,
screen and (min-width:50em) {

    .grid-margin-y>.auto,
    .grid-margin-y>.shrink {
        height: auto
    }

    .grid-margin-y>.small-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.small-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.small-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.small-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y>.medium-auto,
    .grid-margin-y>.medium-shrink {
        height: auto
    }

    .grid-margin-y>.medium-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.medium-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.medium-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.medium-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem)
    }
}

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

    .grid-margin-y>.large-auto,
    .grid-margin-y>.large-shrink {
        height: auto
    }

    .grid-margin-y>.large-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.large-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.large-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.large-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

.accordion-title,
.button.dropdown::after,
.small-pull-1,
.small-pull-10,
.small-pull-11,
.small-pull-2,
.small-pull-3,
.small-pull-4,
.small-pull-5,
.small-pull-6,
.small-pull-7,
.small-pull-8,
.small-pull-9,
.small-push-1,
.small-push-10,
.small-push-11,
.small-push-2,
.small-push-3,
.small-push-4,
.small-push-5,
.small-push-6,
.small-push-7,
.small-push-8,
.small-push-9,
sub,
sup {
    position: relative
}

.code-block,
pre,
textarea {
    overflow: auto
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-stretch,
.input-group {
    align-items: stretch
}

.align-self-middle {
    align-self: center
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.card,
.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print,
screen and (min-width:50em) {

    .grid-frame.grid-margin-y,
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem)
    }

    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }

    .medium-flex-container {
        display: flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

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

    .grid-frame.grid-margin-y,
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem)
    }

    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }

    .large-flex-container {
        display: flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

pre {
    -webkit-overflow-scrolling: touch
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    box-sizing: border-box;
    color: inherit;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[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-decoration {
    -webkit-appearance: none
}

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

b,
em,
i,
small,
strong {
    line-height: inherit
}

details {
    display: block
}

[hidden],
template {
    display: none
}

[data-whatinput=mouse] *,
[data-whatinput=mouse] :focus,
[data-whatinput=touch] *,
[data-whatinput=touch] :focus,
[data-whatintent=mouse] *,
[data-whatintent=mouse] :focus,
[data-whatintent=touch] *,
[data-whatintent=touch] :focus {
    outline: 0
}

.foundation-mq {
    font-family: "small=0em&medium=50em&large=64em&xlarge=75em&xxlarge=90em"
}

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

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

body {
    padding: 0;
    background: #fefefe;
    font-family: ff-tisa-web-pro, "Times New Roman", Times, serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

button {
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    line-height: 1;
    cursor: auto
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.piratenet,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: ff-tisa-web-pro, "Times New Roman", Times, serif
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

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

.media-object img,
.row.expanded,
.row:not(.expanded) .row {
    max-width: none
}

.row::after,
.row::before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.row::after {
    clear: both
}

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

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

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

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

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

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

.infographic,
hr {
    max-width: 60rem
}

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

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

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

@media print,
screen and (min-width:50em) {

    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column,
.column:last-child:not(:first-child),
.columns {
    float: left;
    clear: none
}

.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.3333333333%
}

.small-push-1 {
    left: 8.3333333333%
}

.small-pull-1 {
    left: -8.3333333333%
}

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

.small-2 {
    width: 16.6666666667%
}

.small-push-2 {
    left: 16.6666666667%
}

.small-pull-2 {
    left: -16.6666666667%
}

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

.small-3 {
    width: 25%
}

.small-push-3 {
    left: 25%
}

.small-pull-3 {
    left: -25%
}

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

.small-4 {
    width: 33.3333333333%
}

.small-push-4 {
    left: 33.3333333333%
}

.small-pull-4 {
    left: -33.3333333333%
}

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

.small-5 {
    width: 41.6666666667%
}

.small-push-5 {
    left: 41.6666666667%
}

.small-pull-5 {
    left: -41.6666666667%
}

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

.small-6 {
    width: 50%
}

.small-push-6 {
    left: 50%
}

.small-pull-6 {
    left: -50%
}

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

.small-7 {
    width: 58.3333333333%
}

.small-push-7 {
    left: 58.3333333333%
}

.small-pull-7 {
    left: -58.3333333333%
}

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

.small-8 {
    width: 66.6666666667%
}

.small-push-8 {
    left: 66.6666666667%
}

.small-pull-8 {
    left: -66.6666666667%
}

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

.small-9 {
    width: 75%
}

.small-push-9 {
    left: 75%
}

.small-pull-9 {
    left: -75%
}

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

.small-10 {
    width: 83.3333333333%
}

.small-push-10 {
    left: 83.3333333333%
}

.small-pull-10 {
    left: -83.3333333333%
}

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

.small-11 {
    width: 91.6666666667%
}

.small-push-11 {
    left: 91.6666666667%
}

.small-pull-11 {
    left: -91.6666666667%
}

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

.small-12 {
    width: 100%
}

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

.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.3333333333%
}

.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.6666666667%
}

.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.2857142857%
}

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

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

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

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

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

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

.small-pull-0,
.small-pull-0:last-child:not(:first-child),
.small-push-0,
.small-push-0:last-child:not(:first-child),
.small-uncentered,
.small-uncentered:last-child:not(:first-child) {
    float: left;
    clear: none
}

.button.dropdown::after,
.is-dropdown-menu.vertical.align-right,
.small-pull-0:last-child:not(:first-child),
.small-push-0:last-child:not(:first-child),
.small-uncentered:last-child:not(:first-child) {
    float: right
}

@media print,
screen and (min-width:50em) {

    .medium-pull-1,
    .medium-pull-10,
    .medium-pull-11,
    .medium-pull-2,
    .medium-pull-3,
    .medium-pull-4,
    .medium-pull-5,
    .medium-pull-6,
    .medium-pull-7,
    .medium-pull-8,
    .medium-pull-9,
    .medium-push-1,
    .medium-push-10,
    .medium-push-11,
    .medium-push-2,
    .medium-push-3,
    .medium-push-4,
    .medium-push-5,
    .medium-push-6,
    .medium-push-7,
    .medium-push-8,
    .medium-push-9 {
        position: relative
    }

    .medium-1 {
        width: 8.3333333333%
    }

    .medium-push-1 {
        left: 8.3333333333%
    }

    .medium-pull-1 {
        left: -8.3333333333%
    }

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

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-push-2 {
        left: 16.6666666667%
    }

    .medium-pull-2 {
        left: -16.6666666667%
    }

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

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        left: 25%
    }

    .medium-pull-3 {
        left: -25%
    }

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

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-push-4 {
        left: 33.3333333333%
    }

    .medium-pull-4 {
        left: -33.3333333333%
    }

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

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-push-5 {
        left: 41.6666666667%
    }

    .medium-pull-5 {
        left: -41.6666666667%
    }

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

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        left: 50%
    }

    .medium-pull-6 {
        left: -50%
    }

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

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-push-7 {
        left: 58.3333333333%
    }

    .medium-pull-7 {
        left: -58.3333333333%
    }

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

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-push-8 {
        left: 66.6666666667%
    }

    .medium-pull-8 {
        left: -66.6666666667%
    }

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

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        left: 75%
    }

    .medium-pull-9 {
        left: -75%
    }

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

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-push-10 {
        left: 83.3333333333%
    }

    .medium-pull-10 {
        left: -83.3333333333%
    }

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

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-push-11 {
        left: 91.6666666667%
    }

    .medium-pull-11 {
        left: -91.6666666667%
    }

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

    .medium-12 {
        width: 100%
    }

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

    .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.3333333333%
    }

    .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.6666666667%
    }

    .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.2857142857%
    }

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

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

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

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

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

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

    .medium-pull-0,
    .medium-pull-0:last-child:not(:first-child),
    .medium-push-0,
    .medium-push-0:last-child:not(:first-child),
    .medium-uncentered,
    .medium-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .medium-pull-0:last-child:not(:first-child),
    .medium-push-0:last-child:not(:first-child),
    .medium-uncentered:last-child:not(:first-child) {
        float: right
    }
}

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

    .large-pull-1,
    .large-pull-10,
    .large-pull-11,
    .large-pull-2,
    .large-pull-3,
    .large-pull-4,
    .large-pull-5,
    .large-pull-6,
    .large-pull-7,
    .large-pull-8,
    .large-pull-9,
    .large-push-1,
    .large-push-10,
    .large-push-11,
    .large-push-2,
    .large-push-3,
    .large-push-4,
    .large-push-5,
    .large-push-6,
    .large-push-7,
    .large-push-8,
    .large-push-9 {
        position: relative
    }

    .large-1 {
        width: 8.3333333333%
    }

    .large-push-1 {
        left: 8.3333333333%
    }

    .large-pull-1 {
        left: -8.3333333333%
    }

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

    .large-2 {
        width: 16.6666666667%
    }

    .large-push-2 {
        left: 16.6666666667%
    }

    .large-pull-2 {
        left: -16.6666666667%
    }

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

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        left: 25%
    }

    .large-pull-3 {
        left: -25%
    }

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

    .large-4 {
        width: 33.3333333333%
    }

    .large-push-4 {
        left: 33.3333333333%
    }

    .large-pull-4 {
        left: -33.3333333333%
    }

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

    .large-5 {
        width: 41.6666666667%
    }

    .large-push-5 {
        left: 41.6666666667%
    }

    .large-pull-5 {
        left: -41.6666666667%
    }

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

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        left: 50%
    }

    .large-pull-6 {
        left: -50%
    }

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

    .large-7 {
        width: 58.3333333333%
    }

    .large-push-7 {
        left: 58.3333333333%
    }

    .large-pull-7 {
        left: -58.3333333333%
    }

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

    .large-8 {
        width: 66.6666666667%
    }

    .large-push-8 {
        left: 66.6666666667%
    }

    .large-pull-8 {
        left: -66.6666666667%
    }

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

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        left: 75%
    }

    .large-pull-9 {
        left: -75%
    }

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

    .large-10 {
        width: 83.3333333333%
    }

    .large-push-10 {
        left: 83.3333333333%
    }

    .large-pull-10 {
        left: -83.3333333333%
    }

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

    .large-11 {
        width: 91.6666666667%
    }

    .large-push-11 {
        left: 91.6666666667%
    }

    .large-pull-11 {
        left: -91.6666666667%
    }

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

    .large-12 {
        width: 100%
    }

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

    .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.3333333333%
    }

    .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.6666666667%
    }

    .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.2857142857%
    }

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

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

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

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

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

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

    .large-pull-0,
    .large-pull-0:last-child:not(:first-child),
    .large-push-0,
    .large-push-0:last-child:not(:first-child),
    .large-uncentered,
    .large-uncentered:last-child:not(:first-child) {
        float: left;
        clear: none
    }

    .large-pull-0:last-child:not(:first-child),
    .large-push-0:last-child:not(:first-child),
    .large-uncentered:last-child:not(:first-child) {
        float: right
    }
}

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

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

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

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

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

ol,
ol ol,
ol ul,
ul,
ul ol,
ul ul {
    margin-left: 1.25rem
}

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

em,
i {
    font-style: italic
}

b,
strong {
    font-weight: 700
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: 400;
    color: #048;
    text-rendering: optimizeLegibility
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h1,
h1 {
    font-size: 1.5rem
}

.h2,
h2 {
    font-size: 1.25rem
}

.h3,
h3 {
    font-size: 1.1875rem
}

.h4,
h4 {
    font-size: 1.125rem
}

.h5,
h5 {
    font-size: 1.0625rem
}

.h6,
h6 {
    font-size: 1rem
}

dl,
ol,
ul {
    margin-bottom: 1rem
}

figure,
kbd {
    margin: 0
}

@media print,
screen and (min-width:50em) {

    .h1,
    h1 {
        font-size: 3rem
    }

    .h2,
    h2 {
        font-size: 2.5rem
    }

    .h3,
    h3 {
        font-size: 1.9375rem
    }

    .h4,
    h4 {
        font-size: 1.5625rem
    }

    .h5,
    h5 {
        font-size: 1.25rem
    }

    .h6,
    h6 {
        font-size: 1rem
    }
}

a {
    background-color: transparent;
    line-height: inherit;
    color: #048;
    cursor: pointer
}

a img {
    border: 0
}

hr {
    box-sizing: content-box;
    overflow: visible;
    clear: both;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

.code-inline,
.orbit-image,
.slider-fill,
code,
legend,
textarea {
    max-width: 100%
}

dl,
ol,
ul {
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

kbd {
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a
}

.subheader,
legend {
    margin-bottom: .5rem
}

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

.description p,
.lead,
.piratenet .form p {
    line-height: 1.6
}

.lead {
    font-size: 125%
}

.button,
.stat {
    line-height: 1
}

.stat {
    font-size: 2.5rem
}

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

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

.cite-block,
cite {
    display: block;
    color: #6e6e6e;
    font-size: .8125rem
}

.code-block,
.code-inline,
code {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a;
    font-weight: 400
}

.cite-block:before,
cite:before {
    content: "— "
}

.code-inline,
code {
    display: inline;
    word-wrap: break-word;
    padding: .125rem .3125rem .0625rem
}

.code-block {
    display: block;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem
}

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

.text-right {
    text-align: right
}

.badge,
.button,
.input-group-button,
.input-group-label,
.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print {

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

    * {
        background: 0 0 !important;
        color: #000 !important;
        color-adjust: economy;
        box-shadow: none !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,
    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) ")"
    }

    blockquote,
    pre {
        border: 1px solid #8a8a8a
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

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

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

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

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    cursor: pointer
}

.badge,
.button.tiny {
    font-size: .6rem
}

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

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button,
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #048;
    color: #fefefe
}

.button:focus,
.button:hover {
    background-color: #003a74;
    color: #fefefe
}

.button.primary,
.button.primary.disabled,
.button.primary.disabled:focus,
.button.primary.disabled:hover,
.button.primary[disabled],
.button.primary[disabled]:focus,
.button.primary[disabled]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button.primary:focus,
.button.primary:hover {
    background-color: #126195;
    color: #fefefe
}

.button.secondary,
.button.secondary.disabled,
.button.secondary.disabled:focus,
.button.secondary.disabled:hover,
.button.secondary[disabled],
.button.secondary[disabled]:focus,
.button.secondary[disabled]:hover {
    background-color: #767676;
    color: #fefefe
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button.success,
.button.success.disabled,
.button.success.disabled:focus,
.button.success.disabled:hover,
.button.success[disabled],
.button.success[disabled]:focus,
.button.success[disabled]:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button.warning,
.button.warning.disabled,
.button.warning.disabled:focus,
.button.warning.disabled:hover,
.button.warning[disabled],
.button.warning[disabled]:focus,
.button.warning[disabled]:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button.alert,
.button.alert.disabled,
.button.alert.disabled:focus,
.button.alert.disabled:hover,
.button.alert[disabled],
.button.alert[disabled]:focus,
.button.alert[disabled]:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button.alert:focus,
.button.alert:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow:focus,
.button.hollow:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    background-color: transparent
}

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    border: 1px solid #048;
    color: #048
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #024;
    color: #024
}

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary.disabled:focus,
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled],
.button.hollow.primary[disabled]:focus,
.button.hollow.primary[disabled]:hover {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled],
.button.hollow.secondary[disabled]:focus,
.button.hollow.secondary[disabled]:hover {
    border: 1px solid #767676;
    color: #767676
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success.disabled:focus,
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled],
.button.hollow.success[disabled]:focus,
.button.hollow.success[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning.disabled:focus,
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled],
.button.hollow.warning[disabled]:focus,
.button.hollow.warning[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert.disabled:focus,
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled],
.button.hollow.alert[disabled]:focus,
.button.hollow.alert[disabled]:hover {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear:focus,
.button.clear:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    border-color: transparent;
    background-color: transparent
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    color: #048
}

.button.clear:focus,
.button.clear:hover {
    color: #024
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary.disabled:focus,
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled],
.button.clear.primary[disabled]:focus,
.button.clear.primary[disabled]:hover {
    color: #1779ba
}

.button.clear.primary:focus,
.button.clear.primary:hover {
    color: #0c3d5d
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary.disabled:focus,
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled],
.button.clear.secondary[disabled]:focus,
.button.clear.secondary[disabled]:hover {
    color: #767676
}

.button.clear.secondary:focus,
.button.clear.secondary:hover {
    color: #3b3b3b
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success.disabled:focus,
.button.clear.success.disabled:hover,
.button.clear.success[disabled],
.button.clear.success[disabled]:focus,
.button.clear.success[disabled]:hover {
    color: #3adb76
}

.button.clear.success:focus,
.button.clear.success:hover {
    color: #157539
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning.disabled:focus,
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled],
.button.clear.warning[disabled]:focus,
.button.clear.warning[disabled]:hover {
    color: #ffae00
}

.button.clear.warning:focus,
.button.clear.warning:hover {
    color: #805700
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert.disabled:focus,
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled],
.button.clear.alert[disabled]:focus,
.button.clear.alert[disabled]:hover {
    color: #cc4b37
}

.button.clear.alert:focus,
.button.clear.alert:hover {
    color: #67251a
}

.button.disabled,
.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.dropdown::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4em .4em 0;
    content: "";
    border-color: #fefefe transparent transparent;
    top: .4em;
    display: inline-block;
    margin-left: 1em
}

.button.dropdown.clear::after,
.button.dropdown.hollow::after {
    border-top-color: #048
}

.button.dropdown.clear.primary::after,
.button.dropdown.hollow.primary::after {
    border-top-color: #1779ba
}

.button.dropdown.clear.secondary::after,
.button.dropdown.hollow.secondary::after {
    border-top-color: #767676
}

.button.dropdown.clear.success::after,
.button.dropdown.hollow.success::after {
    border-top-color: #3adb76
}

.button.dropdown.clear.warning::after,
.button.dropdown.hollow.warning::after {
    border-top-color: #ffae00
}

.button.dropdown.clear.alert::after,
.button.dropdown.hollow.alert::after {
    border-top-color: #cc4b37
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

a.button:focus,
a.button:hover {
    text-decoration: none
}

#content .twocolumns a:hover,
.breadcrumbs a:hover {
    text-decoration: underline
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
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, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    appearance: none
}

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

textarea {
    min-height: 50px
}

textarea[rows] {
    height: auto
}

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

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

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

::placeholder {
    color: #cacaca
}

[type=checkbox],
[type=file],
[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: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    line-height: 1.5;
    padding: .5625rem 0
}

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

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

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

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

select,
select:focus {
    background-color: #fefefe;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

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

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

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.fieldset,
select {
    border: 1px solid #cacaca
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex: 0 0 auto
}

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

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

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem
}

.fieldset legend {
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem
}

select {
    height: 49px;
    margin: 0 0 1rem;
    padding: .5rem 1.5rem .5rem .5rem;
    appearance: none;
    border-radius: 0;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    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
}

.form-error,
.is-invalid-label {
    color: #cc4b37
}

@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: 0;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 5px #cacaca
}

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

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

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

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

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

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

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

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

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child>:first-child,
.accordion-item:last-child>:last-child {
    border-radius: 0
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    line-height: 1;
    color: #048
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-content,
.dropdown-pane,
.reveal {
    background-color: #fefefe
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+"
}

.is-active>.accordion-title::before {
    content: "–"
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after,
.submenu-toggle::after {
    border-width: 6px 6px 0;
    content: "";
    border-color: #048 transparent transparent;
    border-style: solid
}

.accordion-menu li {
    width: 100%
}

.accordion-menu .is-accordion-submenu a,
.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent>a::after {
    right: 1rem;
    left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent>a::after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a::after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.close-button,
.submenu-toggle {
    position: absolute;
    cursor: pointer
}

.has-submenu-toggle>a {
    margin-right: 40px
}

.submenu-toggle {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.show-for-sr,
.show-on-focus,
.submenu-toggle-text {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important
}

.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.submenu-toggle[aria-expanded=true]::after {
    transform: scaleY(-1);
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    background: #048;
    color: #fefefe
}

.badge.primary {
    background: #1779ba;
    color: #fefefe
}

.badge.secondary {
    background: #767676;
    color: #fefefe
}

.badge.success {
    background: #3adb76;
    color: #0a0a0a
}

.badge.warning {
    background: #ffae00;
    color: #0a0a0a
}

.badge.alert {
    background: #cc4b37;
    color: #fefefe
}

.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none
}

.breadcrumbs::after,
.breadcrumbs::before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.breadcrumbs::after {
    clear: both
}

.breadcrumbs li {
    float: left;
    font-size: .6875rem;
    color: #0a0a0a;
    cursor: default
}

.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 .25rem;
    opacity: 1;
    content: ">";
    color: #cacaca
}

.breadcrumbs a {
    color: #048
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-grow: 1
}

.button-group::after,
.button-group::before {
    content: " ";
    flex-basis: 0;
    order: 1;
    display: none
}

.menu-icon.dark::after,
.menu-icon::after {
    content: "";
    top: 0
}

.button-group::after {
    clear: both
}

.button-group .button {
    margin: 0 1px 1px 0;
    font-size: .9rem;
    flex: 0 0 auto
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded .button {
    flex: 1 1 0px
}

.button-group.primary .button,
.button-group.primary .button.disabled,
.button-group.primary .button.disabled:focus,
.button-group.primary .button.disabled:hover,
.button-group.primary .button[disabled],
.button-group.primary .button[disabled]:focus,
.button-group.primary .button[disabled]:hover {
    background-color: #1779ba;
    color: #fefefe
}

.button-group.primary .button:focus,
.button-group.primary .button:hover {
    background-color: #126195;
    color: #fefefe
}

.button-group.secondary .button,
.button-group.secondary .button.disabled,
.button-group.secondary .button.disabled:focus,
.button-group.secondary .button.disabled:hover,
.button-group.secondary .button[disabled],
.button-group.secondary .button[disabled]:focus,
.button-group.secondary .button[disabled]:hover {
    background-color: #767676;
    color: #fefefe
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
    background-color: #5e5e5e;
    color: #fefefe
}

.button-group.success .button,
.button-group.success .button.disabled,
.button-group.success .button.disabled:focus,
.button-group.success .button.disabled:hover,
.button-group.success .button[disabled],
.button-group.success .button[disabled]:focus,
.button-group.success .button[disabled]:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button-group.success .button:focus,
.button-group.success .button:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button-group.warning .button,
.button-group.warning .button.disabled,
.button-group.warning .button.disabled:focus,
.button-group.warning .button.disabled:hover,
.button-group.warning .button[disabled],
.button-group.warning .button[disabled]:focus,
.button-group.warning .button[disabled]:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button-group.warning .button:focus,
.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button-group.alert .button,
.button-group.alert .button.disabled,
.button-group.alert .button.disabled:focus,
.button-group.alert .button.disabled:hover,
.button-group.alert .button[disabled],
.button-group.alert .button[disabled]:focus,
.button-group.alert .button[disabled]:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button-group.alert .button:focus,
.button-group.alert .button:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button:focus,
.button-group.hollow .button:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
    background-color: transparent
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
    border: 1px solid #048;
    color: #048
}

.button-group.hollow .button:focus,
.button-group.hollow .button:hover {
    border-color: #024;
    color: #024
}

.button-group.hollow .button.primary,
.button-group.hollow .button.primary.disabled,
.button-group.hollow .button.primary.disabled:focus,
.button-group.hollow .button.primary.disabled:hover,
.button-group.hollow .button.primary[disabled],
.button-group.hollow .button.primary[disabled]:focus,
.button-group.hollow .button.primary[disabled]:hover,
.button-group.hollow.primary .button,
.button-group.hollow.primary .button.disabled,
.button-group.hollow.primary .button.disabled:focus,
.button-group.hollow.primary .button.disabled:hover,
.button-group.hollow.primary .button[disabled],
.button-group.hollow.primary .button[disabled]:focus,
.button-group.hollow.primary .button[disabled]:hover {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button-group.hollow .button.primary:focus,
.button-group.hollow .button.primary:hover,
.button-group.hollow.primary .button:focus,
.button-group.hollow.primary .button:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button-group.hollow .button.secondary,
.button-group.hollow .button.secondary.disabled,
.button-group.hollow .button.secondary.disabled:focus,
.button-group.hollow .button.secondary.disabled:hover,
.button-group.hollow .button.secondary[disabled],
.button-group.hollow .button.secondary[disabled]:focus,
.button-group.hollow .button.secondary[disabled]:hover,
.button-group.hollow.secondary .button,
.button-group.hollow.secondary .button.disabled,
.button-group.hollow.secondary .button.disabled:focus,
.button-group.hollow.secondary .button.disabled:hover,
.button-group.hollow.secondary .button[disabled],
.button-group.hollow.secondary .button[disabled]:focus,
.button-group.hollow.secondary .button[disabled]:hover {
    border: 1px solid #767676;
    color: #767676
}

.button-group.hollow .button.secondary:focus,
.button-group.hollow .button.secondary:hover,
.button-group.hollow.secondary .button:focus,
.button-group.hollow.secondary .button:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button-group.hollow .button.success,
.button-group.hollow .button.success.disabled,
.button-group.hollow .button.success.disabled:focus,
.button-group.hollow .button.success.disabled:hover,
.button-group.hollow .button.success[disabled],
.button-group.hollow .button.success[disabled]:focus,
.button-group.hollow .button.success[disabled]:hover,
.button-group.hollow.success .button,
.button-group.hollow.success .button.disabled,
.button-group.hollow.success .button.disabled:focus,
.button-group.hollow.success .button.disabled:hover,
.button-group.hollow.success .button[disabled],
.button-group.hollow.success .button[disabled]:focus,
.button-group.hollow.success .button[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button-group.hollow .button.success:focus,
.button-group.hollow .button.success:hover,
.button-group.hollow.success .button:focus,
.button-group.hollow.success .button:hover {
    border-color: #157539;
    color: #157539
}

.button-group.hollow .button.warning,
.button-group.hollow .button.warning.disabled,
.button-group.hollow .button.warning.disabled:focus,
.button-group.hollow .button.warning.disabled:hover,
.button-group.hollow .button.warning[disabled],
.button-group.hollow .button.warning[disabled]:focus,
.button-group.hollow .button.warning[disabled]:hover,
.button-group.hollow.warning .button,
.button-group.hollow.warning .button.disabled,
.button-group.hollow.warning .button.disabled:focus,
.button-group.hollow.warning .button.disabled:hover,
.button-group.hollow.warning .button[disabled],
.button-group.hollow.warning .button[disabled]:focus,
.button-group.hollow.warning .button[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button-group.hollow .button.warning:focus,
.button-group.hollow .button.warning:hover,
.button-group.hollow.warning .button:focus,
.button-group.hollow.warning .button:hover {
    border-color: #805700;
    color: #805700
}

.button-group.hollow .button.alert,
.button-group.hollow .button.alert.disabled,
.button-group.hollow .button.alert.disabled:focus,
.button-group.hollow .button.alert.disabled:hover,
.button-group.hollow .button.alert[disabled],
.button-group.hollow .button.alert[disabled]:focus,
.button-group.hollow .button.alert[disabled]:hover,
.button-group.hollow.alert .button,
.button-group.hollow.alert .button.disabled,
.button-group.hollow.alert .button.disabled:focus,
.button-group.hollow.alert .button.disabled:hover,
.button-group.hollow.alert .button[disabled],
.button-group.hollow.alert .button[disabled]:focus,
.button-group.hollow.alert .button[disabled]:hover {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button-group.hollow .button.alert:focus,
.button-group.hollow .button.alert:hover,
.button-group.hollow.alert .button:focus,
.button-group.hollow.alert .button:hover {
    border-color: #67251a;
    color: #67251a
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button:focus,
.button-group.clear .button:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
    border-color: transparent;
    background-color: transparent
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
    color: #048
}

.button-group.clear .button:focus,
.button-group.clear .button:hover {
    color: #024
}

.button-group.clear .button.primary,
.button-group.clear .button.primary.disabled,
.button-group.clear .button.primary.disabled:focus,
.button-group.clear .button.primary.disabled:hover,
.button-group.clear .button.primary[disabled],
.button-group.clear .button.primary[disabled]:focus,
.button-group.clear .button.primary[disabled]:hover,
.button-group.clear.primary .button,
.button-group.clear.primary .button.disabled,
.button-group.clear.primary .button.disabled:focus,
.button-group.clear.primary .button.disabled:hover,
.button-group.clear.primary .button[disabled],
.button-group.clear.primary .button[disabled]:focus,
.button-group.clear.primary .button[disabled]:hover {
    color: #1779ba
}

.button-group.clear .button.primary:focus,
.button-group.clear .button.primary:hover,
.button-group.clear.primary .button:focus,
.button-group.clear.primary .button:hover {
    color: #0c3d5d
}

.button-group.clear .button.secondary,
.button-group.clear .button.secondary.disabled,
.button-group.clear .button.secondary.disabled:focus,
.button-group.clear .button.secondary.disabled:hover,
.button-group.clear .button.secondary[disabled],
.button-group.clear .button.secondary[disabled]:focus,
.button-group.clear .button.secondary[disabled]:hover,
.button-group.clear.secondary .button,
.button-group.clear.secondary .button.disabled,
.button-group.clear.secondary .button.disabled:focus,
.button-group.clear.secondary .button.disabled:hover,
.button-group.clear.secondary .button[disabled],
.button-group.clear.secondary .button[disabled]:focus,
.button-group.clear.secondary .button[disabled]:hover {
    color: #767676
}

.button-group.clear .button.secondary:focus,
.button-group.clear .button.secondary:hover,
.button-group.clear.secondary .button:focus,
.button-group.clear.secondary .button:hover {
    color: #3b3b3b
}

.button-group.clear .button.success,
.button-group.clear .button.success.disabled,
.button-group.clear .button.success.disabled:focus,
.button-group.clear .button.success.disabled:hover,
.button-group.clear .button.success[disabled],
.button-group.clear .button.success[disabled]:focus,
.button-group.clear .button.success[disabled]:hover,
.button-group.clear.success .button,
.button-group.clear.success .button.disabled,
.button-group.clear.success .button.disabled:focus,
.button-group.clear.success .button.disabled:hover,
.button-group.clear.success .button[disabled],
.button-group.clear.success .button[disabled]:focus,
.button-group.clear.success .button[disabled]:hover {
    color: #3adb76
}

.button-group.clear .button.success:focus,
.button-group.clear .button.success:hover,
.button-group.clear.success .button:focus,
.button-group.clear.success .button:hover {
    color: #157539
}

.button-group.clear .button.warning,
.button-group.clear .button.warning.disabled,
.button-group.clear .button.warning.disabled:focus,
.button-group.clear .button.warning.disabled:hover,
.button-group.clear .button.warning[disabled],
.button-group.clear .button.warning[disabled]:focus,
.button-group.clear .button.warning[disabled]:hover,
.button-group.clear.warning .button,
.button-group.clear.warning .button.disabled,
.button-group.clear.warning .button.disabled:focus,
.button-group.clear.warning .button.disabled:hover,
.button-group.clear.warning .button[disabled],
.button-group.clear.warning .button[disabled]:focus,
.button-group.clear.warning .button[disabled]:hover {
    color: #ffae00
}

.button-group.clear .button.warning:focus,
.button-group.clear .button.warning:hover,
.button-group.clear.warning .button:focus,
.button-group.clear.warning .button:hover {
    color: #805700
}

.button-group.clear .button.alert,
.button-group.clear .button.alert.disabled,
.button-group.clear .button.alert.disabled:focus,
.button-group.clear .button.alert.disabled:hover,
.button-group.clear .button.alert[disabled],
.button-group.clear .button.alert[disabled]:focus,
.button-group.clear .button.alert[disabled]:hover,
.button-group.clear.alert .button,
.button-group.clear.alert .button.disabled,
.button-group.clear.alert .button.disabled:focus,
.button-group.clear.alert .button.disabled:hover,
.button-group.clear.alert .button[disabled],
.button-group.clear.alert .button[disabled]:focus,
.button-group.clear.alert .button[disabled]:hover {
    color: #cc4b37
}

.button-group.clear .button.alert:focus,
.button-group.clear .button.alert:hover,
.button-group.clear.alert .button:focus,
.button-group.clear.alert .button:hover {
    color: #67251a
}

.button-group.no-gaps .button {
    margin-right: -.0625rem
}

.button-group.no-gaps .button+.button {
    border-left-color: transparent
}

.button-group.stacked,
.button-group.stacked-for-medium,
.button-group.stacked-for-small {
    flex-wrap: wrap
}

.button-group.stacked .button,
.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button {
    flex: 0 0 100%
}

.button-group.stacked .button:last-child,
.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child {
    margin-bottom: 0
}

.button-group.stacked-for-medium.expanded .button,
.button-group.stacked-for-small.expanded .button,
.button-group.stacked.expanded .button {
    flex: 1 1 0px
}

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

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

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

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

    .button-group.stacked-for-small .button {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

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

    .button-group.stacked-for-medium .button {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media print,
screen and (max-width:49.99875em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    .button-group.stacked-for-medium.expanded {
        display: block
    }

    .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0
    }
}

.card,
.card-divider,
.menu {
    display: flex
}

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a
}

.callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a
}

.callout.success {
    background-color: #e1faea;
    color: #0a0a0a
}

.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a
}

.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.card {
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, .2);
    overflow: hidden;
    color: #0a0a0a
}

.card-divider>:last-child,
.card-section>:last-child,
.card>:last-child,
.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.card-divider {
    flex: 0 1 auto;
    padding: 1rem;
    background: #e6e6e6
}

.card-section {
    flex: 1 0 auto;
    padding: 1rem
}

.card-image {
    min-height: 1px
}

.close-button {
    z-index: 10;
    color: #8a8a8a
}

.menu,
.menu-icon {
    position: relative
}

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

.close-button:focus,
.close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap
}

.menu.nested,
.menu.simple li+li {
    margin-left: 1rem
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button,
.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .7rem 1rem
}

.menu input {
    display: inline-block
}

.menu,
.menu.horizontal {
    flex-wrap: wrap;
    flex-direction: row
}

.menu.vertical {
    flex-wrap: nowrap;
    flex-direction: column
}

.menu.expanded li {
    flex: 1 1 0px
}

.menu.simple {
    align-items: center
}

.menu.simple a {
    padding: 0
}

.drilldown .is-drilldown-submenu a,
.drilldown a,
.menu .menu-text {
    padding: .7rem 1rem
}

@media print,
screen and (min-width:50em) {
    .menu.medium-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.medium-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.medium-expanded li,
    .menu.medium-simple li {
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {
    .menu.large-horizontal {
        flex-wrap: wrap;
        flex-direction: row
    }

    .menu.large-vertical {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .menu.large-expanded li,
    .menu.large-simple li {
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0
}

.menu.icon-bottom a,
.menu.icon-left a,
.menu.icon-right a,
.menu.icon-top a,
.menu.icons a {
    display: flex
}

.menu.icon-left li a,
.menu.nested.icon-left li a {
    flex-flow: row nowrap
}

.menu.icon-left li a i,
.menu.icon-left li a img,
.menu.icon-left li a svg,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a img,
.menu.nested.icon-left li a svg {
    margin-right: .25rem
}

.menu.icon-right li a,
.menu.nested.icon-right li a {
    flex-flow: row nowrap
}

.menu.icon-right li a i,
.menu.icon-right li a img,
.menu.icon-right li a svg,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a img,
.menu.nested.icon-right li a svg {
    margin-left: .25rem
}

.menu.icon-top li a i,
.menu.icon-top li a img,
.menu.icon-top li a svg,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a img,
.menu.nested.icon-top li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu.icon-bottom li a,
.menu.nested.icon-bottom li a {
    flex-flow: column nowrap
}

.menu.icon-bottom li a i,
.menu.icon-bottom li a img,
.menu.icon-bottom li a svg,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu .active>a,
.menu .is-active>a {
    background: #1779ba;
    color: #fefefe
}

.menu.align-left {
    justify-content: flex-start
}

.menu.align-right li {
    display: flex;
    justify-content: flex-end
}

.menu.align-right li .submenu li {
    justify-content: flex-start
}

.menu-centered>.menu,
.menu.align-center li {
    justify-content: center
}

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a svg,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a svg,
.menu.align-right.vertical li .submenu li {
    text-align: right
}

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: flex
}

.menu.align-center li .submenu li {
    justify-content: flex-start
}

.menu .menu-text {
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.menu-centered>.menu li {
    display: flex;
    justify-content: center
}

.menu-centered>.menu li .submenu li,
.title-bar {
    justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block
}

.is-drilldown.animate-height {
    transition: height .5s
}

.drilldown a {
    background: 0 0
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #00376e;
    transition: transform .15s linear
}

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%)
}

.drilldown .is-drilldown-submenu.is-closing {
    transform: translateX(100%)
}

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%
}

.drilldown .is-drilldown-submenu-parent>a {
    position: relative
}

.drilldown .is-drilldown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    content: "";
    border-color: transparent transparent transparent #fefefe;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.drilldown.align-left .is-drilldown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    content: "";
    border-color: transparent transparent transparent #048;
    right: 1rem;
    left: auto
}

.drilldown .js-drilldown-back>a::before,
.drilldown.align-right .is-drilldown-submenu-parent>a::after {
    border-style: solid;
    border-width: 6px 6px 6px 0;
    width: 0;
    height: 0;
    content: ""
}

.drilldown.align-right .is-drilldown-submenu-parent>a::after {
    display: block;
    border-color: transparent #048 transparent transparent;
    right: auto;
    left: 1rem
}

.drilldown .js-drilldown-back>a::before {
    border-color: transparent #fefefe transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    font-size: 1rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    content: "";
    border-color: #048 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu>li>a {
    background: #fefefe;
    padding: .7rem 1rem
}

.dropdown.menu>li.is-active>a {
    background: 0 0;
    color: #1779ba
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    content: "";
    border-color: transparent #048 transparent transparent;
    right: auto;
    left: 5px
}

.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    content: "";
    border-color: transparent transparent transparent #048
}

@media print,
screen and (min-width:50em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0;
        content: "";
        border-color: #048 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        content: "";
        border-color: transparent #048 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 6px;
        content: "";
        border-color: transparent transparent transparent #048
    }
}

@media print,
screen and (min-width:64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0;
        content: "";
        border-color: #048 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        content: "";
        border-color: transparent #048 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 6px;
        content: "";
        border-color: transparent transparent transparent #048
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    content: "";
    border-color: transparent #048 transparent transparent;
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    content: "";
    border-color: transparent transparent transparent #048
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.js-off-canvas-overlay,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0
}

.flex-video.widescreen,
.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #048;
    color: #fefefe
}

.btNumbers .blueBackground p.circle span,
.btNumbers.blueBackground p.circle span,
.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.label.primary {
    background: #1779ba;
    color: #fefefe
}

.label.secondary {
    background: #767676;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.alert {
    background: #cc4b37;
    color: #fefefe
}

.media-object {
    display: flex;
    margin-bottom: 1rem;
    flex-wrap: nowrap
}

.media-object-section>:last-child,
.orbit-caption {
    margin-bottom: 0
}

@media print,
screen and (max-width:49.99875em) {
    .media-object.stack-for-small {
        flex-wrap: wrap
    }
}

.media-object-section {
    flex: 0 1 auto
}

.media-object-section:first-child {
    padding-right: 1rem
}

@media print,
screen and (max-width:49.99875em) {
    .stack-for-small .media-object-section {
        padding: 0 0 1rem;
        flex-basis: 100%;
        max-width: 100%
    }

    .stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section.main-section {
    flex: 1 1 0px
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    z-index: 11;
    transition: opacity .5s ease, visibility .5s ease;
    background: rgba(254, 254, 254, .25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.off-canvas,
.off-canvas-absolute {
    background: #e6e6e6;
    transition: transform .5s ease;
    backface-visibility: hidden
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

#pageup #campaignsDiv,
#pageup #header.main-header .main-nav>li.hover>a:before,
#technology #header.main-header .main-nav>li.hover>a:before,
.invisible,
.off-canvas-absolute.is-closed,
.off-canvas.is-closed,
.search-results .gsc-resultsHeader,
.slate-form .slate-info,
.slick-loading .slick-slide,
.slick-loading .slick-track,
div.slideshow.not-enough-slides a.btn-next,
div.slideshow.not-enough-slides a.btn-prev {
    visibility: hidden
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.position-left,
.position-right {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 250px;
    top: 0
}

.off-canvas {
    position: fixed
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-push {
    z-index: 12
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas.is-open {
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-push {
    z-index: 12
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, .7)
}

.off-canvas-absolute.is-open {
    transform: translate(0, 0)
}

.off-canvas-content .off-canvas.position-left,
.position-left {
    transform: translateX(-250px)
}

.position-left {
    left: 0
}

@media print,
screen and (min-width:50em) {
    .position-left {
        width: 250px;
        transform: translateX(-250px)
    }

    .off-canvas-content .off-canvas.position-left {
        transform: translateX(-250px)
    }
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content .off-canvas.position-right,
.off-canvas-content.is-open-left.has-transition-push,
.position-right {
    transform: translateX(250px)
}

.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, .25)
}

.position-right {
    right: 0
}

@media print,
screen and (min-width:50em) {
    .off-canvas-content.is-open-left.has-transition-push {
        transform: translateX(250px)
    }

    .position-right {
        width: 250px;
        transform: translateX(250px)
    }

    .off-canvas-content .off-canvas.position-right {
        transform: translateX(250px)
    }
}

.position-bottom,
.position-top {
    width: 100%;
    height: 250px;
    left: 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-250px)
}

@media print,
screen and (min-width:50em) {
    .off-canvas-content.is-open-right.has-transition-push {
        transform: translateX(-250px)
    }

    .position-top {
        height: 250px;
        transform: translateY(-250px)
    }
}

.off-canvas-content .off-canvas.position-top,
.position-top {
    transform: translateY(-250px)
}

.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, .25)
}

.position-top {
    top: 0
}

@media print,
screen and (min-width:50em) {
    .off-canvas-content .off-canvas.position-top {
        transform: translateY(-250px)
    }
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content .off-canvas.position-bottom,
.off-canvas-content.is-open-top.has-transition-push,
.position-bottom {
    transform: translateY(250px)
}

.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, .25)
}

.position-bottom {
    bottom: 0
}

@media print,
screen and (min-width:50em) {
    .off-canvas-content.is-open-top.has-transition-push {
        transform: translateY(250px)
    }

    .position-bottom {
        height: 250px;
        transform: translateY(250px)
    }

    .off-canvas-content .off-canvas.position-bottom {
        transform: translateY(250px)
    }
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    transform: translate(0, 0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-250px)
}

@media print,
screen and (min-width:50em) {
    .off-canvas-content.is-open-bottom.has-transition-push {
        transform: translateY(-250px)
    }
}

.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, .25)
}

.off-canvas-content {
    transform: none;
    backface-visibility: hidden
}

.off-canvas-content.has-transition-overlap,
.off-canvas-content.has-transition-push {
    transition: transform .5s ease
}

.off-canvas-content .off-canvas.is-open,
.off-canvas-content.has-transition-push {
    transform: translate(0, 0)
}

@media print,
screen and (min-width:50em) {

    .position-bottom.reveal-for-medium,
    .position-left.reveal-for-medium,
    .position-right.reveal-for-medium,
    .position-top.reveal-for-medium {
        z-index: 12;
        transition: none;
        visibility: visible;
        transform: none
    }

    .position-bottom.reveal-for-medium .close-button,
    .position-left.reveal-for-medium .close-button,
    .position-right.reveal-for-medium .close-button,
    .position-top.reveal-for-medium .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-left,
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }

    .off-canvas-content .position-right.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-right,
    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }

    .off-canvas-content .position-top.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-top,
    .position-top.reveal-for-medium~.off-canvas-content {
        margin-top: 250px
    }

    .off-canvas-content .position-bottom.reveal-for-medium {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,
    .position-bottom.reveal-for-medium~.off-canvas-content {
        margin-bottom: 250px
    }

    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-medium.position-bottom,
    .off-canvas.in-canvas-for-medium.position-left,
    .off-canvas.in-canvas-for-medium.position-right,
    .off-canvas.in-canvas-for-medium.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-medium .close-button {
        display: none
    }
}

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

    .position-bottom.reveal-for-large,
    .position-left.reveal-for-large,
    .position-right.reveal-for-large,
    .position-top.reveal-for-large {
        z-index: 12;
        transition: none;
        visibility: visible;
        transform: none
    }

    .position-bottom.reveal-for-large .close-button,
    .position-left.reveal-for-large .close-button,
    .position-right.reveal-for-large .close-button,
    .position-top.reveal-for-large .close-button {
        display: none
    }

    .off-canvas-content .position-left.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-left,
    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }

    .off-canvas-content .position-right.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-right,
    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }

    .off-canvas-content .position-top.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-top,
    .position-top.reveal-for-large~.off-canvas-content {
        margin-top: 250px
    }

    .off-canvas-content .position-bottom.reveal-for-large {
        transform: none
    }

    .off-canvas-content.has-reveal-bottom,
    .position-bottom.reveal-for-large~.off-canvas-content {
        margin-bottom: 250px
    }

    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: 0 0;
        width: auto;
        overflow: visible;
        transition: none
    }

    .off-canvas.in-canvas-for-large.position-bottom,
    .off-canvas.in-canvas-for-large.position-left,
    .off-canvas.in-canvas-for-large.position-right,
    .off-canvas.in-canvas-for-large.position-top {
        box-shadow: none;
        transform: none
    }

    .off-canvas.in-canvas-for-large .close-button {
        display: none
    }
}

.orbit,
.orbit-container {
    position: relative
}

.orbit-caption,
.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: rgba(10, 10, 10, .5)
}

.orbit-caption,
.orbit-slide {
    width: 100%;
    position: absolute
}

.orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    margin: 0
}

.orbit-caption {
    bottom: 0;
    padding: 1rem;
    color: #fefefe
}

.orbit-next,
.orbit-previous {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

.pagination,
.progress,
.switch {
    margin-bottom: 1rem
}

.orbit-bullets button.is-active,
.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0
}

.pagination::after,
.pagination::before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.pagination::after {
    clear: both
}

.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    display: none
}

.pagination li:first-child,
.pagination li:last-child {
    display: inline-block
}

@media print,
screen and (min-width:50em) {
    .pagination li {
        display: inline-block
    }

    .reveal {
        min-height: 0
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #048;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: 0 0
}

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: "…";
    color: #0a0a0a
}

.progress-meter-text,
.switch {
    font-weight: 700;
    color: #fefefe
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: "«"
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: "»"
}

.progress {
    height: 1rem;
    background-color: #cacaca
}

.progress.primary .progress-meter {
    background-color: #1779ba
}

.progress.secondary .progress-meter {
    background-color: #767676
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #cc4b37
}

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #048
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: .75rem;
    white-space: nowrap
}

.slider-fill,
.slider-handle {
    left: 0;
    display: inline-block
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    user-select: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0s linear
}

.slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: grab;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #048;
    transition: all .2s ease-in-out;
    touch-action: manipulation
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #003a74
}

.slider-handle.is-dragging {
    transition: all 0s linear;
    cursor: grabbing
}

.slider.disabled,
.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scale(1, -1)
}

.slider.vertical .slider-handle,
.tooltip.bottom.align-center::before,
.tooltip.top.align-center::before {
    left: 50%;
    transform: translateX(-50%)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    width: 1.4rem;
    height: 1.4rem
}

.sticky,
.sticky-container {
    position: relative
}

.nested,
.nested .callout,
.reveal.full,
.top-bar,
.top-bar-section,
.top-bar-section ul,
.top-bar.expanded {
    height: 100%
}

.sticky {
    z-index: 0;
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

html.is-reveal-open body {
    overflow-y: hidden
}

.reveal,
.reveal-overlay {
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    background-color: rgba(10, 10, 10, .45)
}

.reveal {
    z-index: 1006;
    backface-visibility: hidden;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    position: relative;
    top: 100px
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width:50em) {
    .reveal {
        width: 600px;
        max-width: 60rem
    }

    .reveal.tiny {
        width: 30%;
        max-width: 60rem
    }

    .reveal.small {
        width: 50%;
        max-width: 60rem
    }

    .reveal.large {
        width: 90%;
        max-width: 60rem
    }
}

.reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media print,
screen and (max-width:49.99875em) {
    .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    position: relative;
    outline: 0;
    font-size: .875rem;
    user-select: none;
    height: 2rem
}

#okta-login-container #okta-sign-in.auth-container h2,
.switch-paddle {
    font-weight: inherit
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all .25s ease-out;
    color: inherit;
    cursor: pointer
}

caption,
tfoot td,
tfoot th,
thead td,
thead th {
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

tfoot,
thead {
    color: #0a0a0a
}

input+.switch-paddle {
    margin: 0
}

.thumbnail,
table {
    margin-bottom: 1rem
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fefefe;
    transition: all .25s ease-out;
    content: ""
}

input:checked~.switch-paddle {
    background: #048
}

input:checked~.switch-paddle::after {
    left: 2.25rem
}

input:disabled~.switch-paddle {
    cursor: not-allowed;
    opacity: .5
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,
.switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    top: .25rem;
    left: .25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle::after {
    left: 2.75rem
}

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

tbody,
tfoot,
thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

thead {
    background: #f8f8f8
}

tfoot {
    background: #f1f1f1
}

tfoot tr,
thead tr {
    background: 0 0
}

tbody td,
tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

table.unstriped tbody,
table.unstriped tbody tr {
    background-color: #fefefe
}

table.unstriped tbody tr {
    border-bottom: 1px solid #f1f1f1
}

@media print,
screen and (max-width:63.99875em) {

    table.stack tfoot,
    table.stack thead {
        display: none
    }

    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

.tabs,
.tabs-content {
    border: 1px solid #e6e6e6
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.tabs {
    margin: 0;
    background: #fefefe;
    list-style-type: none
}

.tabs::after,
.tabs::before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.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: 0 0
}

.tabs.primary {
    background: #1779ba
}

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

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

.tabs-title {
    float: left
}

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

[data-whatinput=mouse] .tabs-title>a {
    outline: 0
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #003a75
}

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

.tabs-content {
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    transition: all .5s ease
}

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

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    border: 4px solid #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, .2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow .2s ease-out
}

.slide-in-down.mui-enter,
.slide-in-left.mui-enter,
.slide-in-right.mui-enter,
.slide-in-up.mui-enter,
.slide-out-down.mui-leave,
.slide-out-left.mui-leave,
.slide-out-right.mui-leave,
.slide-out-up.mui-leave {
    transition-timing-function: linear;
    transition-property: transform, opacity;
    backface-visibility: hidden
}

a.thumbnail:focus,
a.thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(0, 68, 136, .5)
}

.shubb.bb-login .login-form .button.inverse,
a.thumbnail image {
    box-shadow: none
}

.title-bar {
    padding: .5rem;
    background: #002142;
    color: #fefefe;
    display: flex;
    align-items: center
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left,
.title-bar-right {
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: 700;
    cursor: help
}

.tooltip,
.tooltip::before {
    position: absolute
}

.tooltip.bottom::before,
.tooltip.left::before,
.tooltip.right::before,
.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    content: ""
}

.tooltip {
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe
}

.tooltip.bottom::before {
    border-width: 0 .75rem .75rem;
    border-color: transparent transparent #0a0a0a;
    bottom: 100%
}

.tooltip.top::before {
    border-width: .75rem .75rem 0;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.left.align-center::before,
.tooltip.right.align-center::before {
    transform: translateY(-50%);
    bottom: auto;
    top: 50%
}

.tooltip.left::before {
    border-width: .75rem 0 .75rem .75rem;
    border-color: transparent transparent transparent #0a0a0a;
    left: 100%
}

.tooltip.right::before {
    border-width: .75rem .75rem .75rem 0;
    border-color: transparent #0a0a0a transparent transparent;
    right: 100%;
    left: auto
}

.tooltip.align-top::before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom::before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left::before {
    left: 10%;
    right: auto
}

.tooltip.align-right::before {
    left: auto;
    right: 10%
}

.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem;
    flex-wrap: wrap
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width:50em) {
    .top-bar {
        flex-wrap: nowrap
    }

    .top-bar .top-bar-left {
        flex: 1 1 auto;
        margin-right: auto
    }

    .top-bar .top-bar-right {
        flex: 0 1 auto;
        margin-left: auto
    }

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

@media print,
screen and (max-width:63.99875em) {
    .top-bar.stacked-for-medium {
        flex-wrap: wrap
    }

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,
screen and (max-width:74.99875em) {
    .top-bar.stacked-for-large {
        flex-wrap: wrap
    }

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-bar-title {
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left,
.top-bar-right {
    flex: 0 0 auto
}

.visible {
    visibility: visible
}

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

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

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

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

@media screen and (max-width:49.99875em),
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.99875em) {
    .show-for-large {
        display: none !important
    }
}

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

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

.show-for-sr,
.show-on-focus {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important
}

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

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

@media screen and (orientation:landscape) {

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

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

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

@media screen and (orientation:portrait) {

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

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

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme:dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .show-for-ie {
        display: block !important
    }

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

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

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

.clearfix::after,
.clearfix::before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.clearfix::after {
    clear: both
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transform: translateY(-100%)
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transform: translateX(-100%)
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transform: translateY(100%)
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transform: translateX(100%)
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transform: translateY(0)
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transform: translateX(0)
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transform: translateY(0)
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transform: translateX(0)
}

.fade-in.mui-enter,
.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: opacity
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    opacity: 0
}

.fade-in.mui-enter.mui-enter-active,
.fade-out.mui-leave {
    opacity: 1
}

.hinge-in-from-bottom.mui-enter,
.hinge-in-from-left.mui-enter,
.hinge-in-from-middle-x.mui-enter,
.hinge-in-from-middle-y.mui-enter,
.hinge-in-from-right.mui-enter,
.hinge-in-from-top.mui-enter,
.hinge-out-from-bottom.mui-leave,
.hinge-out-from-left.mui-leave,
.hinge-out-from-middle-x.mui-leave,
.hinge-out-from-middle-y.mui-leave,
.hinge-out-from-right.mui-leave,
.hinge-out-from-top.mui-leave,
.scale-in-down.mui-enter,
.scale-in-up.mui-enter,
.scale-out-down.mui-leave,
.scale-out-up.mui-leave,
.spin-in-ccw.mui-enter,
.spin-in.mui-enter,
.spin-out-ccw.mui-leave,
.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform, opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,
.hinge-out-from-top.mui-leave {
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transform-origin: top
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transform: perspective(2000px) rotate(0);
    transform-origin: right;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transform: perspective(2000px) rotate(0);
    transform-origin: bottom;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transform: perspective(2000px) rotate(0);
    transform-origin: left;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transform: perspective(2000px) rotate(0);
    transform-origin: center;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transform: perspective(2000px) rotate(0);
    transform-origin: center;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transform: scale(.5);
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transform: scale(1.5);
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,
.scale-out-up.mui-leave {
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transform: scale(1);
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transform: rotate(-.75turn);
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,
.spin-out.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-in-ccw.mui-enter,
.spin-out.mui-leave.mui-leave-active {
    transform: rotate(.75turn);
    opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active,
.spin-out-ccw.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
    transform: rotate(-.75turn);
    opacity: 0
}

.slow {
    transition-duration: 750ms !important
}

.linear {
    transition-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
    animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    transition-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important;
    animation-delay: .7s !important
}

.shake {
    animation-name: shake-7
}

@keyframes shake-7 {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%)
    }

    15%,
    25%,
    35%,
    45%,
    5%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    100% {
        transform: rotate(0)
    }
}

.spin-ccw {
    animation-name: spin-ccw-1turn
}

@keyframes spin-ccw-1turn {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-1turn)
    }
}

.wiggle {
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {

    40%,
    50%,
    60% {
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg)
    }

    0%,
    100%,
    30%,
    70% {
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: 750ms !important
}

.fast {
    transition-duration: 250ms !important;
    animation-duration: 250ms !important
}

#main .btn-top,
.w1 .btn-top {
    background: url(/_resources/images/sprite.png) -126px 0 no-repeat;
    width: 74px;
    height: 75px;
    position: fixed;
    right: 45px;
    bottom: 45px;
    opacity: 0;
    transition: all .3s linear
}

.about .introduction,
.about .students,
.about .three-students {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#header.main-header .main-nav .mega-drop .social-networks li a:hover,
#main .btn-top:hover,
.inline.video .play:hover,
.post .video .play:hover,
.video-big .btn-play:hover,
.video-block .video .btn-play:hover,
.w1 .btn-top:hover {
    opacity: .8
}

@media only screen and (max-width:941px) {

    #main .btn-top,
    .w1 .btn-top {
        display: none
    }
}

#main #login .button,
.w1 #login .button {
    padding: .85em 1em;
    font-size: .9rem
}

#main .button,
.w1 .button {
    color: #fefefe;
    text-decoration: none;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem
}

#main .button:active,
#main .button:focus,
#main .button:hover,
#main .button:visited,
.w1 .button:active,
.w1 .button:focus,
.w1 .button:hover,
.w1 .button:visited {
    color: #fefefe;
    text-decoration: none
}

#main .button.transparent:hover,
.w1 .button.transparent:hover {
    color: #048
}

#main .button a,
#main .button a:active,
#main .button a:focus,
#main .button a:hover,
#main .button a:visited,
.w1 .button a,
.w1 .button a:active,
.w1 .button a:focus,
.w1 .button a:hover,
.w1 .button a:visited {
    text-decoration: none
}

#main #jobs-form .button,
.w1 #jobs-form .button {
    color: #048 !important
}

#main .search .button,
.w1 .search .button {
    width: 100%;
    padding: 11px 0
}

.about .application-profile,
.about .costs,
.about .deadlines,
.about .history,
.about .student-life,
.about .student-profile {
    padding: 3rem 0
}

#main #nav-program-bottom a,
.w1 #nav-program-bottom a {
    border: 2px solid #fefefe;
    color: #fefefe;
    margin: 15px
}

.about .academics .stats .icon img,
.about .application-profile .stats img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.button a {
    color: #fefefe !important
}

.about {
    color: #048
}

.about .icon p {
    margin-bottom: 1.5rem
}

.about .icon img {
    max-width: 7rem
}

.about .icon h3 {
    font-size: 4rem;
    line-height: .8
}

.about .info {
    margin-top: 1rem;
    margin-bottom: 2rem
}

.about .academics .employment,
.about .history p {
    margin-top: 3rem
}

.about .introduction {
    min-height: 40vh;
    background-image: url(/images/about-introduction.jpg)
}

.about .history h3 {
    color: #05acf0
}

.about .academics .stats h4,
.about .academics .stats p {
    text-align: center
}

.about .academics .stats h3 {
    text-align: center;
    font-size: 4rem
}

.about .students {
    min-height: 40vh;
    background-image: url(/images/about-student-life.jpg)
}

.about .student-life .stats {
    text-align: center
}

.about .student-life .stats h3 {
    font-size: 5rem;
    text-align: center
}

.about .student-life .stats p {
    font-size: 1.7rem;
    line-height: .5
}

.about .application-profile .stats img {
    max-width: 15rem
}

.about .application-profile .stats ul {
    font-size: 1.5rem;
    margin-top: 2.5rem;
    font-weight: 700
}

.about .application-profile .stats p {
    font-size: 1.7rem;
    margin-top: 2rem
}

.about .student-profile .stats {
    text-align: center
}

.about .student-profile img {
    max-width: 7rem;
    display: block;
    margin: 0 auto
}

.about .student-profile h3 {
    font-size: 3rem
}

.about .three-students {
    min-height: 60vh;
    background-image: url(/images/about-three-students.jpg)
}

.about .costs .icon {
    display: block;
    margin: 0 auto;
    text-align: center
}

.about .costs .icon h3 {
    text-align: center
}

.about .costs .icon ul {
    margin-top: 2rem
}

.about .deadlines h2 {
    padding-bottom: 1rem
}

.accordion-title {
    font-size: 1rem
}

.events-holder .post p {
    margin-bottom: 32px
}

.events-holder a,
.events-holder a:hover {
    color: #048
}

.events-holder article {
    background: #fefefe;
    min-height: 100%;
    padding: 23px 10px
}

.events-holder article.post {
    padding-bottom: 50px
}

.events-holder hr {
    border-width: inherit;
    width: 50px;
    margin: 10px 0
}

.events-holder .event-date small {
    color: #4d4d4d
}

.events-holder .text-holder a {
    color: #048
}

#CommonSpot-Technology-Events h3 {
    margin-bottom: .1rem
}

.addthis_native_toolbox {
    padding-top: 5px
}

.admissions a.apply-now {
    background: #A33100;
    padding: 15px 30px;
    text-transform: uppercase
}

.admissions.gray-box .post {
    border: none;
    background: #048;
    color: #fefefe;
    padding-bottom: 0
}

.admissions.gray-box .post img {
    border-bottom: 5px solid #e5e5e5
}

.admissions.gray-box .post .text {
    padding: 15px 15px 17px 20px
}

.admissions .text h2 a {
    color: #fefefe !important;
    font-size: 1.3rem
}

.admissions.blue-box a.button {
    border: 3px solid #fefefe;
    background: #002245
}

.admissions .contacts-box h2 {
    background: #537AA1
}

.admissions .contacts a.button {
    width: 100%;
    font-size: x-large;
    border: none !important
}

.affordability .hero {
    background-color: #ccc;
    padding: 10rem 0;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(/images/affordability-hero.jpg)
}

.affordability .hero .medium-6 {
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.affordability .hero .medium-6 h2 {
    color: #fff;
    font-weight: 600;
    font-size: 4rem
}

@media only screen and (max-width:600px) {
    .affordability .hero .medium-6 h2 {
        font-size: 3
    }
}

.affordability img {
    margin: 1rem 0
}

.affordability .callouts {
    text-align: center
}

.affordability .callouts h2 {
    font-weight: 600;
    font-size: 3rem
}

@media only screen and (max-width:600px) {
    .affordability .callouts h2 {
        font-size: 2
    }
}

.affordability .callouts p {
    font-size: 1.5rem;
    line-height: 1.25
}

.affordability .great-minds {
    margin: 1rem 0 3rem
}

.affordability .great-minds h2 {
    font-weight: 600;
    font-size: 4rem
}

@media only screen and (max-width:600px) {
    .affordability .great-minds h2 {
        font-size: initial
    }
}

.affordability .great-minds h2 small {
    color: #f47825
}

.shubb.bb-login {
    background-color: #fff;
    color: #000
}

.shubb.bb-login .new-logo.customized-logo img {
    width: 100%;
    height: auto;
    border-radius: unset
}

.shubb.bb-login .login-form label {
    position: initial;
    color: #000
}

.shubb.bb-login .login-form label.float-above {
    color: #000
}

.shubb.bb-login .login-form input {
    background-color: #fff;
    color: #000
}

.shubb.bb-login .login-form input[type=password],
.shubb.bb-login .login-form input[type=text] {
    margin: .5rem 0 1rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    color: #000
}

.shubb.bb-login .login-form .button {
    background-color: #048;
    color: #fff
}

.shubb.bb-login .login-form .button:hover {
    color: #fff
}

.shubb.bb-login .login-form-footer a {
    color: #048
}

.infographic.bythenumbers {
    text-align: center
}

.infographic.bythenumbers h1 {
    text-align: center;
    font-size: 7rem
}

.infographic.bythenumbers h1 small {
    font-size: large;
    display: block;
    margin-bottom: 30px
}

.infographic.bythenumbers h5 {
    color: #000;
    font-weight: 700;
    text-align: center
}

.infographic.bythenumbers ul {
    list-style: none;
    margin-left: 0
}

.infographic.bythenumbers .title h1 {
    font-size: 4.9rem;
    font-weight: 400
}

.infographic.bythenumbers .title small {
    color: #4d4e4e;
    line-height: 2rem;
    font-weight: 400
}

.infographic.bythenumbers .title .button {
    padding: 10px 15px;
    margin: 0 10px
}

.infographic.bythenumbers .completedProjects img,
.posts-holder {
    margin: 40px 0 0
}

.infographic.bythenumbers .completedProjects h1 {
    color: #000
}

.infographic.bythenumbers .graduatingClass h1,
.infographic.bythenumbers .worldRanking h1 {
    color: #ff3f12
}

.infographic.bythenumbers .admissionsSelectivity h1,
.infographic.bythenumbers .bigEast h1,
.infographic.bythenumbers .giving h1 {
    color: #000
}

.infographic.bythenumbers .completedProjects,
.infographic.bythenumbers .graduatingClass,
.infographic.bythenumbers .sat {
    border: 1px solid #ccc;
    min-height: 55vh;
    max-height: 542px
}

.infographic.bythenumbers .bigEast,
.infographic.bythenumbers .giving,
.infographic.bythenumbers .worldRanking {
    border: 1px solid #ccc;
    min-height: 40vh;
    max-height: 394px
}

.infographic.bythenumbers .admissionsSelectivity,
.infographic.bythenumbers .annualFundraising,
.infographic.bythenumbers .ncaaTournament {
    border: 1px solid #ccc;
    min-height: 76vh;
    max-height: 748px
}

.btNumbers span.fad.fa-6x:after {
    left: -36px
}

.btNumbers .mission {
    background-color: #048;
    color: #fff
}

.btNumbers .mission figure {
    display: flex;
    flex-flow: row;
    align-items: stretch;
    justify-content: center
}

@media only screen and (max-width:600px) {
    .btNumbers .mission figure {
        flex-wrap: wrap
    }
}

.btNumbers .mission figure figcaption {
    padding: 1rem;
    display: flex;
    flex-flow: column;
    align-items: start;
    justify-content: center;
    min-width: 50%
}

.btNumbers .mission figure figcaption p {
    margin-bottom: 0
}

.btNumbers .mission figure figcaption h1,
.btNumbers .mission figure figcaption h2,
.btNumbers .mission figure figcaption h3,
.btNumbers .mission figure figcaption h4,
.btNumbers .mission figure figcaption h5,
.btNumbers .mission figure figcaption h6 {
    color: #fff;
    font-weight: 700
}

.btNumbers .mission figure img {
/*     max-width: 50%; */
    object-fit: cover
}

@media only screen and (max-width:600px) {
    .btNumbers .mission figure img {
        max-width: 100%;
        margin: 1rem 0
    }
}

.btNumbers .medium-6 .CS_Textblock_Text {
    display: flex;
    align-items: center;
    flex-flow: row;
    min-height: 215px;
    padding: 1rem
}

.btNumbers h3 {
    font-size: 6rem;
    margin-bottom: 1rem;
    line-height: .5;
    padding-bottom: .5rem
}

.btNumbers ul {
    margin: 0
}

.btNumbers li {
    text-align: center
}

.btNumbers .fad {
    color: #048
}

.btNumbers .blueBackground {
    background-color: #048;
    color: #fff
}

.btNumbers .blueBackground .fad,
.btNumbers .blueBackground h1,
.btNumbers .blueBackground h2,
.btNumbers .blueBackground h3,
.btNumbers .blueBackground h4,
.btNumbers .blueBackground h5,
.btNumbers .blueBackground h6 {
    color: #fff
}

.btNumbers .blueBackground p.circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #fff;
    color: #048;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem
}

.btNumbers .blueBackground p.circle .fad {
    color: #048
}

.btNumbers.blueBackground {
    background-color: #048;
    color: #fff
}

.btNumbers .stats .entry figure.circle,
.btNumbers.blueBackground p.circle {
    background-color: #fff;
    border-radius: 50%
}

.btNumbers.blueBackground .fad,
.btNumbers.blueBackground h1,
.btNumbers.blueBackground h2,
.btNumbers.blueBackground h3,
.btNumbers.blueBackground h4,
.btNumbers.blueBackground h5,
.btNumbers.blueBackground h6 {
    color: #fff
}

.btNumbers.blueBackground p.circle {
    width: 150px;
    height: 150px;
    color: #048;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem
}

.btNumbers.blueBackground p.circle .fad {
    color: #048
}

.btNumbers .explore .cs_GridRow {
    display: flex;
    flex-flow: column;
    align-items: stretch
}

.btNumbers .explore .medium-4 {
    margin: 1rem 0
}

.btNumbers .explore img {
    width: 100%;
    opacity: .25
}

.btNumbers .stats {
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    align-items: stretch
}

@media only screen and (max-width:600px) {
    .btNumbers .stats {
        flex-wrap: wrap
    }

    .btNumbers .stats h3 {
        font-size: 4rem
    }
}

.btNumbers .stats .entry {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem
}

.btNumbers .stats .entry figure {
    margin: 1rem
}

.btNumbers .stats .entry figure p {
    margin-bottom: 0
}

.btNumbers .stats .entry figure .fad {
    padding: 1.69rem 0 1.69rem 1.7rem
}

.btNumbers .stats .entry figure.circle .fad {
    color: #048
}

.calloutbox,
.calloutbox p {
    color: #213f7d
}

.calloutbox {
    background-color: #f6f7f9;
    border: 2px solid #0c85ff;
    border-radius: 10px;
    font-size: 13px;
    margin: 0 0 13px;
    padding: 13px
}

.calloutbox.left,
.calloutbox.right {
    background-color: #eceff2
}

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333
}

.panel img.float-left {
    padding: 0 15px 15px 0
}

.panel img.float-right {
    padding: 0 0 15px 15px
}

.panel.white {
    background-color: #fff
}

.panel.noBorder {
    border: none
}

.panel.no-bottom-padding {
    padding-bottom: 0
}
.panelslate {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333
}

.callout.secondary.keymessage {
    border-color: #d8d8d8
}

.callout.shu {
    background-color: #048;
    color: #fefefe
}

.callout.shu h1,
.callout.shu h2,
.callout.shu h3,
.callout.shu h4,
.callout.shu h5,
.callout.shu h6 {
    color: #fefefe
}

.callout.dark {
    background-color: #565656;
    color: #fefefe;
    border-color: #565656
}

.callout.dark h1,
.callout.dark h2,
.callout.dark h3,
.callout.dark h4,
.callout.dark h5,
.callout.dark h6 {
    color: #fefefe
}

.callout.orange {
    background-color: #f47825;
    color: #fefefe;
    border-color: #f47825
}

.callout.orange h1,
.callout.orange h2,
.callout.orange h3,
.callout.orange h4,
.callout.orange h5,
.callout.orange h6 {
    color: #fefefe
}

.callout.light-blue {
    background-color: #04adef;
    color: #fefefe;
    border-color: #04adef
}

.callout.light-blue h1,
.callout.light-blue h2,
.callout.light-blue h3,
.callout.light-blue h4,
.callout.light-blue h5,
.callout.light-blue h6 {
    color: #fefefe
}

.callout.white {
    background-color: #fff
}

.callout.noBorder {
    border: none
}

.campus-clear img {
    max-width: 150px
}

.campusMinistry .massTimes {
    background: #ab1a20;
    color: #fefefe;
    border-bottom: 3px solid #fefefe
}

.campusMinistry .massTimes ul {
    margin: 30px;
    list-style: none
}

.campusMinistry .massTimes li {
    margin-bottom: 15px
}

.campusMinistry .massTimes h1 {
    font-size: 5rem
}

.campusMinistry .massTimes img {
    margin: 35px auto;
    display: block
}

.campusMinistry .confessions img,
.campusMinistry .sacrament img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.campusMinistry .confessions {
    background: #639;
    color: #fefefe
}

.campusMinistry .confessions.dots {
    background: url(/_resources/images/dots-chapel-graphic.png) center repeat-y #639
}

@media only screen and (max-width:941px) {
    .campusMinistry .confessions.dots {
        background: #639
    }
}

.campusMinistry .confessions h1 {
    font-size: 3rem
}

.campusMinistry .sacrament {
    background: #ab1a20;
    color: #fefefe;
    border-top: 3px solid #fefefe;
    border-bottom: 3px solid #fefefe
}

.campusMinistry .sacrament.dots {
    background: url(/_resources/images/dots-chapel-graphic.png) center repeat-y #ab1a20
}

@media only screen and (max-width:941px) {
    .campusMinistry .sacrament.dots {
        background: #ab1a20
    }
}

.campusMinistry .chapel {
    color: #fefefe;
    background: url(/_resources/images/shu-ic-chapel.jpg) center center no-repeat;
    min-height: 25vh;
    background-size: cover
}

.campusMinistry .chapel h1 {
    margin-top: 25%
}

.campusMinistry article {
    background: #fefefe;
    border-radius: 10px;
    color: #000;
    padding: 10px;
    margin: 15px 0
}

.campusMinistry h1,
.campusMinistry h2,
.campusMinistry h3,
.campusMinistry h4,
.campusMinistry h5,
.campusMinistry h6 {
    color: #fefefe !important
}

.campusMinistry h1 {
    text-align: center
}

.campusMinistry hr {
    border: solid #fefefe;
    border-width: 3px 0 0;
    clear: both;
    margin: 0
}

.cfdebug {
    width: 100%
}

.cfdebug td {
    max-width: 300px
}

.classroom-list h5 {
    font-weight: 700
}

#footer .tel,
#footer .title,
#footer a,
em.fa {
    font-weight: 400
}

.classroom-list .vertical.menu {
    padding-bottom: 1.5rem;
    min-height: inherit
}

.classroom-list .vertical.menu button {
    width: 100%;
    padding: 10px 5px
}

.classroom-list .vertical.menu button:hover {
    background: #048;
    color: #fefefe
}

#content .visual {
    margin: 0 0 33px
}

#content .visual img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 33px
}

#content p {
    font-size: 1rem
}

#content .leading-paragraph {
    font-size: 1.2rem;
    line-height: 1.7rem
}

#content .twocolumns h2 {
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 0 10px
}

#content .twocolumns p {
    font-size: .875rem
}

#content .twocolumns .phone {
    display: block
}

#content .twocolumns a {
    font-style: italic;
    font-size: .8125rem
}

#footer a,
#header a {
    text-decoration: none
}

@media only screen and (max-width:767px) {
    #content .twocolumns .columns {
        margin-bottom: 30px
    }
}

p.nopadding {
    padding: 0 !important
}

p.nomargin {
    margin: 0 !important
}

.club-event i,
.top-margin {
    margin-top: 2rem
}

.bottom-margin {
    margin-bottom: 2rem
}

#calculator #calculatorTable {
    background: 0 0
}

#calculator #calculatorTable th {
    padding-bottom: 15px !important
}

#calculator #calculatorTable tr {
    border: 1px solid #f1f1f1
}

#calculator #calculatorTable tr.classrow:nth-of-type(even) {
    background: #f9f9f9
}

#calculator #calculatorTable tr.total {
    background: #f5f5f5
}

#calculator #calculatorTable td {
    padding: 10px !important
}

#calculator #calculatorTable tfoot {
    background: 0 0
}

#calculator #calculatorTable button {
    padding: 16px 32px 17px;
    font-size: 1rem
}

.cost-cal tbody {
    border: 0
}

.esports .hero {
    background-color: #048;
    color: #fefefe;
    min-height: 25vh
}

.esports ul.breadcrumbs {
    display: none;
    visibility: none
}

em.fa.fa-file-text-o:before {
    content: "\f15c";
    padding-right: 5px
}

span.fad.fa-xs:after {
    position: relative;
    left: -3px
}

span.fad.fa-sm:after {
    position: relative;
    left: -3.5px
}

span.fad:after {
    position: relative;
    left: -4px
}

span.fad.fa-lg:after {
    position: relative;
    left: -5.5px
}

span.fad.fa-2x:after {
    position: relative;
    left: -11px
}

span.fad.fa-3x:after {
    position: relative;
    left: -15px
}

span.fad.fa-4x:after {
    position: relative;
    left: -19px
}

span.fad.fa-5x:after {
    position: relative;
    left: -33px
}

span.fad.fa-6x:after {
    position: relative;
    left: -27px
}

span.fad.fa-7x:after {
    position: relative;
    left: -31px
}

span.fad.fa-8x:after {
    position: relative;
    left: -35px
}

span.fad.fa-9x:after {
    position: relative;
    left: -39px
}

span.fad.fa-10x:after {
    position: relative;
    left: -43px
}

h1 .fad:after {
    position: relative;
    left: -9px
}

h2 .fad:after {
    position: relative;
    left: -7.5px
}

h3 .fad:after {
    position: relative;
    left: -7px
}

h4 .fad:after {
    position: relative;
    left: -5.5px
}

h5 .fad:after {
    position: relative;
    left: -4.5px
}

h6 .fad:after {
    position: relative;
    left: -4px
}

.esocialImpact .quote {
    color: #8a8a8a
}

.esocialImpact .quote .columns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    min-height: 300px
}

.esocialImpact h3 .fad:after {
    left: -16px
}

.esocialImpact span.fad.fa-4x:after {
    left: -18px
}

footer a.accessibility {
    color: #fff !important;
    padding: 1rem
}

#footer {
    color: #90aecc;
    background: #002142;
    padding: 37px 0;
    font-size: 16px
}

#footer .title {
    text-align: center;
    color: #fefefe;
    display: block;
    font-size: 1.125rem;
    line-height: 1.125rem
}

#footer .privacy {
    font-size: .875rem
}

#footer a {
    color: #90aecc
}

#footer .terms,
#footer .terms:hover,
#header .univertsity-menu .drop .title a:hover,
#header .univertsity-menu .drop ul a:hover {
    text-decoration: underline
}

#footer a:hover {
    color: #fefefe
}

#footer address {
    color: #90aecc;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.25rem;
    margin: 0
}

#footer .tel {
    color: #fefefe;
    display: block;
    font-size: .9375rem;
    line-height: 1.125rem;
    margin: 0 0 6px
}

#footer .terms {
    color: #90aecc;
    font-size: .75rem;
    line-height: .875rem
}

#footer .vcard {
    border: 0;
    color: #90aecc;
    padding: 0;
    list-style: none;
    margin-left: 0
}

#footer .footer-links .title,
#footer .vcard .fn a,
#footer .vcard .pn {
    color: #fefefe
}

#footer .footer-links .resource-list {
    margin-top: 25px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-width: 100px;
    column-width: 100px;
    color: #90aecc;
    list-style-type: none;
    margin-left: 0
}

#footer .footer-links .resource-list a {
    color: #90aecc
}

#footer .footer-links .resource-list a:hover {
    color: #fefefe
}

#footer .social-networks {
    overflow: hidden
}

#footer .social-networks li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -4px 0 0;
    padding: 0 0 0 17px
}

#footer .social-networks li:first-child {
    padding: 0
}

#footer .social-networks li a {
    display: block
}

#footer .social-networks li a.facebook {
    background: url(/_resources/images/sprite.png) 0 -94px no-repeat;
    width: 9px;
    height: 18px
}

#footer .social-networks li a.facebook:hover {
    background-position: 0 -320px
}

#footer .social-networks li a.twitter {
    background: url(/_resources/images/sprite.png) -26px -95px no-repeat;
    width: 19px;
    height: 16px
}

#footer .social-networks li a.twitter:hover {
    background-position: -26px -321px
}

#footer .social-networks li a.linkedin {
    background: url(/_resources/images/sprite.png) -61px -94px no-repeat;
    width: 19px;
    height: 18px
}

#footer .social-networks li a.linkedin:hover {
    background-position: -61px -320px
}

#footer .social-networks li a.youtube {
    background: url(/_resources/images/sprite.png) -98px -98px no-repeat;
    width: 17px;
    height: 10px
}

#footer .social-networks li a.youtube:hover {
    background-position: -98px -324px
}

#footer .social-networks li a.flickr {
    background: url(/_resources/images/sprite.png) -132px -99px no-repeat;
    width: 17px;
    height: 8px
}

#footer .social-networks li a.flickr:hover {
    background-position: -132px -325px
}

#footer .social-networks li a.instagram {
    background: url(/_resources/images/sprite.png) -168px -95px no-repeat;
    width: 16px;
    height: 16px
}

#footer .social-networks li a.instagram:hover {
    background-position: -168px -321px
}

form input[type=radio] {
    margin: 0
}

#lawnetLogin .mainHeader {
    border: 1px #ddd;
    border-style: solid solid none;
    padding: 30px 90px;
    margin-top: 100px
}

#lawnetLogin .mainContainer {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, .15);
    margin-bottom: 42px;
    padding: 1.5rem
}

#lawnetLogin .mainContainer p {
    font-size: 15px;
    font-weight: 600
}

#lawnetLogin .mainContainer a {
    font-weight: 400;
    color: #0a0a0a
}

#lawnetLogin .mainContainer label {
    font-size: 15px;
    font-weight: 600
}

#lawnetLogin .mainContainer span {
    color: #a7a7a7;
    font-weight: 400
}

#lawnetLogin .mainContainer .button {
    margin-top: 30px;
    border: 1px solid #004b75;
    padding: 1rem;
    background-color: #007dc1;
    background: linear-gradient(#007dc1, #0073b2)
}

#vaccination-survey label {
    display: inline
}

.fs-ngdialog.fs-modal-medium.fs-form-dialog.fs-form-dialog--hidden,
.fsRow .fsHidden {
    display: none
}

.fsSocialAutofill--buttons a {
    background: #f6f7f9;
    color: #4d4d4d;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 9px 15px
}

.fsSocialAutofill--buttons a.facebook_autofill {
    background-image: url(/_resources/images/facebook-29.png) center left no-repeat
}

.fsSocialAutofill--buttons a.googleplus_autofill {
    background-image: url(/_resources/images/google-plus-29.png) center left no-repeat
}

.fullwidth .visual-intro {
    margin: 0 0 38px;
    background-color: #048;
    color: #fefefe;
    min-height: 25vh
}

.fullwidth .breadcrumbs {
    visibility: none;
    display: none
}

.fullwidth .hero {
    background: #048;
    color: #fefefe;
    position: relative;
    margin-bottom: 3rem
}

.fullwidth .hero h1,
.fullwidth .hero h2,
.fullwidth .hero h3,
.fullwidth .hero h4,
.fullwidth .hero h5,
.fullwidth .hero h6 {
    color: #fefefe
}

.fullwidth .hero img {
    position: relative;
    width: 100%;
    margin: 0
}

.fullwidth .hero .row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    width: 100%
}

@media only screen and (max-width:600px) {
    .fullwidth .hero .row {
        position: inherit;
        width: inherit;
        top: inherit;
        left: inherit;
        transform: inherit
    }
}

.fullwidth .hero.blueTransparency img {
    opacity: .25
}

.fullwidth .hero.blueTransparency .row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    width: 100%
}

@media only screen and (max-width:600px) {
    .fullwidth .hero.blueTransparency .row {
        position: inherit;
        width: inherit;
        top: inherit;
        left: inherit;
        transform: inherit
    }
}

.menu1,
.menu1>li .menu1-drop,
.menu1>li>a:after,
.menu2 {
    position: absolute
}

.fullwidth .hero .text {
    margin: 3rem 0;
    padding: 1rem;
    background: rgba(0, 68, 136, .9)
}

.fullwidth .hero .text h2 {
    font-weight: 600;
    font-size: 4rem
}

@media only screen and (max-width:600px) {
    .fullwidth .hero .text {
        margin: 0
    }

    .fullwidth .hero .text h2 {
        font-size: 2.75rem
    }
}

.menu1 {
    right: 7px;
    bottom: 0;
    font-size: 1.4375rem
}

@media only screen and (max-width:941px) {
    .menu1 {
        display: none
    }
}

.menu1>li.hover .menu1-drop,
.menu1>li>a {
    display: block
}

.menu1>li {
    float: left;
    margin-left: 10px;
    position: relative
}

.menu1>li>a {
    color: #fefefe;
    padding: 9px 25px 14px 23px;
    position: relative
}

.menu1>li.hover>a,
.menu1>li>a:hover {
    color: #048;
    background: #fefefe
}

.menu1>li>a:after {
    content: "";
    top: 50%;
    right: 0;
    background: url(/_resources/images/sprite.png) -54px 0 no-repeat;
    width: 14px;
    height: 8px;
    margin: -4px 0 0
}

.menu1>li:last-child .menu1-drop {
    left: auto;
    right: 0
}

.menu1>li .menu1-drop {
    top: 100%;
    left: 0;
    width: 250px;
    background: #fefefe;
    border-bottom: 6px solid #4d4d4d;
    font-size: 1rem;
    display: none
}

.menu1>li .menu1-drop ul {
    padding: 15px 24px 53px !important
}

.menu1>li .menu1-drop ul li {
    margin: 0 0 10px
}

.menu1>li .menu1-drop ul li a {
    color: #4d4d4d
}

.menu1>li .menu1-drop ul li a:hover {
    color: #048
}

.menu1>li .menu1-drop .support {
    background: #f6f7f9;
    padding: 17px 24px 24px
}

.menu1>li .menu1-drop .support .title {
    display: block;
    color: #048;
    font: 19px/23px;
    margin: 0 0 8px
}

.menu1>li .menu1-drop .support .button {
    margin: 0;
    padding: 10px 24px
}

.menu2 {
    right: 0;
    bottom: 17px;
    font-size: 21px;
    line-height: 23px
}

.menu2 li {
    float: left;
    margin-left: 10px
}

.menu2 li.active a {
    background: #fefefe;
    color: #048
}

@media only screen and (max-width:941px) {
    .menu2 {
        display: none
    }

    .menu2 li {
        margin: 0 10px 0 0
    }
}

.menu2 li a {
    display: block;
    border: 2px solid #fefefe;
    min-width: 190px;
    text-align: center;
    padding: 6px 10px;
    color: #fefefe
}

.menu2 li a:hover {
    background: #fefefe;
    color: #048
}

@media only screen and (max-width:767px) {
    #footer .footer-links .resource-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-gap: 1
    }

    #globalHeader h1.title {
        margin: 0;
        padding: 0 15px
    }

    #header.fixed-position {
        visibility: hidden
    }
}

#globalHeader nav.tab-bar {
    background-color: #333;
    color: #fefefe;
    padding: .3rem .9375rem
}

#globalHeader nav.tab-bar a.left-off-canvas-toggle,
#globalHeader nav.tab-bar a.right-off-canvas-toggle {
    color: #fefefe;
    padding: 5px;
    text-transform: uppercase
}

#globalHeader nav.tab-bar .left-small,
#globalHeader nav.tab-bar .right-small {
    border-width: 0;
    font-size: 1.125rem;
    width: auto
}

#globalHeader nav.tab-bar .tab-bar-section.middle {
    left: 4.375rem
}

#globalHeader nav.tab-bar ul.off-canvas-list li a {
    border-bottom: 0
}

#header .btn-support,
.club-event hr {
    border-bottom: 1px solid #fefefe
}

#globalHeader .left-off-canvas-menu {
    background-color: #333;
    padding-top: 15px
}

.manyareone h1 {
    color: #000
}

.manyareone .panel {
    background: #e7e7e8
}

.giving-tuesday.button {
    background: #999;
    color: #fefefe;
    margin: 5px 15px;
    min-width: 150px;
    font-size: 20px
}

#header {
    background: rgba(0, 68, 136, .7);
    z-index: 100;
    position: relative;
    max-width: 100%
}

#header.alt {
    background: #048
}

@media only screen and (max-width:799px) {
    #header {
        background: #048
    }

    #header .sticky .medium-12.columns {
        padding: 0
    }

    #header .btn-support,
    #header .top-nav {
        display: none
    }
}

#header.fixed-position .bar {
    display: none
}

#header.fixed-position .btn-top {
    bottom: 45px;
    opacity: 1
}

#header.fixed-position .right-off-canvas-toggle {
    padding: 19px 54px 17px 14px
}

#header.fixed-position .right-off-canvas-toggle:after {
    top: 22px
}

#header .univertsity-menu .opener:after,
.right-submenu .back>a:after,
.top-nav>li>a.about span:after {
    content: "";
    top: 50%
}

@media only screen and (max-width:767px) {
    #header.fixed-position .logo {
        padding: 9px 9px 9px 0
    }

    #header.fixed-position .logo img {
        width: 196px;
        display: block;
        height: auto
    }
}

@media only screen and (min-width:941px) {
    #header .title-bar {
        display: none
    }
}

#header .row {
    position: relative
}

#header .expanded {
    max-width: none !important
}

#header .bar {
    position: relative;
    z-index: 101
}

@media only screen and (max-width:941px) {
    #header .sticky-container {
        height: 90px !important
/* 		height: 62px !important */
    }

    #header .bar {
        min-height: 50px
    }
}

#header .eyelidBar {
    background: #002142
}

#header .btn-support {
    float: left;
    background: #002142;
    text-transform: uppercase;
    color: #fefefe;
    padding: 16px 19px;
    min-width: 162px;
    font-size: 16px;
    text-align: center;
    height: 50px
}

#header .btn-support:hover,
#header .univertsity-menu li.hover .opener {
    background: #fefefe;
    color: #048
}

#header .univertsity-menu {
    float: left;
    position: relative
}

#header .univertsity-menu .dropdown.button {
    margin-bottom: 0
}

@media only screen and (max-width:981px) {
    #header .univertsity-menu .button {
        padding: 1rem 1.1rem 1.0625rem;
        font-size: .9rem
    }
}

@media only screen and (max-width:799px) {
    #header .univertsity-menu {
        display: none
    }
}

#header .univertsity-menu li.hover .drop {
    display: block
}

#header .univertsity-menu li.hover .opener:after {
    background: url(/_resources/images/sprite.png) -79px 0 no-repeat
}

@media only screen and (max-width:767px) {
    #header .univertsity-menu li.hover .drop {
        display: none
    }
}

#header .univertsity-menu.float-right .drop {
    left: -59rem;
    z-index: 100
}

#header .univertsity-menu .opener {
    display: block;
    background: #2b5987;
    color: #fefefe;
    padding: 16px 50px 16px 33px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    word-spacing: 1px;
    min-height: 50px
}

@media only screen and (max-width:941px) {
    #header .univertsity-menu .opener {
        padding: 15px 50px 15px 15px
    }
}

#header .univertsity-menu .opener:after {
    position: absolute;
    right: 30px;
    margin: -3px 0 0;
    background: url(/_resources/images/sprite.png) -35px 0 no-repeat;
    width: 8px;
    height: 7px
}

#header .univertsity-menu .opener:hover {
    background: #fefefe;
    color: #048
}

#header .univertsity-menu .opener:hover:after {
    background: url(/_resources/images/sprite.png) -79px 0 no-repeat
}

#header .univertsity-menu .drop {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 9999px;
    height: 1px;
    color: #fefefe
}

@media only screen and (max-width:767px) {
    #header .univertsity-menu .drop {
        height: 200px;
        overflow: auto
    }
}

#header .univertsity-menu .drop .holder {
    float: left;
    background: #2b5987;
    padding: 18px 30px 0;
    overflow: hidden
}

#header .univertsity-menu .drop .holder .col {
    float: left;
    width: 350px;
    margin-left: 40px;
    padding-bottom: 75px
}

#header .univertsity-menu .drop .holder .col li {
    border-bottom: 1px solid #5f84b3;
    margin: 0 0 5px;
    line-height: 2rem
}

@media only screen and (max-width:941px) {
    #header .univertsity-menu .drop .holder .col {
        width: 220px;
        margin-left: 20px
    }
}

@media only screen and (max-width:767px) {
    #header .univertsity-menu .drop .holder .col {
        float: none;
        margin: 0;
        padding: 0 0 20px
    }
}

#header .univertsity-menu .drop .holder .col:first-child {
    margin: 0
}

#header .univertsity-menu .drop .title {
    display: block;
    font-size: 1.5rem;
    line-height: 1.375rem;
    margin: 0 0 16px;
    border-bottom: 3px solid #5f84b3;
    padding-bottom: 15px
}

#header .univertsity-menu .drop .title a {
    color: #fefefe
}

#header .univertsity-menu .drop ul {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    #header .univertsity-menu .drop ul {
        margin: 0 0 20px
    }
}

#header .univertsity-menu .drop ul li {
    margin: 0 0 8px
}

#header .univertsity-menu .drop ul a {
    color: #fefefe
}

#header .univertsity-menu .drop .button {
    padding: 6px 23px 10px;
    font-size: 1.125rem;
    margin: -5px 0 0
}

.search-opener {
    display: none
}

.top-nav>li:hover .drop,
.top-nav>li>a {
    display: block
}

@media only screen and (max-width:941px) {
    .search-opener {
        display: block;
        float: left;
        background: url(/_resources/images/search-white.png) no-repeat;
        width: 25px;
        margin: 8px 0 5px 10px;
        height: 23px
    }
}

#shu-static-template .top-nav>li a.about span:after {
    background: 0 0
}

.top-nav {
    float: right;
    font-size: 14px;
    line-height: 18px;
    word-spacing: 1px;
    height: 50px;
    background: #002142
}

.top-nav>li {
    float: left;
    position: relative
}

.top-nav>li:hover a {
    background: #fefefe;
    color: #048
}

.top-nav>li:hover a.about span:after {
    background: url(/_resources/images/sprite.png) -97px -18px no-repeat
}

#apply-now-button {
	background: #a33100;
}

.apply-now-button {
	background: #a33100;
}

#apply-now-button-mobile {
	background: #a33100;
}

.top-nav>li>a {
    color: #fefefe;
    padding: 16px 10px;
    min-height: 50px
}

.top-nav>li>a:hover {
    background: #fefefe;
    color: #048
}

#apply-now-button:hover {
	background: #fefefe;
}

@media only screen and (max-width:800px) {
    #apply-now-button:hover {
        background: #a33100;
    }
}

.top-nav>li>a.about {
    padding: 16px 20px;
    position: relative
}

.top-nav>li>a.about span {
    position: relative;
    padding: 0 12px 0 0
}

.top-nav>li>a.about span:after {
    position: absolute;
    right: 0;
    background: url(/_resources/images/sprite.png) -97px 0 no-repeat;
    width: 9px;
    height: 5px;
    margin: -2px 0 0
}

.top-nav>li>a.about span:hover:after {
    background: url(/_resources/images/sprite.png) -97px -18px no-repeat
}

.top-nav>li .drop {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    padding: 12px 24px 30px;
    width: 228px;
    background: #fefefe;
    border-bottom: 6px solid #4d4d4d
}

.top-nav>li .drop ul {
    font-size: .875rem;
    line-height: 1.125rem
}

.top-nav>li .drop ul li {
    margin: 0 0 10px
}

.top-nav>li .drop ul li a {
    color: #4d4d4d
}

.top-nav>li .drop ul li a:hover {
    color: #048
}

.programs .logo img {
    max-width: 300px;
    max-height: 75px;
    display: block
}

.logo {
    float: left;
/*     margin: 15px 0 18px 18px; */
	margin: 15px 0 18px 0px;
    position: relative;
    z-index: 100
}

.logo a {
    display: inline-block;
    vertical-align: top
}

.logo img {
    display: block
}

@media only screen and (max-width:941px) {
    .programs .logo img {
        max-width: 100%;
        max-height: 100%
    }

    .logo {
        float: none;
        display: block;
        padding: 18px 20px;
        margin: 0
    }

    #header.main-header #nav {
        display: none
    }

    #header.main-header .bar {
        float: none
    }
}

#header.main-header {
    min-height: 146px
}

#header.main-header .homeBar {
    margin-left: auto
}

#header.main-header ul.main-nav {
    cursor: default
}

#header.main-header .logo {
    position: absolute;
    margin: 0;
    top: 18px;
    left: 44px
}

@media only screen and (max-width:1200px) {
    #header.main-header .logo img {
        width: 260px;
        height: auto
    }
}

@media only screen and (max-width:1024px) {
    #header.main-header .logo {
        left: 10px;
        top: 40px
    }
}

@media only screen and (max-width:941px) {
    #header.main-header .logo {
        position: static
    }

    #header.main-header .logo:after {
        content: "";
        clear: both;
        display: block
    }

    #header.main-header .logo a {
        float: left;
        width: 300px
    }

    #header.main-header .logo img {
        max-width: 100%
    }
}

#header.main-header .main-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 390px;
    text-align: right;
    min-height: 57px;
    margin-right: 17px
}

@media only screen and (max-width:1024px) {
    #header.main-header .main-nav {
        min-height: 35px
    }
}

#header.main-header .main-nav>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 34px
}

@media only screen and (max-width:1200px) {
    #header.main-header .main-nav {
        min-height: 35px;
        padding-left: 300px
    }

    #header.main-header .main-nav>li {
        margin: 0 0 20px
    }
}

@media only screen and (max-width:980px) {
    #header.main-header .main-nav>li {
        margin: 0 0 18px
    }
}

#header.main-header .main-nav>li.hover .mega-drop {
    display: block
}

#header.main-header .main-nav>li.hover>a:before {
    top: auto;
    bottom: 0
}

#header.main-header .main-nav>li>a {
    color: #fefefe;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    padding: 0 17px 30px;
    position: relative
}

@media only screen and (max-width:1200px) {
    #header.main-header .main-nav>li>a {
        font-size: 1.125rem;
        line-height: 1.25rem;
        padding: 0 17px 18px
    }
}

@media only screen and (max-width:990px) {
    #header.main-header .main-nav>li>a {
        font-size: 1.0625rem;
        line-height: 1.25rem;
        padding: 0 17px 17px
    }
}

#header.main-header .main-nav .mega-drop {
    position: absolute;
    display: none;
    top: 99%;
    left: 0;
    right: -20px;
    background: #fefefe;
    border-bottom: 6px solid #4d4d4d;
    text-align: left;
    padding: 28px 0 40px
}

#header.main-header .main-nav .mega-drop .title {
    display: block;
    color: #048;
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 400;
    margin: 0 0 16px
}

#header.main-header .main-nav .mega-drop .columns.bordered:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9px;
    width: 1px;
    background: #d9d9d9
}

#header.main-header .main-nav .mega-drop ul {
    font-size: 1rem;
    line-height: 1.25rem
}

#header.main-header .main-nav .mega-drop ul li {
    margin: 0 0 8px
}

#header.main-header .main-nav .mega-drop ul a {
    color: #4d4d4d
}

#header.main-header .main-nav .mega-drop ul a:hover {
    color: #048
}

#header.main-header .main-nav .mega-drop .text {
    padding: 0 20px
}

#header.main-header .main-nav .mega-drop .text p {
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0 0 15px
}

#header.main-header .main-nav .mega-drop .text a.more {
    font-size: .875rem;
    line-height: 1.125rem;
    font-style: italic
}

#header.main-header .main-nav .mega-drop .button {
    padding: 6px 25px 8px;
    font-size: 1.125rem;
    word-spacing: 1px
}

#header.main-header .main-nav .mega-drop .social-networks {
    overflow: hidden
}

#header.main-header .main-nav .mega-drop .social-networks li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -4px 0 0;
    padding: 0 17px 0 0
}

#header.main-header .main-nav .mega-drop .social-networks li a {
    display: block
}

#header.main-header .main-nav .mega-drop .social-networks li a.facebook {
    background: url(/_resources/images/sprite.png) -310px -47px no-repeat;
    width: 10px;
    height: 22px
}

#header.main-header .main-nav .mega-drop .social-networks li a.twitter {
    background: url(/_resources/images/sprite.png) -341px -49px no-repeat;
    width: 23px;
    height: 18px
}

#header.main-header .main-nav .mega-drop .social-networks li a.instagram {
    background: url(/_resources/images/sprite.png) -381px -48px no-repeat;
    width: 19px;
    height: 20px
}

#header.main-header .main-nav .mega-drop .visual-link {
    position: relative;
    display: inline-block;
    vertical-align: top
}

#header.main-header .main-nav .mega-drop .visual-link img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 28px
}

#header.main-header .main-nav .mega-drop .visual-link .title,
#header.main-header .main-nav .mega-drop .visual-link .title .date {
    display: block
}

form.search-form label {
    display: none
}

.left-off-canvas-menu .drop {
    display: none;
    font-size: 1rem;
    line-height: 1.125rem
}

.left-off-canvas-menu .drop a {
    padding: 14px 15px;
    font-weight: 400
}

.left-off-canvas-menu .drop li {
    border: none
}

.left-off-canvas-menu .drop .drop {
    font-style: italic;
    font-size: .8125rem;
    line-height: 1rem
}

.left-off-canvas-menu .drop .drop a {
    padding: 12px 10px;
    font-weight: 400
}

.left-off-canvas-menu li.hover>.drop {
    display: block
}

.left-off-canvas-menu .btn-close {
    font-size: 14px;
    line-height: 20px;
    color: #fefefe;
    text-shadow: none;
    padding: 0 0 0 25px;
    width: auto;
    border: none;
    opacity: 1
}

.left-off-canvas-menu .btn-close:hover {
    color: #fefefe
}

.right-submenu .back>a {
    background: 0 0;
    padding-left: 18px;
    font-size: 14px;
    line-height: 20px;
    color: #3369a0;
    font-weight: 400;
    text-transform: none;
    position: relative
}

.right-submenu .back>a:after {
    position: absolute;
    left: 0;
    background: url(/_resources/images/back-ico.png) no-repeat;
    margin-top: -6px;
    height: 13px;
    width: 7px
}

#header.main-header .main-nav>li>a:hover {
    background: url(/_resources/images/ico-mega-menu-arrow.png) center bottom no-repeat
}

.off-canvas {
    z-index: 102 !important
}

@media only screen and (max-width:767px) {
    #nav {
        display: none
    }
}

.centerHero {
    color: #fefefe;
    background-color: #048;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    position: relative;
    padding: 3rem 0
}

.centerHero .row {
    color: #fefefe;
    width: 100%
}

.centerHero img {
    width: 100%;
    object-fit: cover
}

.centerHero h1,
.centerHero h2,
.centerHero h3,
.centerHero h4,
.centerHero h5,
.centerHero h6 {
    color: #fefefe
}

iframe.no-border {
    border: 0 !important
}

iframe.no-border:focus {
    outline: 0
}

.pic {
    background: #f2f2f2;
    margin-bottom: 15px
}

.pic.portrait {
    max-width: 220px
}

.pic.landscape {
    max-width: 320px
}

.pic.left {
    float: left;
    margin-right: 15px;
    text-align: left
}

.pic.right {
    float: right;
    margin-left: 15px;
    text-align: left
}

.pic img {
    margin: 0
}

.pic p {
    padding: 15px;
    color: #4d4d4d;
    margin-bottom: 0 !important
}

.image-article,
.infographic-posts figure.content,
figure.image-article {
    margin-bottom: 30px
}

img.float-left {
    padding: 0 15px 15px 0
}

img.float-right {
    padding: 0 0 15px 15px
}

figure.image-article figcaption {
    border-bottom: 1px solid #dedede
}

@media only screen and (min-width:941px) {
    figure.image-article {
        position: relative
    }

    figure.image-article figcaption {
        color: #fefefe;
        position: absolute;
        bottom: 25%;
        background: rgba(0, 0, 0, .5);
        padding: 15px 15px 0;
        border-bottom: 0
    }

    figure.image-article figcaption h1,
    figure.image-article figcaption h2,
    figure.image-article figcaption h3,
    figure.image-article figcaption h4,
    figure.image-article figcaption h5,
    figure.image-article figcaption h6 {
        color: #fefefe
    }
}

.image-article .text {
    border-bottom: 1px solid #dedede
}

@media only screen and (min-width:941px) {
    .image-article {
        position: relative
    }

    .image-article .text {
        color: #fefefe;
        position: absolute;
        bottom: 25%;
        background: rgba(0, 0, 0, .5);
        padding: 15px 15px 0;
        border-bottom: 0
    }

    .image-article .text h1,
    .image-article .text h2,
    .image-article .text h3,
    .image-article .text h4,
    .image-article .text h5,
    .image-article .text h6 {
        color: #fefefe;
        font-weight: 700
    }
}

.infographic-posts .grid-container {
    padding: 30px 0 0
}

.infographic-posts a {
    text-decoration: none !important
}

.infographic-posts figure.content {
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    border: 0;
    padding-top: 30px
}

@media only screen and (max-width:767px) {
    .infographic-posts figure.content {
        background-size: 65%
    }
}

.infographic-posts figure.content figcaption p {
    font-size: 1rem;
    margin-bottom: 0
}

.infographic-posts figure.content figcaption hr {
    width: 100px;
    color: #048;
    margin: .5rem auto
}

.infographic-posts figure.content figcaption h2 {
    font-size: 4.5rem;
    line-height: .3;
    display: inline-block;
    padding-bottom: 25px;
    margin-bottom: 15px
}

.infographic-posts figure.content figcaption small {
    color: #4d4d4d;
    font-style: italic;
    font-size: 1.1rem;
    position: relative;
    top: 15px;
    font-weight: 700
}

.blue-box.infographic-posts {
    padding: 0;
    color: #fff
}

.blue-box.infographic-posts .content,
.blue-box.infographic-posts .content h2,
.blue-box.infographic-posts .content p,
.blue-box.infographic-posts .content small,
.blue-box.infographic-posts a {
    color: #fff
}

.gray-box.infographic-posts {
    padding: 0
}

#sidebar {
    padding: 38px 20px 0 0
}

#sidebar h1 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-weight: 400;
    margin: 0 0 3px;
    padding: 0 23px 22px 0;
    border-bottom: 1px solid #048
}

@media only screen and (max-width:941px) {
    #sidebar h1 {
        border: 0;
        padding: 0;
        margin: 0
    }

    #sidebar .menu {
        display: block
    }
}

#sidebar .menu li {
    padding: 3px 0 7px
}

#sidebar .menu li a:focus {
    line-height: 1
}

#sidebar .menu>li {
    margin: 0 0 14px
}

#sidebar .menu>li>a {
    color: #194786;
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 700;
    text-decoration: none;
    padding: .7rem 1rem 0 .3rem
}

.accordion-menu,
.accordion-menu.show-for-small-only .nested a.program-item {
    font-weight: 400 !important
}

#sidebar .menu>li>a:hover {
    color: #0a0a0a;
    text-decoration: underline
}

#sidebar .menu>li ul {
    padding-left: 11px;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-style: italic
}

#sidebar .menu>li ul a {
    color: #4d4d4d;
    text-decoration: none;
    padding: 0 15px
}

#sidebar .menu>li ul a:hover {
    color: #0a0a0a;
    text-decoration: underline
}

.accordion-menu {
    font-size: 1rem !important
}

.accordion-menu.show-for-small-only {
    padding: 15px 0 !important
}

.accordion-menu.show-for-small-only .accordion-navigation {
    background: #e4e4e4 !important;
    padding: 1rem !important
}

.accordion-menu.show-for-small-only .accordion-navigation a {
    color: #048 !important
}

.accordion-menu.show-for-small-only .nested {
    background: #f5f5f5 !important;
    padding: .5625rem !important
}

.accordion-menu.show-for-small-only .nested a.program-list {
    color: #048 !important;
    font-style: normal;
    padding: 0 !important
}

.media-hit article footer,
.news .byline,
.news-aside footer {
    font-style: italic
}

.media-hit article {
    margin-bottom: 20px
}

.media-hit article h3 {
    margin-bottom: 0
}

.media-hit article p {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 1.125rem !important
}

ul.main-nav.noArrow .hover {
    border-left: none;
    border-right: none
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after {
    content: "«";
    margin-left: .5rem;
    display: inline
}

.news footer ul,
.planning.fall2020 .faq ul.gray,
ul.archive {
    list-style: none;
    margin-left: 0
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before {
    content: "»";
    margin-right: .5rem;
    display: inline
}

.sticky.is-stuck {
    background: rgba(0, 68, 136, .8)
}

@media print {

    #offCanvasLeft,
    #offCanvasRight,
    .left-off-canvas-menu,
    .right-off-canvas-menu,
    .title-bar,
    .visual-intro {
        display: none;
        visibility: hidden
    }
}

ul.menu.vertical {
    min-height: 100vh
}

@media only screen and (max-width:1200px) {
    ul.vertical.menu.accordion-menu.show-for-small-only {
        min-height: inherit
    }
}

.detail-content-area {
    border-right: 1px solid #f6f7f9;
    padding-right: 35px
}

.detail-content-area .CS_Label_FirstLetter {
    font-size: inherit
}

.detail-content-area h6 {
    font-size: .6875rem !important;
    font-weight: 700;
    color: #0a0a0a
}

.top-story p {
    font-size: 1rem !important;
    line-height: 1.1875rem !important
}

.more-stories h5,
.more-stories p {
    line-height: 1rem !important
}

.top-story strong.date,
h6.more-stories {
    font-size: .8rem !important
}

.more-stories h5 {
    font-size: 1rem !important
}

.more-stories p,
.more-stories strong.date {
    font-size: .8rem !important
}

.more-stories img {
    margin-bottom: 10px
}

.portal-iframe article.top-story {
    font-family: Arial, Helvetica, Verdana, sans-serif important
}

.portal-iframe article.top-story h5 {
    font-family: Arial, Helvetica, Verdana, sans-serif
}

.news .video-big {
    margin-bottom: 15px
}

.news .pubdate {
    font-weight: 700;
    margin-bottom: .1rem
}

.news .byline {
    color: #4d4e4e
}

.news header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 13px
}

.news footer {
    margin-top: 15px
}

.news footer p {
    margin-bottom: 0
}

.related-news img {
    padding-bottom: 10px
}

ul.archive li {
    margin: 45px 0
}

ul.archive a {
    font-weight: 700
}

.feed {
    padding: 0 10px
}

.view-more a {
    color: #000;
    font-size: .75rem;
    left: 0;
    letter-spacing: 1px;
    padding: 0 10px 15px 20px;
    text-transform: uppercase;
    background: url(/_resources/images/all-link.png) top left no-repeat
}

#lawNet #footer-center-textbox a,
#pageup #recent-jobs h2,
.news-aside h6 {
    text-transform: capitalize
}

.news-teaser {
    margin-right: 40px
}

.news-teaser p {
    font-size: 1rem !important
}

#related-news {
    padding: 1rem .5rem
}

#related-news article {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 1rem
}

#related-news .thumbnail {
    border: 0
}

#related-news .thumbnail img {
    max-width: 100%;
    height: auto
}

#related-news p {
    font-size: .875rem
}

#related-news p time {
    font-size: .8rem;
    font-weight: 700
}

.linkedin_counter_iframe_widget {
    margin-left: 1.5rem
}

@media only screen and (max-width:600px) {
    .linkedin_counter_iframe_widget {
        margin-left: .7rem;
        margin-top: .5rem
    }
}

.news-aside {
    padding-left: 15px;
    line-height: 1.6rem
}

.news-aside .CS_Label_FirstLetter {
    font-size: inherit
}

.news-aside article.row {
    margin-bottom: 15px
}

.news-aside h6 {
    background: #ddd;
    padding: 5px 10px;
    margin-top: 35px;
    color: #0a0a0a;
    font-weight: 700;
    font-size: .7rem
}

.news-aside .media-hit header {
    font-size: 1rem
}

.news-aside .events {
    padding: 0 15px
}

.news-aside .event-date {
    float: left;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.375rem;
    margin: -2px 20px 0 -2px;
    text-align: right;
    width: 50px
}

@media only screen and (min-width:942px) {
    #wrapper.move-left .inner-wrap {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.right-off-canvas-menu .off-canvas-list {
    box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, .6)
}

.off-canvas-list li a {
    border: none
}

.top-bar {
    background: 0 0
}

.top-bar-section ul {
    width: 100%;
    display: block
}

.off-canvas.position-left .search-form:after,
.top-bar-section .has-submenu>a:before {
    display: none
}

.top-bar-section ul li {
    background: 0 0;
    float: none
}

.top-bar-section ul li a {
    font: 18px/22px;
    padding: 19px 40px 19px 22px
}

.top-bar-section .right-submenu .btn-back {
    color: #fefefe;
    float: left;
    width: auto
}

.top-bar-section .right-submenu .btn-back:hover {
    color: #fefefe;
    opacity: 1
}

.top-bar-section .right-submenu label {
    color: #fefefe;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: none;
    padding: 18px 25px;
    border: none
}

.top-bar-section .right-submenu li label {
    background: 0 0
}

.top-bar-section .right-submenu li a {
    padding: 19px 40px 19px 22px
}

.top-bar-section .right-submenu .back {
    height: 50px;
    padding: 13px 24px 11px
}

.top-bar-section .right-submenu .back a {
    padding: 0 0 0 25px
}

.right-submenu .back>a,
.right-submenu .back>a:hover {
    border: none
}

.off-canvas-list {
    height: 100%
}

.top-bar-section .has-submenu>a {
    position: relative
}

.top-bar-section .has-submenu>a:after {
    border-style: solid;
    border-width: 7px 9px;
    border-color: transparent transparent transparent #fefefe;
    margin-top: -7px;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px
}

ul.off-canvas-list li a {
    color: #fefefe
}

.top-bar-section ul li:hover:not(.has-form)>a {
    background: 0 0;
    color: #fefefe
}

.top-bar-section ul li.btn-wrap:hover:not(.has-form)>a {
    color: #3369a0
}

.top-bar-section .right-submenu {
    box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, .6);
    background: #00376e
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: 0 0;
    line-height: 22px
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: 0 0
}

.accessibility {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 0;
    overflow: hidden;
    color: #000 !important
}

.accessibility:focus {
    position: static;
    width: auto;
    height: auto
}

.off-canvas.position-left {
    background: #f5f5f5;
    right: auto
}

.off-canvas.position-left:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 22px;
    box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, .6);
    z-index: 2
}

.off-canvas.position-left a.exit-off-canvas {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: url(/_resources/images/ico-close.png) 15px no-repeat;
    padding-left: 40px
}

.off-canvas.position-left a.exit-off-canvas:hover {
    opacity: .6
}

.off-canvas.position-left .btn-wrap {
    height: 50px;
    position: relative
}

.off-canvas.position-left .search-form {
    float: none;
    clear: both;
    width: auto;
    background: 0 0;
    height: auto
}

.off-canvas.position-left .search-form .search-hold {
    background: #fefefe;
    margin-bottom: 14px;
    height: 50px;
    position: relative
}

.off-canvas.position-left .search-form .search-hold:after {
    content: "";
    position: absolute;
    right: 21px;
    top: 50%;
    background: url(/_resources/images/ico-search.png) no-repeat;
    height: 23px;
    width: 25px;
    margin-top: -10px
}

.off-canvas.position-left .search-form [type=search],
.off-canvas.position-left .search-form [type=text] {
    font-size: 21px;
    line-height: 26px;
    padding: 10px 53px 10px 20px
}

.off-canvas.position-left .text {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    z-index: 2;
    padding: 0 42px 0 22px
}

.off-canvas.position-left .text p {
    line-height: 17px
}

.off-canvas.position-left .text .title {
    display: block;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 4px;
    font-weight: 600
}

.off-canvas.position-left .text ul a {
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    color: #000;
    padding: 0
}

.off-canvas.position-left .text ul a:hover {
    text-decoration: none;
    color: #048
}

.off-canvas.position-right {
    background: #00376e;
    height: 100%
}

.off-canvas.position-right li {
    border-bottom: 1px solid #33699f
}

.off-canvas.position-right li label {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: none;
    padding: 18px 25px;
    border: none;
    color: #fefefe;
    font-weight: 700
}

.off-canvas.position-right li a,
.off-canvas.position-right li button.exit-off-canvas {
    display: block;
    font-size: .8125rem;
    line-height: 1.25rem;
    text-shadow: none;
    color: #fefefe;
    font-weight: 700
}

.off-canvas.position-right li a {
    padding: 19px 40px 19px 22px
}

.off-canvas.position-right li a.exit-off-canvas {
    background: url(/_resources/images/ico-close-blue.png) 20px 20px no-repeat;
    padding-left: 50px
}

.off-canvas.position-right li a:active,
.off-canvas.position-right li a:hover {
    color: #fefefe !important
}

.off-canvas.position-right li button.exit-off-canvas {
    background: url(/_resources/images/ico-close-blue.png) 20px 20px no-repeat;
    padding: 19px 40px 19px 50px
}

.off-canvas-wrapper .off-canvas-absolute {
    background: #048
}

.off-canvas-wrapper ul.drilldown a {
    background: #048;
    color: #fefefe
}

.off-canvas-wrapper ul.drilldown .is-drilldown-submenu {
    background: #048
}

.off-canvas-wrapper ul.drilldown li {
    border-bottom: 1px solid #33699f
}

.off-canvas-wrapper ul.drilldown li.is-submenu-item label {
    font-weight: 700;
    font-size: 1.125rem;
    padding: 10px 15px;
    color: #fefefe
}

.planning.fall2020 h4 {
    font-weight: 700
}

.planning.fall2020 .introduction h2 {
    font-size: 2.5rem
}

.planning.fall2020 .faq,
.planning.fall2020 .plans {
    padding: 3rem 0
}

.planning.fall2020 .faq ul.gray li {
    background: #e5e5e5;
    padding: 5px 15px;
    margin-bottom: 10px;
    font-weight: 700
}

.planning.fall2020 .hyflex {
    padding-bottom: 3rem
}

.planning.fall2020 .contact,
.planning.fall2020 .summer,
.visiting .infoSessions,
.visiting .map {
    padding: 3rem 0
}

@media screen {
    .logo-print {
        display: none;
        margin: 0 0 20px
    }
}

@media print {

    #footer,
    #header,
    .accessibility,
    .accordion,
    .accordion-menu,
    .btn-top,
    .is-drilldown,
    .left-off-canvas-menu,
    .more-video,
    .news-aside,
    .off-canvas,
    .photo,
    .post .video .play,
    .right-off-canvas-menu,
    .slideshow,
    .social-block,
    .video-big .btn-play,
    .visual-intro,
    a.all,
    a[href]:after {
        display: none
    }

    .logo-print {
        display: block;
        margin: 0 0 20px
    }

    a {
        color: #000;
        text-decoration: none
    }

    .person-box {
        background: #fff;
        display: block;
        float: left;
        width: 20%;
        margin: 0 2% 0 0
    }

    .person-box img {
        display: block;
        margin: 0 0 10px
    }

    .person-box .title {
        display: block;
        font: 700 18px/20px;
        margin: 0 0 20px
    }

    .person-lists,
    .posts-holder {
        margin: 0;
        padding: 0
    }

    .person-box .view {
        display: block;
        font: italic 14px/18px
    }

    .person-lists {
        list-style: none;
        position: relative;
        overflow: hidden
    }

    .person-lists li {
        float: none;
        width: 100%;
        display: block
    }

    .person-lists li a {
        height: auto !important;
        display: block
    }

    .person-lists .view {
        display: none
    }

    .person-lists img {
        width: 100%;
        height: auto
    }

    .gray-box.gray-box2 {
        padding: 0
    }
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.progress {
    min-height: 35px;
    border-radius: 25px
}

.progress .progress-meter-text {
    position: relative;
    border-radius: 25px
}

.progress .progress-meter {
    padding: 9px;
    text-align: center;
    border-radius: 25px
}

.progress .progress-meter.success {
    background: #006500 !important
}

img.mrgn {
    margin: 15px
}

img.mrgnLeft {
    margin: 15px;
    float: left
}

img.mrgnRight {
    margin: 15px;
    float: right
}

td.ten {
    width: 10%
}

td.twenty {
    width: 20%
}

td.thirty {
    width: 30%
}

.search-results .gsc-above-wrapper-area table {
    border: none;
    margin: 0
}

.search-results .gsc-above-wrapper-area input.gsc-search-button {
    display: none
}

.search-results table.gsc-table-result {
    border: none;
    margin: 0
}

.search-results td.gsc-input {
    padding: 0
}

.search-results td.gsc-input input {
    margin: 0
}

.search-results td.gsc-search-botton {
    width: 100px
}

.search-results input.gsc-search-button {
    background: #048;
    color: #fefefe;
    padding: 10px 20px;
    height: 100%;
    width: 100%
}

.search-results .search-form,
.search-results .search-form [type=search]:focus,
.search-results .search-form [type=text]:focus {
    background: #fefefe
}

.search-results .search-form [type=search],
.search-results .search-form [type=text] {
    border: 1px solid #ccc
}

.search-results .gsc-refinementsArea,
.search-results .gsc-tabsArea {
    display: none
}

.search-results .gsc-above-wrapper-area {
    border: none
}

.search-form {
    background: #1a1a1a;
    min-width: 175px;
    position: relative;
    height: 50px;
    overflow: hidden
}

.search-form fieldset {
    border: 0;
    height: 100%
}

.search-form [type=search],
.search-form [type=text] {
    background: 0 0;
    border: 0;
    width: 100%;
    padding-right: 53px;
    color: #a6a6a6;
    height: 50px;
    font-size: 15px;
    margin: 0;
    vertical-align: top
}

.search-form [type=search]:focus,
.search-form [type=text]:focus {
    background: #1a1a1a
}

.search-form input#gsc-i-id2 {
    background: #1a1a1a !important
}

.search-form table.gsc-search-box,
.search-form table.gsc-search-box td.gsc-input {
    padding: 0;
    background: #1a1a1a
}

.search-form .gsc-clear-button {
    display: none;
    padding: 0
}

.search-form table.gsc-search-box td {
    padding: 0
}

.search-form table.gsc-search-box td.gsc-input input-placeholder {
    color: #bfbfbf;
    font-style: italic
}

.search-form td .gsc-input {
    color: #fefefe
}

.search-form input.gsc-search-button {
    position: absolute;
    top: 50%;
    right: 16px;
    background: url(/_resources/images/sprite.png) no-repeat;
    width: 23px;
    height: 21px;
    margin: -10px 0 0;
    border: none
}

.right-off-canvas-menu .search-form {
    float: none;
    width: 190px;
    margin: 17px 0 21px 20px;
    height: auto !important;
    background: #00376f
}

.right-off-canvas-menu .search-form [type=search],
.right-off-canvas-menu .search-form [type=text] {
    padding: 9px 45px 9px 17px
}

td .gsc-clear-button {
    padding: 0
}

td .gsc-search-button {
    padding: 0;
    width: 0
}

@media only screen and (max-width:900px) {
    td.gsc-search-button {
        display: none;
        visibility: hidden
    }
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

#thisReCap {
    margin-bottom: 30px
}

main input::placeholder {
    color: #595959
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: inherit !important;
    background-color: inherit !important;
    color: inherit !important
}

.slick-slider {
    box-sizing: border-box;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}

.slate-form [type=checkbox],
.slate-form [type=file],
.slate-form [type=radio],
.slate-form input {
    margin: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

#slateTemplate #header .menu1>li>a:after,
#slateTemplate .opener:after,
.slate-form .slate-info,
.slate-form p#register_date,
.slate-form p#register_location,
.slick-arrow.slick-hidden {
    display: none
}

.slate-form label {
    font-weight: 700
}

.slate-form select {
    width: inherit;
    display: inline-block
}

.slate-form legend {
    display: inherit;
    font-weight: 700
}

.slate-form .ui-icon {
    text-indent: inherit;
    display: inline-block;
    margin-right: 15px
}

.slate-form .ui-icon.ui-icon-circle-triangle-w {
    float: left
}

.slate-form .ui-icon.ui-icon-circle-triangle-e {
    float: right
}

.slate-form .ui-helper-clearfix {
    margin-bottom: 15px
}

.slate-form .ui-datepicker-title {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

.slate-form button {
    background: #048;
    color: #fefefe;
    padding: 15px 30px
}

.slate-form .form_question.required {
    background: rgba(0, 0, 0, .1);
    border-right: 1px solid red;
    margin-bottom: 15px
}

#slateTemplate #header {
    background: #048 !important
}

#slateTemplate #header .menu1>li>a {
    background: 0 0 !important;
    color: #fefefe !important
}

#slateTemplate #main {
    padding: 15px 0
}

#slateTemplate .logo img {
    max-height: 82px
}

#slateTemplate .opener {
    background: 0 0 !important
}

#slateTemplate .opener:hover {
    color: #fefefe !important
}

.blue-box .slate-form .form_text,
.slick-dots li {
    display: inline-block
}

.blue-box .slate-form input,
.blue-box .slate-form select,
.blue-box .slate-form textarea {
    background: #3369a0;
    border: 1px solid #668fb8;
    color: #fefefe
}

.blue-box .slate-form label {
    color: #fefefe
}

.blue-box .slate-form button {
    border: 1px solid #fefefe
}

.blue-box .slate-form .form_question.required {
    background: rgba(0, 0, 0, .1);
    border-right: 1px solid red;
    margin-bottom: 15px
}

.slick-loading .slick-list {
    background: url(ajax-loader.gif) center center no-repeat #fefefe
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: transparent;
    outline: 0
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    display: block;
    width: 100%
}

.slick-dots li {
    position: relative;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.space.top-15 {
    margin-top: 15px
}

.space.bottom-15 {
    margin-bottom: 15px
}

.space.left-15 {
    margin-left: 15px
}

.space.right-15 {
    margin-right: 15px
}

.space.top-30 {
    margin-top: 30px
}

.space.bottom-30 {
    margin-bottom: 30px
}

.space.left-30 {
    margin-left: 30px
}

.space.right-30 {
    margin-right: 30px
}

.space.none {
    margin: 0;
    padding: 0
}

.spotlight h4.name {
    font-weight: 700;
    margin-bottom: 0
}

.spotlight .title {
    font-weight: 700;
    color: #ef7812
}

.spotlight .title a {
    color: #ef7812
}

.spotlight .location {
    color: #005e80;
    font-style: italic
}

.spotlight p.courses {
    margin-bottom: 5px
}

.spotlight p.intro-courses {
    font-size: 1.25rem !important;
    margin-bottom: 5px
}

.spotlight p.location {
    margin-bottom: 15px
}

.spotlight p.location em {
    color: #015e80
}

.spotlight figure figcaption {
    padding: 23px 10px 0;
    margin-bottom: 15px;
    position: relative
}

.spotlight figure figcaption h4 {
    margin-bottom: 0;
    line-height: 1.4375rem;
    font-size: 1.1875rem
}

.spotlight figure figcaption h6 {
    background-color: #048;
    color: #fefefe;
    font-size: .6875rem;
    line-height: .8125rem;
    padding: 5px 14px;
    position: absolute;
    top: -15px;
    font-weight: 700;
    text-transform: uppercase
}

.blue-box.great-minds .spotlight a {
    color: #fff
}

.blue-box.great-minds .spotlight .title {
    color: #fff;
    font-weight: 700
}

.blue-box.great-minds .spotlight .title a,
.blue-box.great-minds .spotlight .title a:hover,
.blue-box.great-minds .spotlight .title span {
    color: #ef7812
}

.spotlight-box {
    background-image: url('/_resources/images/great-minds-home-bg.jpg');
    color: #fff;
    background-size: cover;
    padding: 65px 0
}

@media only screen and (max-width:768px) {
    .spotlight-box {
        padding: 30px 0
    }
}

.spotlight-box a {
    color: #fff
}

.spotlight-box .title {
    color: #fff;
    font-weight: 700
}

.spotlight-box .title a,
.spotlight-box .title a:hover,
.spotlight-box .title span {
    color: #ef7812
}

.webstyleguide h2.title {
    text-align: right;
    font-weight: 700;
    margin: 30px 0 0
}

#technology .medium-4.columns.knowledge-categories ul,
#technology .panel ul,
#technology ul.categories,
#technology ul.home-nav,
#technology ul.results {
    margin-left: 0;
    list-style: none
}

.webstyleguide h4.title {
    font-weight: 700
}

.webstyleguide table {
    border: none !important
}

.webstyleguide table tr.alt,
.webstyleguide table tr.even,
.webstyleguide table tr:nth-of-type(even) {
    background: 0 0 !important
}

table {
    width: 100% !important
}

td {
    vertical-align: top
}

td.yes {
    background-color: #c3e6cb
}

td.no {
    background-color: #f5c6cb
}

td.suggested {
    background-color: #ffb084
}

tr.award-table-data td {
    padding: .5rem 1rem
}

tr.award-table-data p {
    display: contents;
    margin-bottom: 0
}

.technology .search-box {
    padding-top: 175px
}

@media only screen and (max-width:767px) {
    .technology .search-box {
        padding-top: 30px
    }
}

.technology .search-box input[type=text] {
    font-size: 1.3rem;
    height: 55px
}

.technology .search-box .button {
    font-size: 1.3rem;
    color: #fefefe
}

.technology .search-box .button.postfix {
    height: 55px;
    padding-top: 10px
}

.technology ::-webkit-input-placeholder {
    color: #dfdfdf
}

.technology :-moz-placeholder {
    color: #dfdfdf
}

.technology ::-moz-placeholder {
    color: #dfdfdf
}

.technology :-ms-input-placeholder {
    color: #dfdfdf
}

.technology ::-ms-input-placeholder {
    color: #dfdfdf
}

.technology :placeholder-shown {
    color: #dfdfdf
}

.technology .intro p {
    font-size: inherit;
    line-height: inherit
}

.technology .intro a {
    text-decoration: underline !important
}

.alert-box.warning a,
.resources-list ul a,
.technology.followUs a,
.technology.services a {
    text-decoration: none !important
}

.technology a.help.button {
    font-size: 16px !important
}

.technology article {
    background: #048;
    color: #fefefe;
    min-height: 285px
}

.technology article.post {
    padding: 0;
    border: none
}

.technology article.post a {
    color: #fefefe;
    text-align: center
}

.technology article.post h5 {
    color: #fefefe;
    text-align: center;
    padding: 1rem 2rem 1.0625rem
}

.technology.followUs {
    background: #048;
    padding: 15px
}

.technology.followUs h2 {
    color: #fefefe
}

.technology.followUs p.date {
    color: #fefefe;
    margin-bottom: 0
}

.technology.followUs p.title {
    margin-bottom: 0
}

.technology.followUs p.title a {
    color: #fefefe
}

.technology.techFooter {
    background: #e5e5e5;
    padding: 15px
}

.technology.techFooter p {
    font-size: 16px
}

.technology.techFooter .date {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    text-align: right
}

.technology.techFooter .medium-4 {
    padding: 0 25px
}

.technology .footerEvents {
    color: #fefefe
}

.technology .footerEvents p.date {
    color: #fefefe;
    font-weight: 700;
    margin-bottom: 0
}

.technology .footerEvents p.title {
    margin-bottom: 0;
    font-size: 1.3rem;
    text-decoration: underline
}

.technology .footerEvents p.title a {
    color: #fefefe
}

.text {
    font-size: .875rem
}

.text.rss {
    padding: 13px 0 !important
}

#technology {
    font-size: 1rem
}

#technology ::-webkit-input-placeholder {
    color: #dfdfdf
}

#technology .breadcrumb {
    padding: 10px 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    color: #a6a5a5
}

#technology .breadcrumb a {
    color: #a6a5a5
}

#technology .help-search {
    background: #e5e5e5;
    margin-bottom: 30px;
    padding: 30px 0
}

#technology .help-search input[type=text] {
    font-size: 1.3rem;
    height: 55px
}

#technology .collapse {
    display: flex
}

#technology table {
    width: 100%;
    border: none
}

#technology .detail-content-area,
#technology .medium-4.columns.knowledge-categories {
    border-right: 1px solid #f6f7f9
}

#technology #dropzone0,
#technology #dropzone10,
#technology #dropzone100,
#technology #dropzone30 {
    padding: 0
}

#technology .tabs .tab-title>a,
#technology .tabs dd>a {
    padding: 7px 10px
}

#technology HTML[data-doctype=true] .tabs li {
    margin-right: 20px;
    border-bottom: 3px solid #048;
    border-top: 0
}

#technology input#search-btn {
    background-color: #048;
    color: #fefefe;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 1.3rem;
    height: 55px
}

#technology .side-nav.submit-ticket li {
    padding-right: #f9f9f9
}

#technology a.button {
    color: #fefefe;
    width: 100%
}

#technology i {
    padding-right: 5px
}

#technology ul.side-nav li {
    font-size: 16px
}

#technology ul.home-nav a.home {
    font-weight: 700
}

#technology ul.results {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f6f7f9
}

#technology ul.results li {
    padding-bottom: 15px
}

#technology ul.article-details {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin: 1.25rem 0;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333;
    list-style: none
}

#snow-search-form .button {
    padding: 11px 0
}

.services li {
    padding: 0 !important
}

.services .button {
    background-color: transparent;
    color: #048;
    padding: 1rem;
    text-align: left;
    margin-bottom: 0
}

.services .button:hover {
    background-color: #e5e5e5;
    color: #048 !important
}

.services .button:visited {
    color: #048
}

.video-block {
    background: #048;
    color: #fefefe
}

.video-block .flex-video {
    margin-bottom: 0
}

.video-block .video {
    position: relative
}

.video-block .video img {
    display: block;
    width: 100%;
    height: auto
}

.video-block .video .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/_resources/images/sprite.png) 0 -117px no-repeat;
    width: 108px;
    height: 108px;
    margin: -54px 0 0 -54px
}

@media only screen and (max-width:767px) {
    .video-block .video .btn-play {
        width: 54px;
        height: 54px;
        margin: -27px 0 0 -27px;
        background: url(/_resources/images/sprite.png) 0 -58px no-repeat;
        background-size: 200px 200px
    }
}

.video-block h1 {
    color: #fefefe
}

.video-block h2 {
    color: #fefefe;
    font-size: 2.25rem;
    line-height: 2.375rem;
    font-weight: 400;
    margin: 25px 0 13px;
    width: 60%
}

@media only screen and (max-width:941px) {
    .video-block {
        padding: 0 0 20px
    }

    .video-block .large-8.medium-12.columns {
        padding: 0
    }

    .video-block h2 {
        padding: 0;
        margin: 0
    }
}

@media only screen and (max-width:768px) {
    .video-block h2 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding: 0;
        margin: 0
    }
}

.video-block p {
    font: 21px/25px;
    font-size: 1.3125rem;
    line-height: 1.5625rem;
    margin: 0 0 25px
}

.pirate-preview .lrgHeader h2,
.visiting .posts-holder .post h3,
.visiting h2 {
    font-weight: 700
}

.video-big {
    position: relative
}

.video-big img {
    display: block;
    width: 100%;
    height: auto
}

.video-big .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/_resources/images/sprite.png) 0 -117px no-repeat;
    width: 108px;
    height: 108px;
    margin: -54px 0 0 -54px
}

@media only screen and (max-width:767px) {
    .video-block p {
        font-size: 1rem;
        line-height: 1.25rem
    }

    .video-big .btn-play {
        width: 54px;
        height: 54px;
        margin: -27px 0 0 -27px;
        background: url(/_resources/images/sprite.png) 0 -58px no-repeat;
        background-size: 200px 200px
    }
}

@media only screen and (max-width:941px) {
    .video-big {
        margin: 0 0 20px
    }
}

.inline.video {
    position: relative
}

.inline.video .play {
    background: url(/_resources/images/sprite.png) 0 -35px no-repeat;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px
}

.backgroundvideo video {
    width: 100%
}

.backgroundvideo .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 3;
    transform: translate(0, -50%);
    color: #fefefe;
    padding: 100px 0 0
}

@media only screen and (max-width:767px) {
    .backgroundvideo .text {
        position: relative;
        padding: 0 1rem
    }

    .backgroundvideo .text .button {
        background: 0 0;
        color: #048;
        border: 2px solid #048
    }
}

.backgroundvideo .title {
    background: rgba(0,68,136,.9);
    padding: 25px 25px 25px 50px;
    color: #fff
}

.backgroundvideo .title h1 {
    color: #fff
}

@media only screen and (max-width:767px) {
    .backgroundvideo .title {
        background: 0 0;
        padding: 1rem;
        color: #4d4d4d
    }

    .backgroundvideo .title h1 {
        color: #4d4d4d
    }
}

.pirate-preview .lrgHeader h2 {
    font-size: 4rem;
    line-height: 1
}

.pirate-preview .session {
    margin: 4rem 0
}

[data-bar-id]>:nth-child(7n+1),
[data-line-id]>:nth-child(7n+1),
[data-pie-id]>:nth-child(7n+1) {
    color: #3a6895
}

[data-bar-id]>:nth-child(7n+2),
[data-line-id]>:nth-child(7n+2),
[data-pie-id]>:nth-child(7n+2) {
    color: #345d86
}

[data-bar-id]>:nth-child(7n+3),
[data-line-id]>:nth-child(7n+3),
[data-pie-id]>:nth-child(7n+3) {
    color: #2f5479
}

[data-bar-id]>:nth-child(7n+4),
[data-line-id]>:nth-child(7n+4),
[data-pie-id]>:nth-child(7n+4) {
    color: #2a4b6d
}

[data-bar-id]>:nth-child(7n+5),
[data-line-id]>:nth-child(7n+5),
[data-pie-id]>:nth-child(7n+5) {
    color: #264462
}

[data-bar-id]>:nth-child(7n+6),
[data-line-id]>:nth-child(7n+6),
[data-pie-id]>:nth-child(7n+6) {
    color: #223d58
}

[data-bar-id]>:nth-child(7n+7),
[data-line-id]>:nth-child(7n+7),
[data-pie-id]>:nth-child(7n+7) {
    color: #1f374f
}

#pie-chart {
    font-size: 45px
}

#bar,
#donut,
#pie {
    max-height: 450px
}

svg {
    width: 100%
}

.tooltip {
    margin-left: -5px;
    border-radius: 3px;
    padding: 5px
}

ul[data-pie-id] {
    list-style: none;
    padding: 10px
}

.strategic-plan .hero {
    background-color: #ccc;
    padding: 10rem 0;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    background-image: url('/images/Hero_2000x918.jpg')
}

.strategic-plan .hero .medium-6 {
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.strategic-plan .hero .medium-6 h2 {
    color: #fff
}

.strategic-plan .button-group {
    margin-top: 3rem
}

.strategic-plan .academic-vision {
    background-color: #ccc;
    min-height: 40vh;
    margin: 3rem 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    background-image: url('/images/academic-vision-hero.jpg')
}

.strategic-plan .goal-five,
.strategic-plan .goal-four,
.strategic-plan .goal-one,
.strategic-plan .goal-three,
.strategic-plan .goal-two {
    background-color: #ccc;
    min-height: 40vh;
    margin: 3rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.strategic-plan .goal-one {
    background-image: url(/images/Goal1_2000x841.jpg)
}

.strategic-plan .goal-two {
    background-image: url(/images/Goal2_2000x841.jpg)
}

.strategic-plan .goal-three {
    background-image: url(/images/Goal3_2000x841.jpg)
}

.strategic-plan .goal-four {
    background-image: url(/images/Goal4_2000x841.jpg)
}

.strategic-plan .goal-five {
    background-image: url(/images/Goal5_2000x841.jpg)
}

.visiting .infoSessions .callout {
    margin-bottom: 3rem;
    min-height: 16rem
}

.visiting .posts-holder {
    padding: 0;
    margin: 0
}

.visiting .posts-holder .post {
    border: 0;
    padding: 0;
    background: #fefefe
}

.visiting .posts-holder .post section {
    padding: 1rem
}

.visiting .posts-holder .post p {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.625rem
}

.alert-box.warning {
    background: #d9541c !important;
    border: 0
}

.alert-box.warning a {
    color: #fefefe !important
}

.alert-box.warning ul {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none
}

.alert-box.warning ul li {
    margin-bottom: 5px
}

.infographic.what-to-bring .title {
    background: #048;
    margin-bottom: 30px
}

.infographic.what-to-bring .title h1 {
    color: #fefefe;
    text-align: center;
    font-size: 5rem !important;
    line-height: 4.5rem;
    padding: 20px 0;
    font-weight: 400 !important
}

.infographic.what-to-bring .you-may-bring h3 {
    background: green;
    color: #fefefe;
    font-weight: 700;
    padding: 15px
}

.infographic.what-to-bring .you-may-bring h3 i {
    color: #fefefe
}

.infographic.what-to-bring .you-may-bring p {
    text-align: center;
    padding: 15px
}

.infographic.what-to-bring .you-may-bring i {
    color: green
}

.infographic.what-to-bring .you-may-not-bring h3 {
    background: #a20000;
    color: #fefefe;
    font-weight: 700;
    padding: 15px
}

.infographic.what-to-bring .you-may-not-bring h3 i {
    color: #fefefe !important
}

.infographic.what-to-bring .you-may-not-bring p {
    text-align: center;
    padding: 15px
}

.infographic.what-to-bring .you-may-not-bring i {
    color: #a20000
}

.infographic.what-to-bring .noBullets li img {
    border: 1px solid #000
}

#shu_page.no-background,
.no-background {
    background-color: #fefefe;
    background-image: none
}

#shu_page.no-background table.CS_Layout_Table,
.no-background table.CS_Layout_Table {
    border-style: none
}

.fix-margin {
    margin: 0 15px
}

.pad-left {
    padding-left: 15px
}

.pad-right {
    padding-right: 15px
}

.hero p:first-child {
    font-size: 1.125rem
}

.hero img {
    margin-bottom: 35px
}

.h113 {
    height: 113px !important
}

.breadcrumbs {
    padding: 23px 0 13px
}

#header .bar:after {
    content: " ";
    display: block;
    clear: both
}

#footer .social-networks,
#header .univertsity-menu,
#header .univertsity-menu .drop ul,
#header.main-header .main-nav,
#header.main-header .main-nav .mega-drop .social-networks,
#header.main-header .main-nav .mega-drop ul,
#sidebar .menu,
#sidebar .menu>li ul,
.gray-box .person-lists,
.intro .buttons-list,
.left-off-canvas-menu .drop,
.left-off-canvas-menu .drop .drop,
.menu1,
.menu1>li .menu1-drop ul,
.menu2,
.off-canvas.position-left .text ul,
.off-canvas.position-right,
.placeholder-slideshow .pagination ul,
.resources-list,
.slideshow .pagination ul,
.students-box .facts-list,
.top-nav,
.top-nav>li .drop ul {
    margin: 0;
    padding: 0;
    list-style: none
}

article.program {
	padding-top: 38px;
}

@media only screen and (max-width:767px) {
    .program {
        padding: 0 0 20px
    }
}

.program header {
    margin: 0 0 40px
}

.program header h1 {
    color: #048;
    font-size: 3.25rem;
    line-height: 60px;
    border-bottom: 1px solid #4d4d4d;
    padding: 0 0 40px
}

@media only screen and (max-width:767px) {
    .program header .title {
        font-size: .875rem;
        line-height: 1.125rem
    }
}

.program header .name {
    font-size: 1.5rem;
    line-height: 1.75rem
}

.blue-box header p,
p {
    font-size: 1.125rem
}

@media only screen and (max-width:941px) {
    p {
        margin: 0 0 29px
    }
}

.blue-box header {
    border-bottom: inherit;
    margin-bottom: inherit;
    padding-bottom: inherit
}

.blue-box header h1,
.blue-box header h2,
.blue-box header h3,
.blue-box header h4,
.blue-box header h5,
.blue-box header h6 {
    color: #fefefe
}

.description p,
.description ul {
    font-size: 1.25rem
}

.career {
    padding: 36px 0 52px
}

.description {
    margin-bottom: 30px
}

.list-title {
    color: #0a0a0a;
    font-size: .875rem;
    text-transform: uppercase
}

.resources-list {
    font-size: 1.125rem;
    font-style: italic
}

.resources-list ul a {
    font-size: 1rem
}

.resources-list a:hover {
    text-decoration: underline;
    color: #000
}

.infographic {
    margin: 0 auto;
    width: 100%
}

.infographic.affordability h1,
.infographic.affordability h2,
.infographic.affordability h3,
.infographic.affordability h4,
.infographic.affordability h5,
.infographic.affordability h6,
.infographic.affordability p,
.infographic.affordability span {
    font-family: franklin-gothic-urw-comp, sans-serif !important;
    font-style: normal;
    font-weight: 400
}

.infographic.affordability ul {
    list-style: none;
    margin-left: 0
}

.infographic.affordability .titled {
    margin-top: 15px
}

.infographic.affordability .moreAffordable {
    background: #048;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.infographic.affordability .moreAffordable h1 {
    color: #fff;
    font-size: 5rem;
    line-height: 4.5rem;
    padding: 20px 0
}

@media only screen and (max-width:640px) {
    .infographic.affordability .moreAffordable h1 {
        font-size: 2.5rem;
        line-height: 2rem
    }
}

.infographic.affordability .moreAffordable h1 span {
    font-weight: 700;
    font-size: 5.8rem
}

.infographic.affordability .financialAid {
    background: #e7e7e7;
    margin-top: 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .moreAffordable h1 span {
        font-size: inherit
    }

    .infographic.affordability .financialAid {
        padding-top: 20px
    }
}

.infographic.affordability .netTuition {
    text-transform: uppercase;
    margin-top: 15px
}

.infographic.affordability .netTuition h1 {
    color: #000;
    font-size: 6rem;
    font-weight: 700;
    text-align: right
}

@media only screen and (max-width:640px) {
    .infographic.affordability .netTuition h1 {
        text-align: center;
        line-height: 5rem
    }
}

.infographic.affordability .netTuition p {
    font-size: 2.5rem !important;
    color: #414042;
    line-height: 2rem;
    margin-top: 35px
}

.infographic.affordability .netTuition span {
    font-size: 3.5rem;
    font-weight: 700
}

@media only screen and (max-width:640px) {
    .infographic.affordability .netTuition span {
        font-size: 3rem;
        line-height: 2.5rem
    }
}

.infographic.affordability .pieChart {
    background: #414042;
    color: #fff;
    text-align: center;
    padding-top: 30px
}

.infographic.affordability .pieChart ul.legend {
    margin-top: 45px
}

.infographic.affordability .pieChart li.yellowSlice:before {
    background: #f9a500;
    content: " ";
    padding: 1px 15px;
    margin-right: 15px
}

.infographic.affordability .pieChart li.blueSlice:before {
    background: #0c85ff;
    content: " ";
    padding: 1px 15px;
    margin-right: 15px
}

.infographic.affordability .pieChart li.lightblueSlice:before {
    background: #6cd0f6;
    content: " ";
    padding: 1px 15px;
    margin-right: 15px
}

.infographic.affordability .pieChart li.whiteSlice:before {
    background: #e7e7e7;
    content: " ";
    padding: 1px 15px;
    margin-right: 15px
}

.infographic.affordability .pieChart span {
    font-weight: 700
}

.infographic.affordability .averageLoan {
    margin-top: 15px
}

.infographic.affordability .averageLoan h1 {
    text-align: center;
    color: #000;
    font-weight: 700 !important
}

.infographic.affordability .averageLoan ul {
    margin-top: 10px
}

.infographic.affordability .averageLoan li {
    color: #6d6e71;
    width: 95%;
    max-width: 455px;
    float: left;
    background: #fff;
    padding: 10px;
    margin: 0 5px 10px
}

.infographic.affordability .averageSalary ul,
.infographic.affordability .employmentRate ul {
    margin-left: 0;
    list-style: none
}

.infographic.affordability .averageLoan li.shu {
    background: #048;
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    text-align: center
}

.infographic.affordability .averageLoan.titled {
    background: #f9a500
}

.infographic.affordability .averageLoan.listed {
    background: #e7e7e7
}

.infographic.affordability .averageGift {
    background: #048;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px
}

.infographic.affordability .averageGift h1 {
    color: #fff;
    font-size: 6rem;
    font-weight: 700 !important;
    margin-bottom: 0
}

@media only screen and (max-width:640px) {
    .infographic.affordability .averageGift h1 {
        font-size: 5rem
    }
}

.infographic.affordability .averageGift p {
    font-size: 2.4rem !important;
    line-height: 3rem;
    padding-bottom: 2px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .averageGift p {
        font-size: 2rem !important;
        line-height: 2rem
    }
}

.infographic.affordability .averageGift span {
    font-size: 4rem;
    line-height: 3rem
}

@media only screen and (max-width:640px) {
    .infographic.affordability .averageGift span {
        font-size: 3rem !important;
        line-height: 3rem
    }
}

.infographic.affordability .careerSuccess {
    background: #6ccef8;
    margin-top: 15px
}

.infographic.affordability .careerSuccess h1 {
    text-align: center;
    font-size: 2.8rem;
    text-transform: uppercase;
    line-height: 3rem;
    margin-top: 28px
}

.infographic.affordability .careerSuccess span {
    font-weight: 700;
    font-size: 3.5rem
}

.infographic.affordability .careerSuccess p {
    font-size: 1.65rem !important;
    line-height: 1.96rem;
    padding: 1px
}

.infographic.affordability .averageSalary h3 {
    text-transform: uppercase;
    color: #fff
}

.infographic.affordability .averageSalary li {
    font-size: 2rem;
    padding-left: 15px;
    margin: 10px 0
}

.infographic.affordability .averageSalary li.national:before,
.infographic.affordability .averageSalary li.shu:before {
    background-size: contain;
    background-repeat: repeat-x;
    padding: 20px;
    display: inline-flex;
    content: " "
}

.infographic.affordability .averageSalary li.shu:before {
    height: 60px;
    width: 50%;
    background-image: url(/images/BlueMoneyL.png);
    margin-right: 15px
}

.infographic.affordability .averageSalary li.national:before {
    height: 60px;
    width: 30%;
    background-image: url(/images/GreenMoneyL.png);
    margin-right: 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .averageSalary li {
        font-size: 1.5rem;
        padding-right: 5px
    }

    .infographic.affordability .averageSalary li.national:before,
    .infographic.affordability .averageSalary li.shu:before {
        height: 30px;
        display: inline-flex;
        background-size: contain;
        background-repeat: repeat-x;
        content: " ";
        padding: 10px;
        margin-right: 15px
    }

    .infographic.affordability .averageSalary li.shu:before {
        width: 65%;
        background-image: url(/images/BlueMoneyL.png)
    }

    .infographic.affordability .averageSalary li.national:before {
        width: 45%;
        background-image: url(/images/GreenMoneyL.png)
    }
}

.infographic.affordability .averageSalary.titled {
    background: #414042;
    color: #fff;
    text-align: center
}

.infographic.affordability .averageSalary.listed {
    background: #e7e7e7
}

.infographic.affordability .averageSalary .legend li {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem
}

.infographic.affordability .averageSalary .legend li.shu:before {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #048;
    content: " ";
    padding: 5px;
    margin-right: 15px
}

.infographic.affordability .averageSalary .legend li.national:before {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #43ac6a;
    content: " ";
    padding: 5px;
    margin-right: 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .averageSalary .legend li {
        font-size: .8rem
    }

    .infographic.affordability .averageSalary .legend li.shu:before {
        height: 20px;
        width: 20px;
        display: inline-flex;
        background: #048;
        content: " ";
        padding: 5px;
        margin-right: 15px
    }

    .infographic.affordability .averageSalary .legend li.national:before {
        height: 20px;
        width: 20px;
        display: inline-flex;
        background: #43ac6a;
        content: " ";
        padding: 5px;
        margin-right: 15px
    }
}

.infographic.affordability .employmentRate h3 {
    text-transform: uppercase;
    color: #fff
}

.infographic.affordability .employmentRate li {
    font-size: 2rem;
    padding-left: 15px;
    margin: 10px 0
}

.infographic.affordability .employmentRate li.national:before,
.infographic.affordability .employmentRate li.shu:before {
    background-size: contain;
    background-repeat: repeat-x;
    padding: 20px;
    display: inline-flex;
    content: " "
}

.infographic.affordability .employmentRate li.shu:before {
    height: 60px;
    width: 90%;
    background-image: url(/images/BlueBag.png);
    margin-right: 15px
}

.infographic.affordability .employmentRate li.national:before {
    height: 60px;
    width: 49%;
    background-image: url(/images/GreenBag.png);
    margin-right: 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .employmentRate li {
        font-size: 1.5rem;
        padding-right: 5px
    }

    .infographic.affordability .employmentRate li.national:before,
    .infographic.affordability .employmentRate li.shu:before {
        height: 30px;
        display: inline-flex;
        background-size: contain;
        background-repeat: repeat-x;
        content: " ";
        padding: 10px;
        margin-right: 15px
    }

    .infographic.affordability .employmentRate li.shu:before {
        width: 75%;
        background-image: url(/images/BlueBag.png)
    }

    .infographic.affordability .employmentRate li.national:before {
        width: 35%;
        background-image: url(/images/GreenBag.png)
    }
}

.infographic.affordability .employmentRate.titled {
    background: #414042;
    color: #fff;
    text-align: center
}

.infographic.affordability .employmentRate.listed {
    background: #e7e7e7
}

.infographic.affordability .employmentRate .legend li {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem
}

.infographic.affordability .employmentRate .legend li.shu:before {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #048;
    content: " ";
    padding: 5px;
    margin-right: 15px
}

.infographic.affordability .employmentRate .legend li.national:before {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #43ac6a;
    content: " ";
    padding: 5px;
    margin-right: 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .employmentRate .legend li {
        font-size: .8rem
    }

    .infographic.affordability .employmentRate .legend li.shu:before {
        height: 20px;
        width: 20px;
        display: inline-flex;
        background: #048;
        content: " ";
        padding: 5px;
        margin-right: 15px
    }

    .infographic.affordability .employmentRate .legend li.national:before {
        height: 20px;
        width: 20px;
        display: inline-flex;
        background: #43ac6a;
        content: " ";
        padding: 5px;
        margin-right: 15px
    }
}

.infographic.affordability .studentDebt h3 {
    text-transform: uppercase;
    color: #fff
}

.infographic.affordability .studentDebt ul {
    list-style: none;
    margin-left: 0
}

.infographic.affordability .studentDebt li {
    font-size: 2rem;
    padding-left: 15px;
    margin: 10px 0
}

.infographic.affordability .studentDebt li.national:before,
.infographic.affordability .studentDebt li.shu:before {
    height: 60px;
    background-size: contain;
    background-repeat: repeat-x;
    padding: 20px;
    display: inline-flex;
    content: " "
}

.infographic.affordability .studentDebt li.shu:before {
    width: 89%;
    background-image: url(/images/BlueMoneyM.png);
    margin-right: 15px
}

.infographic.affordability .studentDebt li.national:before {
    width: 51%;
    background-image: url(/images/GreenMoneyM.png);
    margin-right: 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .studentDebt li {
        font-size: 1.5rem;
        padding-right: 5px
    }

    .infographic.affordability .studentDebt li.national:before,
    .infographic.affordability .studentDebt li.shu:before {
        height: 30px;
        display: inline-flex;
        background-size: contain;
        background-repeat: repeat-x;
        content: " ";
        padding: 10px;
        margin-right: 15px
    }

    .infographic.affordability .studentDebt li.shu:before {
        width: 75%;
        background-image: url(/images/BlueMoneyM.png)
    }

    .infographic.affordability .studentDebt li.national:before {
        width: 35%;
        background-image: url(/images/GreenMoneyM.png)
    }
}

.infographic.affordability .studentDebt.titled {
    background: #414042;
    color: #fff;
    text-align: center
}

.infographic.affordability .studentDebt.listed {
    background: #e7e7e7
}

.infographic.affordability .studentDebt .legend li {
    float: left;
    width: 50%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem
}

.infographic.affordability .studentDebt .legend li.shu:before {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #048;
    content: " ";
    padding: 5px;
    margin-right: 15px
}

.infographic.affordability .studentDebt .legend li.national:before {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #43ac6a;
    content: " ";
    padding: 5px;
    margin-right: 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .studentDebt .legend li {
        font-size: .8rem
    }

    .infographic.affordability .studentDebt .legend li.shu:before {
        height: 20px;
        width: 20px;
        display: inline-flex;
        background: #048;
        content: " ";
        padding: 5px;
        margin-right: 15px
    }

    .infographic.affordability .studentDebt .legend li.national:before {
        height: 20px;
        width: 20px;
        display: inline-flex;
        background: #43ac6a;
        content: " ";
        padding: 5px;
        margin-right: 15px
    }
}

.infographic.affordability .studentLoans {
    background: url(/images/loan_1.png) bottom center no-repeat #6ccef8;
    margin-top: 15px;
    padding-bottom: 300px
}

.infographic.affordability .studentLoans h3 {
    font-weight: 700 !important;
    color: #000;
    text-align: center;
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 5rem
}

.infographic.affordability .studentLoans p {
    font-size: 3rem !important;
    text-align: center;
    font-weight: 700 !important;
    line-height: 3rem;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #000
}

.infographic.affordability .studentLoans span {
    color: #048;
    font-weight: 700 !important
}

.infographic.affordability .studentGrants {
    background: #f9a500;
    margin-top: 15px
}

.infographic.affordability .studentGrants h3 {
    color: #000;
    font-weight: 700 !important;
    text-align: center;
    font-size: 3.5rem;
    line-height: 3rem;
    margin: 15px 0;
    text-transform: uppercase
}

@media only screen and (max-width:640px) {
    .infographic.affordability .studentGrants h3 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.infographic.affordability .annualMillions {
    background: #e7e7e7;
    padding: 16px
}

.infographic.affordability .annualMillions h1 {
    font-weight: 700 !important;
    color: #000;
    font-size: 10rem;
    text-align: center;
    line-height: 8.5rem;
    margin-top: 30px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .annualMillions h1 {
        font-size: 7rem;
        margin-top: 0
    }
}

.infographic.affordability .annualMillions p {
    font-size: 3rem !important;
    line-height: 3rem;
    color: #000;
    padding: 30px 15px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .annualMillions p {
        font-size: 2rem !important;
        line-height: 2rem;
        padding: initial
    }
}

.infographic.affordability .graduateSalaries {
    background: #414042;
    color: #fff;
    margin-top: 15px
}

.infographic.affordability .graduateSalaries h1 {
    color: #fff;
    font-weight: 700 !important;
    text-align: center;
    font-size: 8rem
}

.infographic.affordability .graduateSalaries p {
    font-size: 2rem !important;
    line-height: 2rem;
    margin-top: 40px
}

@media only screen and (max-width:640px) {
    .infographic.affordability .graduateSalaries p {
        margin-top: 0
    }
}

.infographic.affordability .giftAid {
    background: #048;
    color: #fff;
    margin-top: 15px
}

.blue-box,
.blue-box .button.transparent,
.blue-box .fsRequiredMarker,
.blue-box a,
.blue-box a:hover,
.blue-box a:visited {
    color: #fefefe
}

.infographic.affordability .giftAid p {
    text-align: center;
    font-size: 3.6rem !important;
    font-weight: 700;
    line-height: 3.5rem;
    padding: 15px 0
}

@media only screen and (max-width:640px) {
    .infographic.affordability .giftAid p {
        font-size: 2.6rem !important;
        line-height: 2.5rem
    }
}

.blue-box {
    background: #048;
    padding: 65px 0
}

@media only screen and (max-width:768px) {
    .blue-box {
        padding: 30px 0
    }
}

.blue-box h1 {
    margin: 0 0 5px
}

.blue-box p {
    margin: 0 0 38px
}

.blue-box .button.transparent {
    background: 0 0;
    padding: 4px 20px 7px;
    margin: 0;
    line-height: 1.4375rem;
    font-style: normal;
    text-decoration: none
}

@media only screen and (max-width:768px) {
    .blue-box .button.transparent {
        background: 0 0;
        border: 2px solid #fff;
        color: #fff;
        font-size: 1rem;
        line-height: 1.25rem;
        margin: 0 0 20px
    }
}

.blue-box .button.transparent:hover {
    color: #048;
    background: #fefefe;
    text-decoration: none
}

.blue-box .contacts a {
    color: #fff;
    text-decoration: none
}

.blue-box.great-minds {
    background: url(/images/great-minds-home-bg.jpg) center center no-repeat;
    background-size: cover
}

.blue-box.great-minds p {
    margin-bottom: 0
}

.blue-box.great-minds img {
    margin-bottom: 1rem
}

@media only screen and (max-width:799px) {
    .blue-box.great-minds img {
        margin: 1.5rem 0
    }
}

.blue-box.great-minds h4 {
    font-weight: 700
}

.blue-box.great-minds .button {
    margin-top: 15px;
    border: 1px solid #fff
}

.blue-box #ticker #school-names,
.blue-box .ticker .school-name {
    border-right: 1px solid #3369a0;
    border-bottom: 1px solid #3369a0;
    padding-bottom: 1rem
}

.blue-box.great-minds .slogan p.title {
    color: #ef7812;
    font-weight: 700;
    font-size: 6rem;
    line-height: 5rem;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media only screen and (max-width:900px) {
    .blue-box.great-minds .slogan p.title {
        font-size: 5rem
    }
}

.blue-box.great-minds .slogan p.subtitle {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.7rem
}

.blue-box.great-minds .flex-video {
    margin-top: 1rem
}

.blue-box .shu-formstack {
    margin: 15px 0
}

.blue-box .ticker h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #0ff
}

.blue-box #ticker #school-names {
    background: 0 0
}

.blue-box #ticker #school-names .active-school-button {
    background-color: #3369a0;
    color: #fff
}

.blue-box #ticker #school-names button {
    color: #fff
}

.blue-box #ticker #school-names button:hover {
    background: #658fb7;
    color: #fff
}

.blueChapel,
.blueChristmas,
.blueStageLights,
.concert {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.blueChapel,
.blueChapel a,
.blueChapel a:hover,
.blueChapel h1,
.blueChapel h2,
.blueChapel h3,
.blueChapel h4,
.blueChapel h5,
.blueChapel h6,
.blueChristmas,
.blueChristmas a,
.blueChristmas a:hover,
.blueChristmas h1,
.blueChristmas h2,
.blueChristmas h3,
.blueChristmas h4,
.blueChristmas h5,
.blueChristmas h6,
.blueStageLights,
.blueStageLights a,
.blueStageLights a:hover,
.blueStageLights h1,
.blueStageLights h2,
.blueStageLights h3,
.blueStageLights h4,
.blueStageLights h5,
.blueStageLights h6,
.concert,
.concert a,
.concert a:hover,
.concert h1,
.concert h2,
.concert h3,
.concert h4,
.concert h5,
.concert h6 {
    color: #fefefe
}

.blueChapel {
    background-image: url(/images/great-minds-home-bg.jpg);
    background-color: #048;
    padding: 65px 0
}

@media only screen and (max-width:768px) {
    .blueChapel {
        padding: 30px 0
    }
}

.blueChristmas {
    background-image: url(/images/blue-christmas.jpg);
    background-color: #048;
    padding: 65px 0
}

@media only screen and (max-width:768px) {
    .blueChristmas {
        padding: 30px 0
    }
}

.blueChristmas.chapel {
    background-image: url(/images/chapel-christmas-interior-blue.jpg)
}

.blueStageLights {
    background-image: url(/images/blue-stage-lights-bg.jpg);
    background-color: #048;
    padding: 65px 0
}

@media only screen and (max-width:768px) {
    .blueStageLights {
        padding: 30px 0
    }
}

.concert {
    background-image: url(/images/stage-concert.jpg);
    background-color: #048;
    padding: 65px 0
}

@media only screen and (max-width:768px) {
    .concert {
        padding: 30px 0
    }
}

.infographic.career figure.image-article figcaption {
    background: rgba(0, 68, 136, .5);
    height: 100%;
    width: 100%;
    top: 0
}

.infographic.career figure.image-article figcaption p {
    position: relative;
    top: 25%;
    font-size: 3rem !important
}

@media only screen and (max-width:600px) {
    .infographic.career figure.image-article figcaption {
        background: 0 0
    }

    .infographic.career figure.image-article figcaption p {
        font-size: 1.5rem !important
    }
}

.infographic.career .employment h2 {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1
}

.infographic.career .employment ul li {
    margin-bottom: 5px
}

.infographic.career .employment ul li div {
    background: #ff5c00;
    color: #fff;
    padding: 5px
}

.infographic.career .ranked .medium-6 {
    text-align: center;
    padding: 2rem 1rem
}

.infographic.career .ranked .medium-6.blue h2 {
    font-size: 5rem
}

.infographic.career .ranked .medium-6 h2 {
    font-weight: 700
}

.infographic.career .numbers {
    text-align: center
}

.infographic.career .numbers h2 {
    font-size: 4rem;
    font-weight: 700
}

.infographic.career .numbers h2 i {
    font-size: 2.5rem;
    margin-right: 15px
}

.infographic.career .numbers li {
    padding: 1rem 5px;
    margin-bottom: 1rem
}

.infographic.career .numbers .dgray {
    background: #2c2c2c;
    color: #fff
}

.infographic.career .numbers .dgray h2 {
    color: #fff
}

.categories ul {
    list-style: none;
    margin-left: 10px
}

.contacts-box {
    margin: 7px 0 0
}

.contacts-box h2 {
    background: #003971;
    color: #fefefe;
    text-transform: uppercase;
    padding: 11px 20px;
    font-size: 1.1rem;
    line-height: 1rem;
    font-weight: 400;
    margin: 0 0 1px;
    letter-spacing: 1px
}

.contacts-box ul a:hover {
    text-decoration: underline
}

.contacts-box .contacts dd a,
.contacts-box .contacts dd a:hover {
    text-decoration: underline !important
}

.contacts-box .contacts {
    background: #3369a0;
    padding: 12px 20px 32px;
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.contacts-box .contacts dt {
    float: left;
    clear: left;
    margin: 0 6px 0 0;
    font-style: italic;
    font-weight: 400
}

.contacts-box .contacts dd {
    margin: 0
}

.contacts-box .contacts dd a {
    color: #fefefe
}

.contacts-box .contacts dd a.tel {
    text-decoration: underline
}

.directory tr.e {
    background: #F9F9F9 !important
}

.directory ul {
    list-style: none
}

section.emergency {
    background: #ff6f0c
}

section.emergency p {
    color: #fff;
    margin: 0;
    padding: 10px 40px;
    font-size: 1.5rem
}

section.emergency i {
    color: #fff
}

section.emergency a {
    color: #fff;
    text-decoration: none
}

.crisis .crisisNav .cs_GridColumn a,
.crisis .keycontacts a.tel,
.gray-box .year-box a,
.gray-box .year-box ul a {
    text-decoration: none !important
}

.em-page-start p.em-message {
    color: #666;
    font-weight: 700
}

.doit .emergency {
    text-align: center;
    margin-bottom: 40px;
    background: #ff6f0c !important
}

.doit .emergency a,
.doit .emergency span {
    color: #fff !important
}

.doit .emergency ul {
    list-style: none
}

.doit .emergency ul h4 {
    font-size: 16px;
    padding: 10px
}

.crisis #main-content-header {
    margin-top: 1rem
}

.crisis #main-content-header .panel {
    background-color: #048;
    color: #fefefe;
    border: none;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 246px
}

.crisis #main-content-header .panel h1,
.crisis #main-content-header .panel h2,
.crisis #main-content-header .panel h3,
.crisis #main-content-header .panel h4,
.crisis #main-content-header .panel h5,
.crisis #main-content-header .panel h6 {
    color: #fefefe
}

.crisis .crisisNav {
    margin: 3rem 0;
    text-align: center
}

.crisis .crisisNav .cs_GridColumn {
    display: flex;
    justify-content: space-evenly
}

.crisis .crisisNav .cs_GridColumn a {
    font-size: 1.5rem
}

@media only screen and (max-width:600px) {
    .crisis .crisisNav .cs_GridColumn a {
        font-size: 1rem
    }

    .info-bar p.text-right {
        text-align: start
    }
}

.crisis .crisisNav .cs_GridColumn a span {
    color: #CCC
}

.crisis .keycontacts a.tel {
    color: #111
}

.info-bar {
    background-color: #048;
    padding-top: 5px
}

.info-bar h2 {
    color: #fff;
    font-size: 1.7rem
}

.info-bar p {
    color: #fff;
    font-size: 16px
}

.info-bar i,
.info-bar span {
    color: #fff
}

.info-bar a {
    color: #fff;
    text-decoration: none
}

#main a:hover,
.gray-box .more:hover,
.gray-box a {
    text-decoration: underline
}

.info-bar a.button {
    border: 1px solid #fff;
    font-size: .9rem;
    padding: 1rem;
    margin-top: 15px
}

.info-bar a.button:hover {
    line-height: 14.4px
}

.upcoming-events .events {
    margin-bottom: 15px
}

.upcoming-events .event-date {
    float: right;
    font-size: 1.65625rem;
    font-weight: 700;
    line-height: 1.375rem;
    text-align: right
}

#events table tbody {
    border: 0
}

#events .search-form table.gsc-search-box td.gsc-input {
    width: 100%
}

#events .gray-header h2 {
    font-size: 34px
}

#events .gray-header p {
    text-align: center;
    padding-top: 15px
}

#events #header.main-header .main-nav>li>a:hover {
    background: 0 0
}

summary {
    display: initial
}

.post article.event summary {
    margin: 15px 10px
}

.post article.event figcaption {
    background: #048;
    color: #fefefe;
    font-size: .6875rem;
    left: 10px;
    letter-spacing: 1px;
    line-height: .8125rem;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: 65%;
    -ms-transform: translate(0, -65%);
    transform: translate(0, -65%);
    display: inline-block;
    padding: 5px 14px
}

.post article.event .cal_date_day,
.post article.event .cal_date_month,
.post article.event .event-date p {
    font-size: 1.5625rem;
    line-height: 1.375rem;
    text-align: right;
    margin-left: 10px;
    font-weight: 700
}

#main a.all:after,
.gray-box .event a.all:after {
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}

.post article.event .event-date h2 {
    margin-right: 10px
}

#related-events {
    padding: 1rem .5rem
}

#related-events article {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 1rem
}

#related-events .thumbnail {
    border: 0
}

#related-events .thumbnail img {
    max-width: 100%;
    height: auto
}

#related-events p {
    font-size: .875rem
}

#related-events p time {
    font-size: .8rem;
    font-weight: 700
}

.shu-formstack .fsBody {
    background: 0 0 !important
}

.shu-formstack .fsBody .fsForm .fsSupporting {
    color: #595959;
    font-size: small
}

.shu-formstack input[type=checkbox],
.shu-formstack input[type=file],
.shu-formstack input[type=radio],
.shu-formstack select {
    margin: 0
}

.shu-formstack .fsError {
    color: #a20000;
    padding-bottom: 15px
}

.shu-formstack .fsSubmitButton.fsSubmitMultipage {
    background: #048 !important;
    border: 0 !important;
    padding: 15px 17px !important
}

.shu-formstack .fsValidationError .fsLabel {
    padding-left: 20px !important
}

.shu-formstack input:not([type]),
.shu-formstack input[type=color],
.shu-formstack input[type=date],
.shu-formstack input[type=datetime-local],
.shu-formstack input[type=datetime],
.shu-formstack input[type=email],
.shu-formstack input[type=month],
.shu-formstack input[type=number],
.shu-formstack input[type=password],
.shu-formstack input[type=search],
.shu-formstack input[type=tel],
.shu-formstack input[type=text],
.shu-formstack input[type=time],
.shu-formstack input[type=url],
.shu-formstack input[type=week],
.shu-formstack textarea {
    display: inline-block;
    margin: 0
}

.shu-formstack input[type=radio] {
    margin: 0 .5rem 0 0 !important
}

.shu-formstack .fsPage select {
    padding: 5px 25px 8px 5px;
    width: inherit;
    margin: 0;
    max-width: 100%
}

.shu-formstack .fsPage label {
    padding: 0 10px 0 0;
    color: inherit
}

.shu-formstack .fsPage legend {
    display: inherit
}

.shu-formstack .fsPage table {
    border: 0
}

.shu-formstack .fsPage table tr.alt,
.shu-formstack .fsPage table tr.even,
.shu-formstack .fsPage table tr:nth-of-type(2n) {
    background: 0 0
}

.shu-formstack .fsPage input[type=checkbox]::after,
.shu-formstack .fsPage input[type=file]::after,
.shu-formstack .fsPage input[type=radio]::after,
.shu-formstack .fsPage select::after {
    content: " "
}

.shu-formstack .fsPage .fsRow {
    margin-bottom: 15px
}

.shu-formstack .fsPage .fs-ngdialog.fs-modal-medium.fs-form-dialog.fs-form-dialog--hidden,
.shu-formstack .fsPage .fsRow .fsHidden {
    display: none
}

.shu-formstack .fsPage .fsOptionLabel {
    width: inherit;
    margin: 0 0 .5rem
}

.shu-formstack .fsPage .fsOptionLabel .fsField {
    margin-right: .4375rem
}

.shu-formstack .fsPage .fsSubField {
    display: inline-block;
    padding: .2rem .5rem .1rem 0;
    width: inherit
}

.shu-formstack .fsPage .fsSubField input[type=text] {
    margin: 0
}

.shu-formstack .fsPage .fsLabel {
    font-weight: 700;
    padding: 0
}

.shu-formstack .fsPage .fsRequiredMarker {
    color: #a20000
}

.shu-formstack .fsPage .fsRequiredMarker::before {
    content: " "
}

.shu-formstack .fsPage .always-ltr {
    margin: 0 0 0 10px
}

.shu-formstack .fsPage .horizontal {
    display: inline-block
}

.shu-formstack .ui-datepicker {
    background: #fefefe;
    border: 1px solid #ccc;
    padding: 10px
}

.shu-formstack .ui-datepicker-header a span {
    padding-right: 15px
}

.shu-formstack .fsSubmitButton {
    background: #048;
    border: 2px solid #fefefe;
    color: #fefefe !important;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 10px 30px;
    font-weight: 700
}

.shu-formstack .fsSocialAutofill--buttons a {
    background: 5px no-repeat #f1f1f1;
    color: #4d4d4d;
    display: inline-block;
    font-size: 10px;
    margin: 0 10px 10px 0;
    padding: 9px 15px 9px 31px
}

.shu-formstack .fsSocialAutofill--buttons a.facebook_autofill {
    background-image: url(/_resources/images/facebook-22.png)
}

.shu-formstack .fsSocialAutofill--buttons a.googleplus_autofill {
    background-image: url(/_resources/images/google-plus-22.png)
}

.shu-formstack span.fsFull {
    color: #fefefe
}

.shu-formstack span.fsSlim {
    display: none
}

.shu-formstack .fs2Col .fsFieldCell {
    float: none;
    display: inline-block;
    margin-right: 30px
}

#requestInfo .form,
#requestInfo .fsFieldRow input[type=email],
#requestInfo .fsFieldRow input[type=number],
#requestInfo .fsFieldRow input[type=tel],
#requestInfo .fsFieldRow input[type=text],
#requestInfo .fsForm select,
#requestInfo .fsForm textarea,
#requestInfo .fsPage .fsSubField input[type=text] {
    background: #3369a0;
    border: 1px solid #668fb8;
    color: #fefefe
}

#requestInfo .fsPage label {
    color: #fefefe
}

#requestInfo .fsBody.fsSupporting {
    color: #fff !important
}

#requestInfo .fsBody.fsRequiredlabel {
    color: #000 !important
}

#requestInfo .fsBody .fsSupporting {
    font-size: 13px !important
}

#requestInfo .fsboxshadow .fsBody .fsForm {
    box-shadow: none !important;
    background: 0 0 !important;
    color: #fefefe
}

#requestInfo .fsForm.fsSubmit {
    background: 0 0 !important
}

.gpa-calculator {
    padding: 15px
}

.gpa-calculator button {
    border-color: #007295;
    border-style: solid;
    border-width: 1px
}

.gpa-calculator div.selectWrap {
    background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: 85% center;
    border: 1px solid #ccc;
    height: 2.3125rem;
    overflow: hidden;
    width: 70px
}

.gpa-calculator select {
    background: 0 0;
    border: none;
    margin-top: -2px;
    width: 100px
}

.gpa-calculator table {
    border-collapse: collapse;
    border-width: 1px
}

.gpa-calculator #runningGPA,
.gpa-calculator #runningQPoints {
    font-size: 5em;
    line-height: 1.1em
}

.gpa-calculator .totals {
    padding-top: 50px
}

.gray-box {
    background: #e5e5e5;
    padding: 36px 0 52px
}

.gray-box.gray-box2 {
    padding: 54px 0 55px
}

.gray-box.gray-box2 p {
    margin: 0 0 15px
}

.gray-box.gray-box2 .more {
    font-size: 14px
}

.gray-box h1 {
    color: #048;
    font-size: 2.25rem;
    line-height: 2.625rem;
    font-weight: 400;
    margin: -9px 0 14px
}

.gray-box h1 a {
    color: #048
}

.gray-box h1 a:hover {
    color: #0a0a0a
}

@media only screen and (max-width:941px) {
    .gray-box.gray-box2 {
        padding: 30px 0 10px
    }

    .gray-box h1 {
        font-size: 2rem;
        line-height: 2.25rem
    }
}

@media only screen and (max-width:767px) {
    .gray-box h1 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

.gray-box p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 400;
    margin: 0 0 20px
}

.gray-box .more {
    font-style: italic;
    margin: 0 0 20px;
    display: inline-block;
    vertical-align: top
}

.gray-box .more-video {
    position: absolute;
    left: 9px;
    bottom: 0;
    border-top: 1px solid #bfbfbf;
    padding: 14px 10px 5px 22px;
    width: 100%;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: 1px
}

.gray-box .event a.all:after,
.gray-box .more-video:after {
    width: 15px;
    content: "";
    height: 15px
}

@media only screen and (max-width:941px) {
    .gray-box .more-video {
        position: relative;
        left: auto;
        bottom: auto;
        display: block
    }

    .gray-box .year-box {
        margin: 0 0 18px
    }
}

.gray-box .more-video:hover {
    color: #0a0a0a
}

.gray-box .more-video:hover:after {
    color: #0a0a0a;
    border-color: #0a0a0a;
    background-position: -110px -292px
}

.gray-box .more-video:after {
    position: absolute;
    top: 14px;
    left: 0;
    background: url(/_resources/images/sprite.png) -68px -292px no-repeat
}

.gray-box .year-box {
    background: #fefefe;
    padding: 14px 14px 15px;
    overflow: hidden
}

.gray-box .year-box h2 {
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 700;
    color: #048;
    margin: 0 0 12px;
    letter-spacing: 1px
}

.gray-box .year-box p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin: 0 0 10px
}

.gray-box .year-box ul a {
    display: inline-block;
    vertical-align: top;
    padding-left: 11px;
    position: relative
}

.gray-box .year-box ul a:hover,
.piratenet a {
    text-decoration: underline !important
}

.gray-box .year-box ul a:after {
    content: "•";
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width:941px) {
    .gray-box {
        padding: 30px 0 10px
    }
}

.gray-box.admissions .panel.keymessage {
    background: 0 0;
    border: 0;
    padding: 0
}

.gray-box.admissions .panel.keymessage p {
    font-size: 1rem !important
}

.gray-box .event a {
    text-decoration: none
}

.gray-box .event a.all {
    background: #efefef;
    border-top: 1px solid #d9d9d9;
    bottom: 0;
    color: #000 !important;
    font-size: .75rem;
    left: 0;
    letter-spacing: 1px;
    line-height: .875rem;
    padding: 9px 10px 9px 33px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    text-decoration: none
}

.gray-box .event a.all:after {
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(/_resources/images/sprite.png) -110px -292px no-repeat;
    left: 10px;
    margin: -1px 0 0;
    position: absolute;
    top: 50%
}

.gray-box.analytics {
    margin-bottom: 2rem
}

.gray-box.analytics i {
    background: #048;
    color: #fff;
    padding: 1rem;
    border-radius: 5rem;
    text-align: center;
    font-size: 2.7rem;
    width: 5rem;
    height: 5rem
}

.gray-box.analytics h4 {
    text-align: center;
    text-transform: uppercase;
    color: #4A4A4A;
    font-weight: 700;
    font-style: italic
}

.gray-box.analytics h6 {
    font-weight: 700
}

.gray-box.analytics .callout {
    min-height: 65%;
    margin-bottom: 5rem;
    border: none;
    color: #595959
}

.gray-box.analytics p {
    font-size: 1rem
}

.gray-box .nested h6 {
    background: #048;
    color: #fff;
    font-weight: 700;
    padding: .75rem
}

.mind span.category,
.post .category {
    left: 10px;
    letter-spacing: 1px;
    padding: 5px 14px;
    top: -12px;
    text-transform: uppercase
}

.gray-box .nested a {
    color: #fff
}

.mind p {
    margin-bottom: 0
}

.mind img {
    display: block;
    width: 100%;
    height: auto
}

.mind span.category {
    background: #048;
    color: #fefefe;
    font-size: .6875rem;
    line-height: .8125rem;
    position: relative
}

.hallmarks {
    color: #048
}

.hallmarks .info p {
    margin-left: 3.4rem
}

.hallmarks .icons p {
    margin: 1.25rem 0 1rem
}

.hallmarks .icons img {
    max-width: 7rem
}

.hallmarks .icons h3 {
    font-size: 5rem;
    line-height: .8
}

.hallmarks .introduction {
    padding: 65px 0;
    background-image: url(/images/hallmarks-seton.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.hallmarks .introduction .callout {
    border: 0;
    background-color: #048;
    color: #fff
}

.hallmarks .introduction .callout h2 {
    color: #fff
}

.hallmarks .triumphant-spirit {
    padding: 65px 0
}

.hallmarks .triumphant-spirit h2 {
    margin-bottom: 2rem
}

.hallmarks .triumphant-spirit h2::before {
    content: "1";
    background: #048;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

.hallmarks .career-advantage {
    padding: 65px 0
}

.hallmarks .career-advantage h2 {
    margin-bottom: 2rem
}

.hallmarks .career-advantage h2::before {
    content: "2";
    background: #04adf0;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

.hallmarks .career-advantage .icons h3 {
    color: #04adf0
}

.hallmarks .great-mentors h2 {
    margin-bottom: 2rem
}

.hallmarks .great-mentors h2::before {
    content: "3";
    background: #f57826;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

.hallmarks .company-greatminds {
    padding: 65px 0
}

.hallmarks .company-greatminds h2 {
    margin-bottom: 2rem
}

.hallmarks .company-greatminds h2::before {
    content: "4";
    background: #048;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

.hallmarks .great-start {
    padding: 65px 0
}

.hallmarks .great-start h2 {
    margin-bottom: 2rem
}

.hallmarks .great-start h2::before {
    content: "5";
    background: #048;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

.hallmarks .great-start .icons {
    padding-left: 4rem
}

.hallmarks .prime-location {
    padding: 65px 0;
    background-image: url(/images/city-shaded.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.hallmarks .prime-location h2 {
    color: #fff;
    margin-bottom: 3rem
}

.hallmarks .prime-location h2::before {
    content: "6";
    background: #04adf0;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

.hallmarks .pirate-pride {
    padding: 65px 0;
    background-image: url(/images/Pirate-Shaded-Blue.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.hallmarks .pirate-pride h2 {
    color: #fff;
    margin-bottom: 3rem
}

.hallmarks .pirate-pride h2::before {
    content: "7";
    background: #f57826;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

.hallmarks .pirate-pride .icons h3 {
    color: #fff
}

.hallmarks .affordability {
    padding: 65px 0
}

.hallmarks .affordability h2 {
    margin-bottom: 2rem
}

.hallmarks .affordability h2::before {
    content: "8";
    background: #048;
    color: #fff;
    margin: 0 .5rem 0 0;
    padding: 0 1rem .5rem
}

#main {
    width: 100%;
    clear: both
}

.intro {
    background: #e5e5e5;
    padding: 39px 0 42px;
    color: #1a1a1a
}

.intro p {
    font-size: 1.8125rem;
    line-height: 2.1875rem;
    margin: 0 0 32px
}

.intro .buttons-list {
    overflow: hidden
}

.intro .buttons-list li {
    float: left;
    margin: 0 20px 0 0
}

@media only screen and (max-width:767px) {
    .intro {
        padding: 35px 0
    }

    .intro p {
        font-size: 1.125rem;
        line-height: 1.375rem
    }

    .intro .buttons-list li {
        float: none;
        margin: 0 0 10px
    }
}

.intro .buttons-list li a {
    padding: 12px 20px;
    text-align: center;
    min-width: 222px;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin: 0;
    color: #fff !important;
    text-decoration: none !important
}

.keymessage h4 {
    font-weight: 700
}

#lawNet .header-nav-secondary,
#lawNet .logo {
    margin: 0
}

#lawNet .header-nav-secondary input[type=text] {
    width: 252px;
    margin-bottom: 5px
}

#lawNet .header-nav-secondary input[type=text]:focus {
    background-color: #000;
    color: #fff
}

#lawNet .header-nav-secondary input[type=submit] {
    padding: 9px 15px
}

#lawNet .main-menu-btn,
#lawNet .mobile-search i {
    color: #fff
}

#lawNet #footer-center-textbox a {
    text-decoration: none;
    color: #faf8e5
}

.orgchart ul a,
.orgchart ul a:hover,
.person-box:hover .view,
.placeholder-slideshow .caption a:hover,
.post p a:hover,
.slideshow .caption a:hover,
.social-block .square a,
.social-block .square a:hover,
.social-block .visual .text a,
.social-block .visual .text a:hover,
a {
    text-decoration: underline
}

#lawNet #footer-right h2 {
    color: #fff;
    font-size: 16px
}

.livewhale figure {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    margin-bottom: 2rem
}

.livewhale figcaption {
    padding: 1rem;
    background: #fefefe
}

.livewhale figcaption a,
.livewhale figcaption a:hover,
.livewhale figcaption a:visited,
.livewhale figcaption h1,
.livewhale figcaption h2,
.livewhale figcaption h3,
.livewhale figcaption h4,
.livewhale figcaption h5,
.livewhale figcaption h6 {
    color: #048
}

.livewhale figcaption p {
    color: #0a0a0a
}

.livewhale img {
    width: 100%
}

.livewhale h3 {
    font-size: 17px;
    font-weight: 600
}

.livewhale span.fad:after {
    left: 0
}

.not-found {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/_resources/images/seal.jpg);
    background-size: cover;
    padding: 70px 0
}

.not-found .row {
    max-width: 50rem
}

.not-found p {
    font-size: 1.3rem;
    line-height: 1.7rem
}

.not-found a {
    color: #477efb
}

.not-found h1 {
    font-size: 3rem;
    line-height: 6rem;
    padding-bottom: 15px
}

.not-found small {
    color: #ccc;
    font-size: 2.4rem
}

.not-found .medium-3,
.not-found .medium-9 {
    padding: 15px
}

.not-found .transparent {
    background: rgba(0, 0, 0, .6);
    padding: 15px
}

.not-found .transparent h1,
.not-found .transparent p {
    color: #fefefe
}

.not-found .white-bg {
    background: #fefefe
}

.person-box {
    display: block
}

.person-box img {
    display: block;
    width: 100%;
    height: auto
}

.person-box .holder {
    padding: 17px 15px
}

.person-box .title {
    display: block;
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 700;
    margin: 0 0 16px;
    padding: 0 20px 0 0
}

@media only screen and (max-width:767px) {
    .person-box .title {
        font-size: .8125rem;
        line-height: 1rem;
        font-weight: 400;
        padding: 0
    }
}

.person-box .view {
    display: block;
    font-size: .875rem;
    line-height: 1.125rem;
    font-style: italic
}

@media only screen and (max-width:767px) {
    .person-box .view {
        font-size: .6875rem
    }
}

.profile-info {
    background: #fff;
    padding: 15px;
    margin-bottom: 15px
}

#podcast figure {
    display: flex
}

#podcast figure img {
    max-width: 300px;
    width: 100%
}

#podcast figure figcaption {
    padding: 0 1rem
}

#podcast .feed {
    padding: 3rem 0
}

#podcast .feed h4 {
    font-weight: 700;
    margin: 2rem 0
}

#podcast .feed h4 small {
    color: #0a0a0a;
    font-weight: 400
}

#podcast .episodes li {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, .02);
    padding: 1rem;
    margin-bottom: .5rem;
    transition: .7s
}

#podcast .episodes li:hover {
    background-color: rgba(0, 0, 0, .05);
    transition: .5s
}

#podcast .episodes li img {
    max-width: 70px;
    margin-right: 1rem
}

#podcast .episodes li h5 {
    font-weight: 700
}

#podcast .episodes li h5 small {
    color: #0a0a0a;
    font-weight: 400
}

#podcast .pill {
    border-radius: 3rem
}

.policiesProcedures .dataTables_wrapper table,
.policiesProcedures .dataTables_wrapper tbody {
    border: 0
}

.policiesProcedures .dataTables_wrapper table thead,
.policiesProcedures .dataTables_wrapper tfoot {
    display: none
}

.policiesProcedures .dataTables_wrapper table.dataTable tbody td {
    padding: 8px 0;
    border-bottom: 1px solid #ececec;
    font-weight: 700
}

.policiesProcedures .dataTables_wrapper .dataTables_info,
.policiesProcedures .dataTables_wrapper .dataTables_paginate {
    font-size: 11px
}

.policiesProcedures .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.policiesProcedures .dataTables_wrapper .dataTables_paginate a {
    color: #a6a5a5
}

.policiesProcedures .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    border: 0;
    background: #048
}

.posts-holder {
    padding: 0 0 25px
}

.posts-holder article.post {
    padding-bottom: 50px
}

.post {
    border: 2px solid #ececec;
    margin: 0 0 20px;
    padding: 0 0 34px;
    position: relative
}

.post h2 {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    margin: 0
}

.post img {
    display: block;
    width: 100%;
    height: auto
}

.post p {
    margin-bottom: 0
}

.post .text {
    padding: 23px 10px 0;
    position: relative
}

.post .text.no-description {
    margin-bottom: 15px
}

.post .text.no-description p {
    font-size: 1.125rem;
    margin: 0 0 5px;
    line-height: 1.4375rem
}

.post .text.no-description p.read-more {
    font-size: .875rem
}

.post .text p {
    margin: 15px 0
}

.post .text small {
    color: #4d4d4d;
    display: block;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: .875rem;
    margin: 0 0 2px
}

.post .text .event-date {
    float: left;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.375rem;
    margin: -2px 20px 0 -2px;
    text-align: right;
    width: 50px
}

.post .text .text-holder {
    overflow: hidden;
    font-size: .875rem;
    line-height: 1.0625rem;
    margin: 0
}

.post .feed p {
    margin: 15px 0
}

.post .category {
    background: #048;
    color: #fefefe;
    font-size: .6875rem;
    line-height: .8125rem;
    position: absolute
}

.orgchart *,
.orgchart .subdirector:after,
.placeholder-slideshow,
.post .video,
.slideshow {
    position: relative
}

.post .date {
    display: block;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: .875rem;
    margin: 0 0 2px
}

#pageup p,
.post p {
    font-size: .875rem
}

.post p {
    line-height: 1.0625rem
}

.post .video .play {
    overflow: hidden;
    text-indent: -9999px;
    background: url(/_resources/images/sprite.png) 0 -35px no-repeat;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px
}

.profile-detail ul {
    margin-left: 2rem
}

ul.profiles {
    list-style: none;
    margin-left: 0
}

.profiles li {
    margin-bottom: 15px
}

h4.attributeTitle {
    border-bottom: 1px solid #ddd
}

.profile .callout {
    border: 0;
    padding: 1.25rem
}

.profile .callout img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 15px;
    width: 100%
}

.profile .related-news {
    padding-left: 0
}

.profile .related-news h6 {
    margin-top: 0;
    margin-bottom: 0
}

.renderPrograms p.learnMore {
    margin-top: -15px
}

.infographic.serviceonsaturdays h1,
.infographic.serviceonsaturdays h2,
.infographic.serviceonsaturdays h3,
.infographic.serviceonsaturdays h4,
.infographic.serviceonsaturdays h5,
.infographic.serviceonsaturdays h6,
.infographic.serviceonsaturdays p,
.infographic.serviceonsaturdays span {
    font-family: franklin-gothic-urw-comp, sans-serif !important;
    font-style: normal;
    font-weight: 400
}

.infographic.serviceonsaturdays .panel p {
    color: #fff
}

.infographic.serviceonsaturdays .panel h2,
.infographic.serviceonsaturdays .panel h3,
.infographic.serviceonsaturdays .panel h4,
.infographic.serviceonsaturdays .panel h5,
.infographic.serviceonsaturdays .panel h6 {
    color: #f5eca3
}

.infographic.serviceonsaturdays .panel.service {
    padding: 30px 20px
}

.infographic.serviceonsaturdays .panel.service h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 3.3rem;
    text-align: center
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.service h1 {
        font-size: 2.8rem
    }
}

.infographic.serviceonsaturdays .panel.service h1 small {
    color: #fff;
    line-height: 2
}

.infographic.serviceonsaturdays .panel.service h1 small:after,
.infographic.serviceonsaturdays .panel.service h1 small:before {
    height: 3px;
    display: inline-block;
    width: 35%;
    background: orange;
    content: "";
    margin: 8px
}

.infographic.serviceonsaturdays .panel.participated {
    background: url(/_resources/images/SOSicons-01.png) 90% 90% no-repeat #0085ff;
    background-size: 90px
}

.infographic.serviceonsaturdays .panel.participated h2 {
    text-align: center;
    font-size: 8rem;
    font-weight: 700
}

.infographic.serviceonsaturdays .panel.participated p {
    font-size: 1.5rem !important;
    line-height: 25px
}

.infographic.serviceonsaturdays .panel.volunteer {
    background: url(/_resources/images/SOSicons-02.png) 1% 50% no-repeat #58595b;
    background-size: contain
}

.infographic.serviceonsaturdays .panel.volunteer h2 {
    font-size: 8rem;
    display: inline-block;
    margin: 0 20px 0 170px;
    font-weight: 700
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.volunteer {
        background: url(/_resources/images/SOSicons-02.png) 5% 15% no-repeat #58595b;
        background-size: 90px
    }

    .infographic.serviceonsaturdays .panel.volunteer h2 {
        font-size: 5rem;
        margin-left: 75px
    }
}

.infographic.serviceonsaturdays .panel.volunteer p {
    font-size: 3rem !important;
    color: #fff;
    line-height: 2.5rem;
    display: inline-block
}

.infographic.serviceonsaturdays .panel.leaders {
    background: url(/_resources/images/SOSicons-03.png) 95% no-repeat #00458a;
    background-size: contain
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.volunteer p {
        text-align: center;
        display: inherit;
        font-size: 2rem !important;
        line-height: 2rem
    }

    .infographic.serviceonsaturdays .panel.leaders {
        background-size: 25%
    }
}

.infographic.serviceonsaturdays .panel.leaders h2 {
    font-size: 8rem;
    font-weight: 700;
    display: inline-block
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.leaders h2 {
        font-size: 5rem
    }
}

.infographic.serviceonsaturdays .panel.leaders p {
    color: #fff;
    text-transform: uppercase;
    font-size: 4rem !important;
    line-height: 3rem;
    display: inline-block;
    margin-left: 10px
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.leaders p {
        font-size: 2.5rem !important;
        line-height: 1.4rem
    }
}

.infographic.serviceonsaturdays .panel.leaders span {
    font-size: 3rem
}

.infographic.serviceonsaturdays .panel.sites {
    text-align: center;
    background: url(/_resources/images/SOSicons-04.png) center bottom no-repeat #0085ff;
    background-size: contain;
    height: 560px
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.leaders span {
        font-size: 1.4rem
    }

    .infographic.serviceonsaturdays .panel.sites {
        background: url(/_resources/images/SOSicons-04.png) center right no-repeat #0085ff;
        background-size: 70%;
        height: inherit
    }
}

.infographic.serviceonsaturdays .panel.sites h2 {
    font-size: 8rem;
    font-weight: 700;
    line-height: 7rem
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.sites h2 {
        font-size: 5rem;
        display: block;
        text-align: left
    }
}

.infographic.serviceonsaturdays .panel.sites p {
    font-size: 3rem !important;
    line-height: 2.5rem;
    text-transform: uppercase;
    padding-top: 10px
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.sites p {
        font-size: 1.7rem !important;
        padding-top: 0;
        display: block;
        text-align: left
    }

    .infographic.serviceonsaturdays .panel.sites p img {
        display: none
    }
}

.infographic.serviceonsaturdays .panel.discovered,
.orgchart ul a {
    text-align: center
}

.infographic.serviceonsaturdays .panel.sites span {
    color: #fff;
    font-size: 4.5rem
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.sites span {
        font-size: 2.5rem
    }
}

.infographic.serviceonsaturdays .panel.discovered h2 {
    font-size: 8rem;
    font-weight: 700;
    display: inline-block
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.discovered h2 {
        font-size: 4.5rem
    }
}

.infographic.serviceonsaturdays .panel.discovered p {
    font-size: 2.3rem !important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.discovered p {
        font-size: 1.3rem !important
    }
}

.infographic.serviceonsaturdays .panel.discovered span {
    font-size: 3.7rem;
    line-height: 2rem
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.discovered span {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .infographic.serviceonsaturdays .panel.river {
        text-align: center
    }
}

.infographic.serviceonsaturdays .panel.river h2 {
    font-size: 8rem;
    font-weight: 700;
    margin-bottom: 0;
    display: inline-block
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.river h2 {
        font-size: 5rem
    }
}

.infographic.serviceonsaturdays .panel.river p {
    font-size: 2rem !important;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.8rem;
    margin-left: 10px
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.river p {
        font-size: 1rem !important;
        line-height: 1rem
    }
}

.infographic.serviceonsaturdays .panel.river span {
    font-size: 3.2rem;
    line-height: 2.7rem
}

.infographic.serviceonsaturdays .panel.gloves {
    background: url(/_resources/images/SOSicons-05.png) center right no-repeat #0085ff;
    background-size: contain
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.river span {
        font-size: 1.8rem;
        line-height: 2rem
    }

    .infographic.serviceonsaturdays .panel.gloves {
        background-size: 50%
    }
}

.infographic.serviceonsaturdays .panel.gloves h2 {
    font-size: 6.2rem;
    font-weight: 700;
    line-height: 5.2rem
}

.infographic.serviceonsaturdays .panel.gloves p {
    font-size: 2.4rem !important;
    text-transform: uppercase;
    line-height: 2rem
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.gloves p {
        font-size: 2rem !important
    }
}

.infographic.serviceonsaturdays .panel.slices {
    background: url(/_resources/images/SOSicons-06.png) center right no-repeat #58595b;
    background-size: 50%
}

.infographic.serviceonsaturdays .panel.slices h2 {
    font-size: 6.2rem;
    font-weight: 700
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.slices h2 {
        font-size: 3.6rem
    }
}

.infographic.serviceonsaturdays .panel.slices p {
    font-size: 2.4rem !important;
    text-transform: uppercase;
    line-height: 2.5rem
}

@media only screen and (max-width:640px) {
    .infographic.serviceonsaturdays .panel.slices p {
        font-size: 1.8rem !important;
        line-height: 2rem
    }
}

.organizationChart ul {
    list-style: none;
    margin-left: 0
}

.organizationChart li {
    display: inline-block
}

.organizationChart li.primaryDepartment {
    margin: 0 20px
}

.organizationChart li.primaryDepartment span {
    background: rgba(0, 0, 0, .15)
}

.organizationChart li.subDepartment {
    width: 100%
}

.organizationChart li.subDepartment:before {
    height: 25px;
    width: 3px;
    background: #ccc;
    content: " ";
    display: inline-block;
    margin: 0 50%
}

.organizationChart li.subDepartment span {
    background: rgba(0, 68, 136, .5);
    color: #fff
}

.organizationChart span {
    border: 3px solid #ccc;
    padding: 10px;
    display: block;
    box-shadow: 0 5px 5px #efefef
}

.orgchart {
    min-height: 100vh
}

.orgchart * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

.orgchart .cf:after {
    clear: both
}

.orgchart .content {
    min-height: 100vh
}

.orgchart a:focus {
    outline: #f7f7f7 dashed 2px
}

@media all and (max-width:767px) {
    .orgchart .content {
        padding: 0 20px
    }
}

.orgchart ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.orgchart ul a {
    display: block;
    background: #ccc;
    border: 4px solid #ccc;
    overflow: hidden;
    font-size: .7em;
    color: #333;
    min-height: 70px;
    margin-bottom: -26px;
    box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, .4);
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s
}

.orgchart .administration>li>a {
    margin-bottom: 25px
}

.orgchart .director>li>a {
    width: 50%;
    margin: 0 auto
}

.orgchart .subdirector:after {
    content: "";
    display: block;
    width: 0;
    height: 130px;
    background: red;
    border-left: 4px solid #ccc;
    left: 45.45%
}

.orgchart .departments,
.orgchart .subdirector {
    position: absolute;
    width: 100%
}

.orgchart .departments>li:first-child,
.orgchart .subdirector>li:first-child {
    width: 18.5989492119%;
    height: 64px;
    margin: 0 auto 92px;
    padding-top: 25px;
    border-bottom: 4px solid #ccc;
    z-index: 1
}

.orgchart .department:before,
.orgchart .departments:after {
    height: 22px;
    position: absolute;
    content: ""
}

.orgchart .subdirector>li:first-child {
    float: right;
    right: 27.2%;
    border-left: 4px solid #ccc
}

.orgchart .departments>li:first-child {
    float: left;
    left: 27.2%;
    border-right: 4px solid #ccc
}

.orgchart .departments>li:first-child a,
.orgchart .subdirector>li:first-child a {
    width: 100%
}

.orgchart .subdirector>li:first-child a {
    left: 25px
}

@media all and (max-width:767px) {
    .orgchart ul a {
        font-size: 1em
    }

    .orgchart .departments>li:first-child,
    .orgchart .subdirector>li:first-child {
        width: 40%
    }

    .orgchart .subdirector>li:first-child {
        right: 10%;
        margin-right: 2px
    }

    .orgchart .subdirector:after {
        left: 49.8%
    }

    .orgchart .departments>li:first-child {
        left: 10%;
        margin-left: 2px
    }
}

.orgchart .departments>li:first-child a {
    right: 25px
}

.orgchart .department:first-child,
.orgchart .departments li:nth-child(2) {
    margin-left: 0;
    clear: left
}

.orgchart .departments:after {
    display: block;
    width: 81.1%;
    border-top: 4px solid #ccc;
    border-right: 4px solid #ccc;
    border-left: 4px solid #ccc;
    margin: 0 auto;
    top: 130px;
    left: 9.1%
}

@media all and (max-width:767px) {
    .orgchart .departments:after {
        border-right: none;
        left: 0;
        width: 49.8%
    }
}

@media all and (min-width:768px) {

    .orgchart .department:first-child:before,
    .orgchart .department:last-child:before {
        border: none
    }
}

.orgchart .department:before {
    display: block;
    width: 0;
    border-left: 4px solid #ccc;
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: -4px
}

.orgchart .department {
    border-left: 4px solid #ccc;
    width: 18.5989492119%;
    float: left;
    margin-left: 1.7513134851%;
    margin-bottom: 60px
}

.orgchart .lt-ie8 .department {
    width: 18.25%
}

@media all and (max-width:767px) {
    .orgchart .department {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .orgchart .department:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 60px;
        border-left: 4px solid #ccc;
        z-index: 1;
        top: -60px;
        left: 0;
        margin-left: -4px
    }

    .orgchart .department:nth-child(2):before {
        display: none
    }
}

.orgchart .department>a {
    margin: 0 0 -26px -4px;
    z-index: 1
}

.orgchart .department>a:hover {
    height: 80px
}

.orgchart .department>ul {
    margin-top: 0;
    margin-bottom: 0
}

.orgchart .department li {
    padding-left: 25px;
    border-bottom: 4px solid #ccc;
    height: 80px
}

.orgchart .department li a {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) #fff;
    top: 48px;
    position: absolute;
    z-index: 1;
    width: 90%;
    height: 60px;
    vertical-align: middle;
    right: -1px;
    background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 100%) !important;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(0, 0, 0, .25)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
    background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 100%) !important;
    background-image: -o-linear-gradient(-45deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 100%) !important;
    background-image: -ms-linear-gradient(-45deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 100%) !important;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40000000", endColorstr="#00000000", GradientType=1)
}

.orgchart .department li a:hover {
    box-shadow: 8px 8px 9px -4px rgba(0, 0, 0, .1);
    height: 80px;
    width: 95%;
    top: 39px;
    background-image: none !important
}

.orgchart .department.dep-a a {
    background: #048;
    color: #fff
}

.orgchart .department.dep-b a {
    background: #0053a5;
    color: #fff
}

.orgchart .department.dep-c a {
    background: #005fbd;
    color: #fff
}

.orgchart .department.dep-d a {
    background: #0069d1;
    color: #fff
}

.orgchart .department.dep-e a {
    background: #0072e3;
    color: #fff
}

#pageup #search-filters input {
    margin-top: 8px
}

#pageup #search-keyword {
    width: 100%
}

#pageup h3 {
    font-size: 1.125rem
}

#pageup #campaignsDiv {
    display: none
}

#pageup .panel h5 {
    color: #333
}

#pageup .panel ul.vertical.menu {
    padding: 15px 0
}

#pageup .panel ul.vertical.menu a {
    font-size: 1.125rem;
    padding: 0
}

#pageup #filters ul,
#pageup .panel ul.vertical.menu.filter {
    list-style: none;
    margin-left: 0
}

#pageup p.disclaimer {
    font-size: .9rem
}

.pageup {
    margin-top: 15px
}

.pageup .medium-3 h4 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.pageup ul.side-nav a {
    font-size: 1.125rem;
    padding: 0
}

.pageup #filters ul,
.pageup ul.side-nav.filter {
    list-style: none;
    margin-left: 0
}

.pageup p.disclaimer {
    font-size: .9rem
}

#jobs #header.main-header .main-nav>li>a:hover,
#jobs .top-nav>li>a.about span:after {
    background: 0 0
}

.piratenet .full-height {
    height: 120vh
}

.piratenet .presidents-hall {
    background: url(/_resources/images/presidents-hall.jpeg) center no-repeat;
    background-size: cover
}

.piratenet p {
    color: #000
}

.piratenet #status-updates .callout.alert a,
.piratenet #status-updates .callout.alert h5 {
    color: #fefefe;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.piratenet ul {
    list-style: disc;
    margin: 0 0 1.25rem 1.25rem;
    font-size: 16px
}

.piratenet #status-updates .callout.alert {
    background: #E67E22;
    border: 0;
    padding: .5rem
}

.piratenet #status-updates .callout.alert h5 {
    font-weight: 700;
    font-size: 1.125rem
}

.piratenet .form {
    background: #fefefe;
    padding: 0 30px
}

.piratenet .form p {
    font-size: 1rem;
    margin-bottom: 1.25rem
}

.piratenet .form h5 {
    font-weight: 700;
    font-size: 1.125rem
}

.piratenet .form a {
    color: #048
}

.piratenet .form .logo {
    margin: 50px 0 30px;
    background: #fefefe
}

.piratenet .form .button {
    background: #00366d;
    color: #fefefe;
    border: none;
    padding: 0
}

.piratenet .logo img {
    width: 100%
}

.piratenet .pirate-error {
    background: red;
    color: #fff;
    margin-bottom: 20px
}

.piratenet .pirate-error a {
    color: #fff
}

.piratenet ul.emergency a,
.piratenet ul.emergency i,
.piratenet ul.emergency p {
    color: #fefefe
}

.piratenet ul.emergency {
    background: #ff6f0c;
    list-style: none;
    padding: 10px;
    margin: 0 0 15px
}

.piratenet ul.emergency p {
    margin: 0;
    padding: 10px 40px;
    font-size: 1.5rem
}

#okta-login-container {
    margin-bottom: 15px
}

#okta-login-container input:focus {
    outline: -webkit-focus-ring-color auto 5px
}

#okta-login-container .auth-container {
    border-radius: 0;
    border-style: none;
    border-width: 0;
    margin: 0;
    width: 100%;
    overflow: -webkit-paged-x
}

#okta-login-container .auth-container .o-form .custom-checkbox label {
    font-size: 16px
}

#okta-login-container .auth-container .o-form-head {
    font-size: 1.875rem;
    line-height: initial;
    margin-top: 0;
    text-align: left;
    color: #048
}

#okta-login-container .auth-container .auth-header {
    padding: 0;
    border-bottom: 0
}

#okta-login-container .auth-container .auth-footer a {
    color: #048
}

#okta-login-container .auth-container .auth-footer a:focus {
    outline: -webkit-focus-ring-color auto 5px
}

#okta-login-container .auth-container .auth-content,
#okta-login-container .auth-container .no-beacon .auth-content {
    padding: 0
}

#okta-login-container .auth-container .auth-footer {
    font-size: 16px
}

#okta-login-container .auth-container .o-form-button-bar {
    padding: 0
}

#okta-login-container .auth-container .o-form-button-bar .button {
    height: inherit;
    width: 45%
}

#okta-login-container .auth-container .forgot-password-sms-enabled .o-form-button-bar .button {
    float: left
}

#okta-sign-in {
    font-family: inherit !important;
    background-color: #fff !important
}

#okta-login-container #okta-sign-in.auth-container input[type=submit] {
    font-family: inherit
}

#okta-login-container #okta-sign-in .o-form-theme {
    padding: 0
}

#okta-login-container #okta-sign-in .o-form-explain {
    display: none
}

#okta-login-container #okta-sign-in .button-primary {
    background: #048
}

#okta-login-container #okta-sign-in .button-primary:hover {
    background: #003a74
}

#okta-login-container #okta-sign-in .link {
    color: #048
}

.slideshow {
    max-height: 1903px
}

@media only screen and (max-width:1025px) {
    .slideshow {
        max-height: 45vh
    }
}

.placeholder-slideshow .btn-next,
.placeholder-slideshow .btn-prev,
.slideshow .btn-next,
.slideshow .btn-prev {
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    bottom: 16px;
    right: 54px;
    border: 1px solid #fefefe;
    width: 36px;
    height: 39px;
    z-index: 10
}

.placeholder-slideshow .btn-next:after,
.placeholder-slideshow .btn-prev:after,
.slideshow .btn-next:after,
.slideshow .btn-prev:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    background: url(/_resources/images/sprite.png) -222px -5px no-repeat;
    width: 8px;
    height: 14px
}

.placeholder-slideshow .btn-next:hover:after,
.placeholder-slideshow .btn-prev:hover:after,
.slideshow .btn-next:hover:after,
.slideshow .btn-prev:hover:after {
    background-position: -222px -50px
}

.placeholder-slideshow .btn-next,
.slideshow .btn-next {
    right: 16px;
    width: 39px
}

.placeholder-slideshow .btn-next:after,
.slideshow .btn-next:after {
    background: url(/_resources/images/sprite.png) -260px -5px no-repeat
}

.placeholder-slideshow .btn-next:hover:after,
.slideshow .btn-next:hover:after {
    background-position: -260px -50px
}

.placeholder-slideshow .caption,
.slideshow .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 68, 136, .7);
    color: #fefefe;
    padding: 20px 110px 24px 33px
}

.placeholder-slideshow .caption a,
.slideshow .caption a {
    color: #fefefe
}

.placeholder-slideshow .caption p,
.slideshow .caption p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.placeholder-slideshow .pagination,
.slideshow .pagination {
    position: absolute;
    z-index: 10;
    bottom: 29px;
    left: 0;
    right: 0
}

@media only screen and (max-width:767px) {
    .slideshow {
        max-height: 50vh
    }

    .placeholder-slideshow .caption p,
    .slideshow .caption p {
        font-size: .875rem;
        line-height: 1.125rem
    }

    .placeholder-slideshow .pagination,
    .slideshow .pagination {
        position: static
    }
}

.placeholder-slideshow .pagination ul,
.slideshow .pagination ul {
    max-width: 942px;
    margin: 0 auto;
    padding: 0 9px;
    height: 8px;
    overflow: hidden
}

.placeholder-slideshow .pagination ul li,
.slideshow .pagination ul li {
    float: left;
    margin: 0 5px 0 0
}

.placeholder-slideshow .pagination ul li.active a,
.slideshow .pagination ul li.active a {
    background: #fefefe
}

@media only screen and (max-width:479px) {

    .placeholder-slideshow .pagination ul li.active a,
    .slideshow .pagination ul li.active a {
        background: #048
    }
}

.placeholder-slideshow .pagination ul li a,
.slideshow .pagination ul li a {
    display: block;
    border-radius: 50%;
    background: #668fb8;
    width: 8px;
    height: 8px;
    overflow: hidden;
    text-indent: -9999px
}

@media only screen and (max-width:479px) {

    .placeholder-slideshow .pagination ul li a,
    .slideshow .pagination ul li a {
        background: #b2c7db
    }
}

.placeholder-slideshow .pagination ul li a:hover,
.slideshow .pagination ul li a:hover {
    background: #fefefe
}

.placeholder-slideshow .a-slide,
.placeholder-slideshow .slide,
.slideshow .a-slide,
.slideshow .slide {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%
}

.placeholder-slideshow .a-slide.active,
.placeholder-slideshow .slide.active,
.slideshow .a-slide.active,
.slideshow .slide.active {
    z-index: 2
}

.placeholder-slideshow .a-slide img,
.placeholder-slideshow .slide img,
.slideshow .a-slide img,
.slideshow .slide img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none
}

.placeholder-slideshow .a-slide .text,
.placeholder-slideshow .slide .text,
.slideshow .a-slide .text,
.slideshow .slide .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 3;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fefefe;
    padding: 100px 0 0
}

@media only screen and (max-width:768px) {

    .placeholder-slideshow .a-slide .text,
    .placeholder-slideshow .slide .text,
    .slideshow .a-slide .text,
    .slideshow .slide .text {
        max-width: 50%;
        top: 170px;
        padding: 0
    }
}

@media only screen and (max-width:479px) {

    .placeholder-slideshow .pagination ul li a:hover,
    .slideshow .pagination ul li a:hover {
        background: #048
    }

    .placeholder-slideshow .a-slide img,
    .placeholder-slideshow .slide img,
    .slideshow .a-slide img,
    .slideshow .slide img {
        height: 215px;
        width: auto;
        margin: 0 0 10px
    }

    .placeholder-slideshow .a-slide .text,
    .placeholder-slideshow .slide .text,
    .slideshow .a-slide .text,
    .slideshow .slide .text {
        position: static;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        color: #4d4d4d;
        top: auto;
        left: auto;
        right: auto;
        padding: 0 10px;
        max-width: 100%
    }
}

.placeholder-slideshow .a-slide .text h1,
.placeholder-slideshow .slide .text h1,
.slideshow .a-slide .text h1,
.slideshow .slide .text h1 {
    font-size: 2.85rem;
    line-height: 3rem;
    font-style: normal;
    margin-bottom: 15px;
    color: #fefefe
}

@media only screen and (max-width:1199px) {

    .placeholder-slideshow .a-slide .text h1,
    .placeholder-slideshow .slide .text h1,
    .slideshow .a-slide .text h1,
    .slideshow .slide .text h1 {
        font-size: 1.875rem;
        line-height: 2.125rem
    }
}

@media only screen and (max-width:479px) {

    .placeholder-slideshow .a-slide .text h1,
    .placeholder-slideshow .slide .text h1,
    .slideshow .a-slide .text h1,
    .slideshow .slide .text h1 {
        color: #048;
        font-size: 1.75rem;
        line-height: 2rem;
        padding: 0 30px 0 0
    }
}

.placeholder-slideshow .a-slide .text p,
.placeholder-slideshow .slide .text p,
.slideshow .a-slide .text p,
.slideshow .slide .text p {
    font-size: 1.3125rem;
    line-height: 1.5rem;
    margin: 0 0 34px
}

@media only screen and (max-width:1024px) {

    .placeholder-slideshow .a-slide .text p,
    .placeholder-slideshow .slide .text p,
    .slideshow .a-slide .text p,
    .slideshow .slide .text p {
        font-size: 1.125rem;
        line-height: 1.3125rem
    }
}

.placeholder-slideshow .a-slide .text .button.transparent,
.placeholder-slideshow .slide .text .button.transparent,
.slideshow .a-slide .text .button.transparent,
.slideshow .slide .text .button.transparent {
    padding: 7px 15px 10px;
    display: block;
    max-width: 150px;
    margin: 2rem 0 1rem
}

.button.transparent {
    background: rgba(0, 0, 0, .4);
    border: 2px solid #fefefe;
    padding: 11px 16px;
    font-size: 1rem;
    line-height: 1.125rem
}

@media only screen and (max-width:479px) {
    #main .slideshow .slide img {
        margin: 0;
        width: 100%;
        height: auto
    }

    .button.transparent {
        background: 0 0;
        border: 2px solid #048
    }
}

.button.transparent:hover {
    background: #fefefe;
    color: #048
}

.slick-dots {
    position: absolute;
    bottom: 50px;
    list-style: none;
    padding: 0 9px;
    max-width: 942px;
    margin: 0 auto;
    overflow: hidden;
    left: 0;
    right: 0;
    text-align: left
}

@media only screen and (max-width:941px) {
    .button.transparent:hover {
        background: #048;
        color: #fefefe
    }

    .slick-dots {
        bottom: auto
    }
}

.slick-dots li button {
    background: 0 0
}

.slick-dots li button::before {
    color: #b7b7b7;
    font-size: 15px;
    opacity: 1
}

.slick-dots li button:focus {
    outline: -webkit-focus-ring-color auto 5px
}

.slick-dots li.slick-active button::before {
    color: #048
}

.no-margin .slick-slider {
    margin: 0
}

.manyareone .slick-dots li button {
    display: none
}

.single-item .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    z-index: 3;
    padding: 100px 0 0;
    color: #fff
}

.single-item .text h1 {
    color: #fff
}

.single-item .slide-title {
    background: rgba(0, 68, 136, .9);
    padding: 25px 25px 25px 50px;
    color: #fff
}

@media only screen and (max-width:768px) {
    .single-item .slide-title {
        padding: 10px
    }
}

@media only screen and (max-width:479px) {
    .single-item .slide-title {
        background: 0 0;
        color: #000;
        padding: 0
    }

    .single-item .button.transparent {
        color: #048 !important
    }

    .single-item .button.transparent:hover {
        color: #fff !important
    }
}

.social-block {
    width: 100%;
    max-width: initial;
    overflow: hidden;
    margin: 37px 0 0;
    background: #048
}

.social-block [class*=block-grid-]>li {
    padding: 0
}

.social-block .box {
    float: left;
    width: 25%
}

@media only screen and (max-width:941px) {
    .social-block .box {
        width: 50%
    }

    .social-block .box:first-child,
    .social-block .box:nth-child(2) {
        margin: 0 0 20px
    }
}

@media only screen and (max-width:767px) {
    .social-block .box {
        float: none;
        width: auto;
        margin: 0 0 20px
    }

    .social-block .box:last-child {
        margin: 0
    }
}

.social-block .title {
    display: block;
    background: #fefefe;
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: #048
}

.social-block .title a {
    display: block;
    padding: 15px 24px
}

.social-block .title img,
.social-block .title span {
    display: inline-block;
    vertical-align: middle
}

.social-block .title img {
    margin: 0 11px 0 0
}

.social-block .flickr .visual {
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(/_resources/images/flickr_placeholder.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.social-block .visual {
    background: #048;
    position: relative
}

.social-block .visual img {
    width: 100%;
    height: auto
}

.social-block .visual .facebook {
    background: rgba(0, 0, 0, .4)
}

.social-block .visual .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fefefe;
    padding: 22px 28px
}

.social-block .visual .text p {
    margin: 0;
    font-size: .875rem;
    line-height: 1rem
}

.social-block .visual .text a {
    color: #fefefe
}

.social-block .square {
    padding: 40px 24px 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fefefe
}

@media only screen and (max-width:959px) {
    .social-block .square {
        padding: 20px
    }
}

.social-block .square a {
    color: #fefefe
}

.social-block .square p {
    font-size: 1.3125rem;
    line-height: 1.5rem;
    margin: 0
}

@media only screen and (max-width:768px) {
    .social-block .square p {
        font-size: .875rem;
        line-height: 1.125rem
    }
}

.social-column .title {
    display: block;
    background: #fefefe;
    font-size: .9375rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: #048
}

.social-column .title a {
    display: block;
    padding: 15px 24px
}

.social-column .title img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 11px 0 0
}

.social-column .title span {
    display: inline-block;
    vertical-align: middle
}

.social-icons {
    list-style: none;
    margin-left: 0
}

.social-icons li {
    text-align: center;
    display: inline-block
}

.social-icons .right-aligned {
    padding-right: 0;
    text-align: right
}

.social-icons .left-aligned {
    padding-left: 0;
    text-align: left
}

.social-icons li {
    padding: 10px 0 0
}

.twitter-box {
    background: url(/_resources/images/twitter-trns-bg_1.png) center center no-repeat !important
}

.news-twitter .slick-list {
    min-height: 302px !important
}

.row.tagboard {
    max-width: 65rem
}

.row.tagboard div.container-fluid.footer-badge {
    display: none !important
}

.students-box {
    background: url(/_resources/images/by-the-numbers-bg.png) top repeat-x #e5e5e5 !important;
    margin: 0 0 50px
}

.students-box .row .column,
.students-box .row .columns {
    position: relative
}

.students-box .photo {
    position: absolute;
    bottom: -1px;
    right: 10px
}

.students-box .holder {
    padding-top: 110px
}

@media only screen and (max-width:941px) {
    .students-box {
        margin: 0 0 40px
    }

    .students-box .photo {
        display: none
    }

    .students-box .holder {
        padding-top: 90px
    }
}

@media only screen and (max-width:767px) {
    .students-box .holder {
        padding: 20px 0
    }
}

.students-box .facts-list {
    overflow: hidden;
    margin-bottom: 15px
}

.students-box .facts-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 0 0;
    width: 25%;
    padding: 0 40px 0 0
}

@media only screen and (max-width:767px) {
    .students-box .facts-list li {
        width: 50%;
        margin: 0 -4px 30px 0
    }
}

.students-box .facts-list li .numb {
    display: block;
    color: #048;
    font-size: 3.75rem;
    line-height: 3.6875rem;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 9px
}

@media only screen and (max-width:767px) {
    .students-box .facts-list li .numb {
        font-size: 2.5rem;
        line-height: 1.875rem
    }
}

.students-box .facts-list li .caption {
    display: block;
    font-size: 1rem;
    line-height: 1.125rem;
    font-style: italic
}

@media only screen and (max-width:767px) {
    .students-box .facts-list li .caption {
        font-size: 1rem;
        line-height: 1rem
    }
}

.students-box h2 {
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 700;
    padding: 0 0 10px;
    color: #048;
    border-bottom: 1px solid #048;
    margin: 0 0 15px
}

#ticker #school-names,
.ticker .school-name {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.testimonial {
    padding: 64px 0 66px
}

@media only screen and (max-width:767px) {
    .testimonial {
        padding: 30px 0
    }
}

.testimonial p {
    font-size: 1.8125rem;
    font-style: italic;
    line-height: 35px;
    margin-bottom: 15px;
    color: #000
}

@media only screen and (max-width:941px) {
    .testimonial p {
        font-size: 1.5rem;
        line-height: 30px
    }
}

.testimonial blockquote {
    border-left: none
}

.testimonial blockquote cite {
    font-size: 2rem;
    font-style: normal;
    line-height: 35px
}

@media only screen and (max-width:941px) {
    .testimonial blockquote cite {
        font-size: 1.25rem
    }
}

.testimonial blockquote small {
    font-size: .875rem;
    line-height: .5rem
}

.testimonial.panel {
    padding: 15px 0;
    background: #e5e5e5
}

.testimonial.panel blockquote {
    padding: 0
}

.testimonial.panel blockquote p {
    font-size: 1.1rem;
    line-height: 23px
}

.testimonial.panel blockquote cite {
    font-size: 1.4rem
}

#ticker #school-names {
    padding-bottom: 1rem;
    background-color: #fff
}

#ticker #school-names .active-school-button {
    background-color: #048;
    color: #fff
}

#ticker #school-names button {
    padding: .5rem;
    font-style: italic;
    font-weight: 700;
    text-align: left
}

#ticker #school-names button:hover {
    background: #048;
    color: #fff
}

#ticker .name-container {
    height: 15rem;
    overflow-y: hidden
}

#ticker .name-container div {
    position: relative;
    margin-bottom: 2rem;
    min-height: 2rem
}

#ticker .name-container p {
    line-height: 1
}

#ticker .scrolling:hover {
    animation-play-state: paused
}

.ticker .school-name {
    padding-bottom: 1rem
}

.timeline .cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.timeline .cd-container::after {
    content: "";
    display: table;
    clear: both
}

.timeline header {
    height: 200px;
    line-height: 200px;
    text-align: center;
    background: #303e49
}

.timeline header h1 {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width:1170px) {
    .timeline header {
        height: 300px;
        line-height: 300px
    }

    .timeline header h1 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.timeline #cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em
}

.timeline #cd-timeline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #e5e5e5
}

@media only screen and (min-width:1170px) {
    .timeline #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .timeline #cd-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.timeline .cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.timeline .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.timeline .cd-timeline-block:first-child {
    margin-top: 0
}

.timeline .cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:1170px) {
    .timeline .cd-timeline-block {
        margin: 4em 0
    }

    .timeline .cd-timeline-block:first-child {
        margin-top: 0
    }

    .timeline .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.timeline .cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 10px solid #048;
    background: #fff
}

.timeline .cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.timeline .cd-timeline-img.cd-picture {
    background: #75ce66
}

.timeline .cd-timeline-img.cd-movie {
    background: #c03b44
}

.timeline .cd-timeline-img.cd-location {
    background: #f0ca45
}

@media only screen and (min-width:1170px) {
    .timeline .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .timeline .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .timeline .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 .6s;
        -moz-animation: cd-bounce-1 .6s;
        animation: cd-bounce-1 .6s
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(.5)
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.timeline .cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #fff;
    padding: 1em;
    box-shadow: 0 3px 0 #e5e5e5
}

.timeline .cd-timeline-content .caption {
    background: #f2f2f2;
    margin-bottom: 15px
}

.timeline .cd-timeline-content .caption p {
    padding: 0 15px 15px
}

.timeline .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.timeline .cd-timeline-content h2 {
    color: #048;
    font-weight: 700
}

.timeline .cd-timeline-content .cd-date,
.timeline .cd-timeline-content .cd-read-more,
.timeline .cd-timeline-content p {
    font-size: 13px;
    font-size: .8125rem
}

.timeline .cd-timeline-content .cd-date,
.timeline .cd-timeline-content .cd-read-more {
    display: inline-block
}

.timeline .cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.timeline .cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #fff;
    border-radius: .25em
}

.timeline .no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

.timeline .cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7
}

.timeline .cd-timeline-content::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff
}

@media only screen and (min-width:768px) {
    .timeline .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .timeline .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem
    }

    .timeline .cd-timeline-content .cd-date,
    .timeline .cd-timeline-content .cd-read-more {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width:1170px) {
    .timeline .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }

    .timeline .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent transparent transparent #fff
    }

    .timeline .cd-timeline-content .cd-read-more {
        float: left
    }

    .timeline .cd-timeline-block:nth-child(even) .cd-timeline-content,
    .timeline .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right
    }

    .timeline .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem
    }

    .timeline .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent #fff transparent transparent
    }

    .timeline .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .timeline .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .timeline .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 .6s;
        -moz-animation: cd-bounce-2 .6s;
        animation: cd-bounce-2 .6s
    }

    .timeline .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse .6s;
        -moz-animation: cd-bounce-2-inverse .6s;
        animation: cd-bounce-2-inverse .6s
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

#landing-intro {
	margin: 0;
}

.visual-intro {
    margin: -135px 0 38px;
    width: 100%;
    overflow: hidden;
    float: left;
    clear: both
}

@media only screen and (max-width:767px) {
    .visual-intro {
        margin: 0 0 40px
    }
}

.visual-intro img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none
}

.visual-intro.visual-intro-main {
    margin: -146px 0 0
}

@media only screen and (max-width:941px) {
    .visual-intro.visual-intro-main {
        margin: 0
    }
}

@media only screen and (max-width:600px) {
    .visual-intro video {
        position: inherit
    }

    .visual-intro .flex-video.widescreen,
    .visual-intro .responsive-embed.widescreen {
        padding-bottom: inherit
    }
}

.visual-intro.alt {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .visual-intro .slideshow .slide:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2
    }
}

@media only screen and (max-width:981px) {
    .visual-intro {
        margin: -96px 0 0
    }

    .slick-dotted.slick-slider {
        margin-bottom: 45px;
        min-height: 25vh
    }
}

@media only screen and (max-width:768px) {
    .visual-intro {
        margin: 0
    }

    .slick-dotted.slick-slider {
        margin-bottom: 35px
    }
}

.infographic h1.large,
.infographic h2.large,
.infographic h4.large,
.infographic h5.large,
.infographic h6.large,
.infographic p.large {
    font-size: 3rem
}

.infographic h1.xlarge,
.infographic h2.xlarge,
.infographic h4.xlarge,
.infographic h5.xlarge,
.infographic h6.xlarge,
.infographic p.xlarge {
    font-size: 4rem
}

.infographic h1.xxlarge,
.infographic h2.xxlarge,
.infographic h4.xxlarge,
.infographic h5.xxlarge,
.infographic h6.xxlarge,
.infographic p.xxlarge {
    font-size: 5rem
}

.infographic .font.shuBlue h1,
.infographic .font.shuBlue h2,
.infographic .font.shuBlue h3,
.infographic .font.shuBlue h4,
.infographic .font.shuBlue h5,
.infographic .font.shuBlue h6,
.infographic .font.shuBlue li,
.infographic .font.shuBlue p {
    color: #048
}

.infographic .font.yellow h1,
.infographic .font.yellow h2,
.infographic .font.yellow h3,
.infographic .font.yellow h4,
.infographic .font.yellow h5,
.infographic .font.yellow h6,
.infographic .font.yellow li,
.infographic .font.yellow p {
    color: #f9a500
}

.infographic .font.blue h1,
.infographic .font.blue h2,
.infographic .font.blue h3,
.infographic .font.blue h4,
.infographic .font.blue h5,
.infographic .font.blue h6,
.infographic .font.blue li,
.infographic .font.blue p {
    color: #0a3d6c
}

.infographic .font.lblue h1,
.infographic .font.lblue h2,
.infographic .font.lblue h3,
.infographic .font.lblue h4,
.infographic .font.lblue h5,
.infographic .font.lblue h6,
.infographic .font.lblue li,
.infographic .font.lblue p {
    color: #6ccef8
}

.infographic .font.gray h1,
.infographic .font.gray h2,
.infographic .font.gray h3,
.infographic .font.gray h4,
.infographic .font.gray h5,
.infographic .font.gray h6,
.infographic .font.gray li,
.infographic .font.gray p {
    color: #58595b
}

.infographic .font.lgray h1,
.infographic .font.lgray h2,
.infographic .font.lgray h3,
.infographic .font.lgray h4,
.infographic .font.lgray h5,
.infographic .font.lgray h6,
.infographic .font.lgray li,
.infographic .font.lgray p {
    color: #b7b7b7
}

.infographic .font.gold h1,
.infographic .font.gold h2,
.infographic .font.gold h3,
.infographic .font.gold h4,
.infographic .font.gold h5,
.infographic .font.gold h6,
.infographic .font.gold li,
.infographic .font.gold p {
    color: #b99764
}

.infographic .font .total h1,
.infographic .font .total h2,
.infographic .font .total h3,
.infographic .font .total h4,
.infographic .font .total h5,
.infographic .font .total h6,
.infographic .font .total li,
.infographic .font .total p {
    color: #4d4d4d
}

.infographic .background.blue h1,
.infographic .background.blue h2,
.infographic .background.blue h3,
.infographic .background.blue h4,
.infographic .background.blue h5,
.infographic .background.blue h6,
.infographic .background.blue p,
.infographic .background.dblue h1,
.infographic .background.dblue h2,
.infographic .background.dblue h3,
.infographic .background.dblue h4,
.infographic .background.dblue h5,
.infographic .background.dblue h6,
.infographic .background.dblue p,
.infographic .background.orange h1,
.infographic .background.orange h2,
.infographic .background.orange h3,
.infographic .background.orange h4,
.infographic .background.orange h5,
.infographic .background.orange h6,
.infographic .background.orange p,
.infographic .font.white h1,
.infographic .font.white h2,
.infographic .font.white h3,
.infographic .font.white h4,
.infographic .font.white h5,
.infographic .font.white h6,
.infographic .font.white li,
.infographic .font.white p {
    color: #fefefe
}

.infographic .background.yellow {
    background: #f9a500
}

.infographic .background.blue {
    background: #0a3d6c
}

.infographic .background.lblue {
    background: #0085ff
}

.infographic .background.vlblue {
    background: #6ccef8
}

.infographic .background.gray {
    background: #58595b
}

.infographic .background.lgray {
    background: #b7b7b7
}

.infographic .background.gold {
    background: #b99764
}

.infographic .background.dblue {
    background: #00458a
}

.infographic .background.green {
    background: #25b81e
}

.infographic .background.orange {
    background: #ff5c00
}

.infographic .background.dgray {
    background: #2c2c2c
}

.infographic ul.hlGraph li,
.infographic ul.vlGraph li {
    padding: .25rem
}

.infographic ul.hlGraph .orange,
.infographic ul.vlGraph .orange {
    background: #ff5c00;
    color: #f1f1f1
}

.infographic ul.hlGraph li {
    margin-bottom: .25rem
}

.infographic .vh25 {
    min-height: 25vh
}

.infographic .vh30 {
    min-height: 30vh
}

.infographic .vh50 {
    min-height: 50vh
}

.infographic .vaCenter {
    display: flex;
    align-items: center
}

.infographic .haCenter {
    display: flex;
    align-content: center
}

.infographic .framed {
    border-bottom: 2px solid #0a3d6c;
    border-top: 2px solid #0a3d6c;
    padding: 15px 0 30px
}

.infographic .percentages h1 {
    font-weight: 700;
    color: #fff;
    font-size: 4em;
    background: url() center center no-repeat;
    background-size: contain;
    padding: 40px 0 60px;
    margin: 25px 0
}

.infographic .percentages h4 {
    color: #fff
}

.infographic .topFive h1 {
    font-size: 4em;
    font-weight: 700;
    margin: 15px 0
}

.infographic .numbers h1 {
    font-size: 4em;
    font-weight: 700
}

.infographic .moneyBg {
    background: url() center center no-repeat;
    background-size: contain;
    min-height: 275px
}

.infographic .graphs table p {
    margin: 0 0 0 15px;
    color: #048
}

.infographic .graphs td {
    padding: 0
}

.infographic .graphs td h4 {
    margin-left: 15px
}

.infographic .graphs tr {
    font-weight: 700
}

.infographic .graphs.vertical {
    margin: 15px 0 0;
    padding: 25px 0 0;
    border-top: 1px solid #ddd
}

.infographic .graphs.vertical p {
    margin: 0 !important
}

.infographic .graphs.vertical .fa-5x {
    padding-top: 15px
}

.infographic table {
    border: 0
}

.infographic table tr:nth-of-type(even) {
    background: #fefefe
}

.infographic .internships .totals h4 {
    text-align: right
}

.infographic .avgStudent-loan {
    padding: 30px 0
}

.infographic .avgStudent-loan li {
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    background: #eee
}

.infographic .avgStudent-loan li.shu {
    color: #fff;
    background: #048;
    border: 0;
    font-size: xx-large;
    font-weight: 700
}

.infographic .avgStudent-loan .title {
    background: #fff;
    padding: 5px;
    border: 0
}

.infographic .avgStudent-loan h4 {
    color: #4c4c4c;
    font-weight: 700
}

.infographic .ranking {
    text-align: center
}

.infographic .ranking h3 {
    padding-bottom: 20px
}

.infographic .ranking small {
    color: #0a0a0a
}

.infographic .title p {
    margin: 10px 0;
    color: #048
}

.infographic .title h1 {
    font-weight: 700;
    font-size: 50px
}

.infographic .title h3 {
    margin: 40px 0 30px
}

.infographic.diversity-equity h3 {
    color: #000
}

.infographic.diversity-equity h3 small {
    color: #000;
    font-size: 1rem
}

.infographic.diversity-equity h5 {
    color: #048
}

.infographic.diversity-equity h5 small {
    color: #0061aa
}

.infographic.diversity-equity .progress {
    border-radius: 0
}

.infographic.diversity-equity .progress .progress-meter {
    border-radius: 0;
    background-color: #0061aa
}

.infographic.diversity-equity .progress-bars h4 {
    color: #0061aa;
    font-weight: 700;
    font-size: 1.7rem
}

.infographic.diversity-equity .progress-bars h4 small {
    color: #0061aa;
    font-weight: 400
}

.infographic.diversity-equity .callout.small-centered {
    margin-left: auto;
    margin-right: auto
}

.infographic.diversity-equity .callout.blue {
    background: #0061aa;
    color: #fff
}

.infographic.diversity-equity .callout.blue h4 {
    color: #fff
}

.infographic.diversity-equity .callout.blue h2.stat {
    color: #fff;
    font-size: 6.5rem;
    line-height: .4;
    margin-bottom: 35px
}

.secondincoming li,
.secondincoming p {
    font-size: 1.25rem
}

@media only screen and (max-width:769px) {

    .secondincoming li li,
    .secondincoming li p,
    .secondincoming p li,
    .secondincoming p p {
        font-size: 1rem
    }
}

.secondincoming .intro {
    background: #0078c9;
    color: #fefefe;
    padding: 30px 20px
}

.secondincoming .intro p {
    font-size: 1.75rem !important;
    margin-bottom: 0
}

.secondincoming .mcat {
    background: #15378f;
    color: #fefefe;
    padding: 30px
}

.secondincoming .mcat .h2 {
    color: #fefefe
}

.secondincoming .gpa {
    background: #2d4fa8;
    color: #fefefe;
    padding: 30px
}

.secondincoming .gpa .h2 {
    color: #fefefe
}

.secondincoming .advancedDegrees {
    background: #002072;
    color: #fefefe;
    padding: 30px 0
}

.secondincoming .advancedDegrees .h2 {
    color: #fefefe
}

.secondincoming .langStates {
    background: #eee;
    padding: 30px 0
}

.secondincoming .langStates .fa-comments {
    color: #8cc63e
}

.secondincoming .langStates .h2,
.secondincoming .nj .h2 {
    color: #0a0a0a
}

.secondincoming .langStates span {
    position: relative;
    margin-left: 10px;
    bottom: 5px
}

.secondincoming .female span,
.secondincoming .male span {
    margin-left: 10px;
    bottom: 15px;
    position: relative
}

.secondincoming .nj {
    padding: 30px 15px
}

.club-event.shu,
.club-event.shu h3,
.club-event.shu h4,
.secondincoming .female,
.secondincoming .female .h2,
.secondincoming .male,
.secondincoming .male .h2 {
    color: #fefefe
}

.secondincoming .male {
    background: #0039a6;
    padding: 30px 0
}

.secondincoming .female {
    background: #0078c9;
    padding: 30px 0
}

@media only screen and (max-width:769px) {
    .secondincoming .intro p {
        line-height: inherit;
        font-size: 1.2rem !important
    }

    .secondincoming .advancedDegrees .h2,
    .secondincoming .female .h2,
    .secondincoming .gpa .h2,
    .secondincoming .langStates .h2,
    .secondincoming .male .h2,
    .secondincoming .mcat .h2,
    .secondincoming .nj .h2 {
        font-size: 1.75rem !important
    }
}

.club-event.shu {
    background-color: #048
}

.club-event.shu h3 {
    padding-top: 3rem
}

.club-event.shu h5 {
    color: #048;
    font-weight: 700
}

.club-event .grid-padding-x {
    margin: 2rem 0
}

.club-event .yes {
    border-right: 1px solid #fefefe
}

.club-event .badge {
    font-size: 1.25rem;
    padding: 13px;
    text-align: center;
    width: 60px;
    height: 60px;
    margin: 5px
}

#main a.all:after,
a.all:after {
    margin: -1px 0 0;
    top: 50%;
    width: 15px
}

.club-event .badge.primary {
    background-color: #575757;
    color: #fefefe
}

.club-event .badge.success {
    background-color: green;
    color: #fefefe
}

.club-event .badge.warning {
    background-color: maroon;
    color: #fefefe
}

.club-event .far.fa-check-circle {
    color: #E0E0E0
}

.club-event .fa-check-circle {
    color: green
}

#main .menu a,
#main .news-aside .CS_Element_Custom a,
#main .news-aside .CS_Element_CustomCF article a,
#main .news-aside .view-more a,
#main a.all,
a.button {
    text-decoration: none
}

a:active,
a:focus,
a:visited {
    color: #048;
    line-height: inherit
}

#main a.all,
a.all {
    bottom: 0;
    font-size: .75rem;
    letter-spacing: 1px;
    line-height: .875rem;
    padding: 9px 10px 9px 33px;
    right: 0;
    text-transform: uppercase;
    position: absolute
}

a:hover {
    color: #048
}

a.button {
    color: #fefefe
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none !important
}

#main a.all {
    background: #efefef;
    border-top: 1px solid #d9d9d9;
    color: #000 !important;
    left: 0
}

#main a.all:after {
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(/_resources/images/sprite.png) -110px -292px no-repeat;
    content: "";
    height: 15px;
    left: 10px;
    position: absolute
}

#main a.all:hover {
    color: #000
}

#main a.all:hover:after {
    background-position: -110px -292px
}

#main .news-aside .CS_Textblock_Text a {
    text-decoration: underline
}

#main .profile-info a,
#main ul.breadcrumbs a,
a.all {
    text-decoration: none
}

#main ul.breadcrumbs a {
    color: #048
}

a.all {
    background: #efefef;
    border-top: 1px solid #d9d9d9;
    color: #000 !important;
    left: 0
}

a.all:hover,
blockquote p {
    color: #000
}

a.all:after {
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(/_resources/images/sprite.png) -110px -292px no-repeat;
    content: "";
    height: 15px;
    left: 10px;
    position: absolute
}

a.all:hover:after {
    background-position: -110px -292px
}

blockquote {
    border-left: 3px solid #ccc;
    font-style: italic
}

.rightblock {
	border-left: none;
	border-right: 3px solid #ccc;
}

h1.font-bickham,
h2.font-bickham,
h3.font-bickham,
h4.font-bickham,
h5.font-bickham,
h6.font-bickham {
    font-family: bickham-script-pro-3, sans-serif;
    font-style: normal;
    margin-bottom: 0
}

blockquote ul {
    color: #111
}

h1 {
    font-size: 2.25rem
}

h1.large {
    font-size: 4rem
}

h1.font-bickham {
    font-weight: 400;
    font-size: 525%
}

h1.font-bickham .heavy {
    font-weight: 700
}

h2 {
    font-size: 1.875rem
}

h2.large {
    font-size: 3.34rem
}

h2.font-bickham {
    font-weight: 400;
    font-size: 437.5%
}

h2.font-bickham .heavy {
    font-weight: 700
}

h3 {
    font-size: 1.6875rem
}

h3.large {
    font-size: 3rem
}

h3.font-bickham {
    font-weight: 400;
    font-size: 350%
}

h3.font-bickham .heavy {
    font-weight: 700
}

h4 {
    font-size: 1.4375rem
}

h4.large {
    font-size: 2.556rem
}

h4.font-bickham {
    font-weight: 400;
    font-size: 262.5%
}

h4.font-bickham .heavy {
    font-weight: 700
}

h4.red {
    color: #a20000
}

h5 {
    font-size: 1.125rem
}

h5.large {
    font-size: 2rem
}

h5.font-bickham {
    font-weight: 400;
    font-size: 218.75%
}

h5.font-bickham .heavy {
    font-weight: 700
}

h6 {
    font-size: 1rem
}

h6.large {
    font-size: 1.778rem
}

h6.font-bickham {
    font-weight: 400;
    font-size: 175%
}

#policy-list li,
.au-ssDisplay,
h6.font-bickham .heavy {
    font-weight: 700
}

.aauMid_header {
    color: #00458a;
    padding: 0 15px 0 0
}

.eight-reasons li.blue strong,
.eight-reasons li.blue::before,
.page-title {
    color: #048
}

.page-title {
    font-size: 2.2em;
    padding: 3px 0 2px 8px
}

.page-title h1 {
    margin-top: 0;
    margin-bottom: 0
}

.default_page_title h1 {
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 0
}

.default_site_title {
    background-color: #7fa2c4;
    color: #fefefe;
    font-size: 1.6em;
    height: 30px;
    padding: 10px 0 0 15px;
    box-sizing: content-box
}

.default_site_title h1 {
    color: #fefefe;
    margin-top: 0;
    line-height: .9;
    font-size: 23px
}

.index_site_title {
    padding: 5px 0 0 15px;
    border-bottom: 10px solid #7fa2c4
}

.index_site_title div:first-child {
    font-size: 24px;
    padding: 10px 0;
    color: #00458a
}

.news_site_title {
    padding: 5px 0 0 15px;
    border-bottom: 10px solid #7fa2c4
}

.page-header,
.second-brand img {
    border-bottom: 2px solid #fefefe
}

.news_page_title {
    padding: 10px 0 0 15px
}

.page-header {
    height: 72px;
    padding: 0;
    background-size: 100%
}

.second-brand img {
    border-top: 2px solid #c7c6c7
}

.acadu-headleft {
    overflow: hidden;
    width: 375px;
    height: 100px;
    float: left
}

.acadu-headright {
    overflow: hidden;
    width: 365px;
    height: 100px;
    float: right
}

.au-ssDisplay {
    margin: 5px 5px 3px 7px;
    font-size: 2em
}

.au-pagebrand {
    margin: 8px 5px 0 6px
}

.blue-box h1,
.blue-box h2,
.blue-box h3,
.blue-box h4,
.blue-box h5,
.blue-box h6 {
    color: #fff
}

article.howto {
    border: 2px solid #efefef;
    padding: 30px 10px 10px;
    margin: 45px 0;
    position: relative
}

article.howto h1,
article.howto h2,
article.howto h3,
article.howto h4,
article.howto h5,
article.howto h6 {
    background: #048;
    color: #fff;
    padding: 10px;
    display: inline-block;
    position: absolute;
    top: -45px;
    margin-top: 15px
}

ol,
ul {
    margin: 0 0 1.25rem 1.25rem
}

article.howto p {
    font-size: 1.1rem !important
}

ol,
ol.decimal {
    list-style-type: decimal
}

ol.decimal-leading-zero {
    list-style-type: decimal-leading-zero
}

ol.lower-alpha {
    list-style-type: lower-alpha
}

ol.lower-greek {
    list-style-type: lower-greek
}

ol.lower-roman {
    list-style-type: lower-roman
}

ol.none {
    list-style-type: none
}

ol.upper-alpha {
    list-style-type: upper-alpha
}

ol.upper-roman {
    list-style-type: upper-roman
}

ul {
    font-size: inherit
}

ul ul {
    list-style: circle
}

ul.splitList4 {
    width: 100%;
    display: inline-block
}

ul.splitList4 li {
    float: left;
    width: 25%;
    padding: 0 0 15px
}

@media only screen and (max-width:880px) {
    ul.splitList4 li {
        float: left;
        width: 50%
    }
}

@media only screen and (max-width:640px) {
    ul.splitList4 li {
        float: none;
        width: 100%
    }
}

ul.splitList3 {
    width: 100%;
    display: inline-block
}

ul.splitList3 li {
    float: left;
    width: 33.3%;
    padding: 0 0 15px
}

@media only screen and (max-width:880px) {
    ul.splitList3 li {
        float: left;
        width: 50%
    }
}

@media only screen and (max-width:640px) {
    ul.splitList3 li {
        float: none;
        width: 100%
    }
}

ul.splitList3 i.fa.fa-2x {
    width: 50px;
    text-align: center;
    color: #4d4d4d
}

ul.splitList {
    width: 100%;
    display: inline-block
}

ul.splitList li {
    float: left;
    width: 50%;
    padding: 0 .5rem .5rem 0
}

@media only screen and (max-width:640px) {
    ul.splitList li {
        float: none;
        width: 100%
    }
}

.noBullets ul,
ul.noBullets {
    list-style: none;
    margin-left: 0
}

.splitList ul {
    width: 100%;
    display: inline-block
}

.splitList li {
    float: left;
    width: 50%
}

@media only screen and (max-width:640px) {
    .splitList li {
        float: none;
        width: 100%
    }
}

.splitList3 ul {
    width: 100%;
    display: inline-block
}

.splitList3 li {
    float: left;
    width: 33.3%
}

@media only screen and (max-width:640px) {
    .splitList3 li {
        float: none;
        width: 100%
    }
}

.splitList3 i.fa.fa-2x {
    width: 50px;
    text-align: center
}

#policy-list li {
    border-bottom: 1px solid #dedede;
    padding: 15px 0
}

@media only screen and (max-width:1023px) {
    aside .menu.hide-for-small-only {
        display: none !important
    }

    aside .vertical.menu.show-for-small-only {
        display: block !important
    }
}

#scholarship.listview p {
    display: contents
}

.eight-reasons ol {
    list-style: none;
    counter-reset: li
}

.eight-reasons li {
    margin-left: 3rem;
    counter-increment: li
}

.eight-reasons li.blue::before,
.eight-reasons li.light-blue::before,
.eight-reasons li.orange::before {
    content: counter(li);
    width: 1rem;
    margin-left: -1rem;
    font-size: 6rem;
    display: inline-block;
    left: -3rem;
    top: 2.5rem;
    line-height: .25;
    position: relative
}

.eight-reasons li.orange::before {
    color: #ef7812
}

.eight-reasons li.orange strong {
    color: #048
}

.eight-reasons li.light-blue::before {
    color: #90aecc
}

.eight-reasons li.light-blue strong {
    color: #048
}

.vcard {
    color: #668fb8;
    font-size: 1rem
}

.vcard.fn {
    color: #fefefe
}

.vcard.locality,
.vcard.state,
.vcard.steet-address,
.vcard.zip {
    color: #668fb8
}

.vcard.tel {
    color: #fefefe
}

.vcard.terms a {
    color: #668fb8
}

.small {
    font-size: 80%
}

.font.lightBlue {
    color: #04ADEF
}

.font.shuBlue {
    color: #048
}

.font.yellow {
    color: #f9a500
}

.font.blue {
    color: #0a3d6c
}

.font.lblue {
    color: #6ccef8
}

.font.gray {
    color: #58595b
}

.font.lgray {
    color: #b7b7b7
}

.font.gold {
    color: #b99764
}

.font .total {
    color: #4d4d4d
}

.font.white {
    color: #fefefe
}

.icons h3 {
    font-size: 4rem
}

html {
    height: 100%;
    top: initial !important
}

body {
    margin: 0;
    height: 100%;
    overflow-x: hidden;
    min-width: 320px
}

body a:hover {
    text-decoration: underline
}

.w1 {
    width: 100%;
    position: relative
}

.hidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

legend,
small.icon {
    display: none
}

@media only screen and (min-width:1025px) {
    .tel {
        cursor: default;
        pointer-events: none
    }
}

@media only screen and (min-width:942px) {
    .move-right>.inner-wrap {
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

/* formstack based on background colors */

#form-bluebg .shu-formstack .fsPage .fsLabel
#form-bluebg .dtsKJe {
	color: #fff;
}