/*
  Authored by Arturo Alviar
  Visual Design Studio 2016.
*/
@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
.body-copy h1 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

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

body {
    background-color: #fff;
    color: #333743;
    font-size: 100%;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1.7;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    body.loading:after {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        background: rgba(255,255,255,0.5);
        cursor: wait;
    }

em,
i {
    font-style: italic;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

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

    a:visited,
    a color: inherit {
        opacity: 0.5;
    }

img {
    max-width: 100%;
    border: 0;
    vertical-align: middle;
}

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

td,
th {
    padding: 0;
}

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

blockquote {
    font-style: inherit;
    line-height: inherit;
    font-size: inherit;
    border: 0 !important;
}

iframe {
    width: 100%;
}

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 1rem FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-facebook:before {
    content: "\f230";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-search:before {
    content: "\f002";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-times:before {
    content: "\f00d";
}

.fa-info:before {
    content: "\f05a";
}

.fa-warning:before {
    content: "\f071";
}

.fa-danger:before {
    content: "\f06a";
}.fa-language:before {content: "\f1ab";}

.fa-lg {
    font-size: 1.333333333333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.body-copy ul,
.body-copy ol,
article ul,
article ol {
    font-size: 1rem;
    font-weight: 300;
    margin-left: 1.115rem;
    margin-bottom: 1rem;
}

@media all and (min-width: 1400px) {
    .body-copy ul,
    .body-copy ol,
    article ul,
    article ol {
        font-size: 1.115rem;
    }
}

.body-copy blockquote,
blockquote.quote {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
}

@media all and (min-width: 47.9375em) {
    .body-copy blockquote,
    blockquote.quote {
        font-size: 1.375rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .body-copy blockquote,
    blockquote.quote {
        font-size: 1.5rem;
        line-height: 1.6;
    }
}

h1,
h2,
h3,
.body-copy h1 {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0;
    margin-bottom: 0.5em;
    color: #373737;
}

h1 {
    font-size: 1.75rem;
    letter-spacing: 2px;
    line-height: 1;
    text-transform: uppercase;
}

@media all and (min-width: 64.0625rem) {
    h1 {
        font-size: 2rem;
        letter-spacing: 5.5px;
        line-height: 1.1;
    }
}

@media all and (min-width: 1500px) {
    h1 {
        font-size: 2.375rem;
        letter-spacing: 8px;
        line-height: 1;
    }
}

h2,
.body-copy h1 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
}

@media all and (min-width: 64.0625rem) {
    h2,
    .body-copy h1 {
        font-size: 2.125rem;
        letter-spacing: 2px;
    }
}

h3 {
    font-size: 1.375rem;
    line-height: 1.3;
}

@media all and (min-width: 64.0625rem) {
    h3 {
        font-size: 1.875rem;
    }
}

h4 {
    font-size: 1.125rem;
    line-height: 1.4;
}

@media all and (min-width: 64.0625rem) {
    h4 {
        font-size: 1.5rem;
    }
}

h5 {
    font-size: 1rem;
    line-height: 1.4;
}

@media all and (min-width: 64.0625rem) {
    h5 {
        font-size: 1.25rem;
    }
}

h6 {
    font-size: 0.75rem;
    line-height: 1.4;
}

@media all and (min-width: 64.0625rem) {
    h6 {
        font-size: 1rem;
    }
}

.body-copy {
    font-size: 1rem;
    font-weight: 300;
    text-align: left;
}

    .body-copy p > a,
    .body-copy li > a {
        border-bottom: 1px solid #64556f !important;
    }

    .body-copy ul {
        list-style: disc;
    }

        .body-copy ul li > ul {
            list-style: circle;
        }

    .body-copy ol {
        list-style: decimal;
    }

    .body-copy blockquote {
        margin-bottom: 1rem;
    }

@media all and (min-width: 1400px) {
    .body-copy {
        font-size: 1.115rem;
    }
}

article ul {
    list-style: disc;
}

    article ul li > ul {
        list-style: circle;
    }

article ol {
    list-style: decimal;
}

article img {
    margin-bottom: 1rem;
}

.body-copy p,
.body-copy address {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 1rem;
}

@media all and (min-width: 1400px) {
    .body-copy p,
    .body-copy address {
        font-size: 1.115rem;
    }
}

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

@media all and (max-width: 40em) {
    .text-center_mobile {
        text-align: center;
    }
}

.color-main-text {
    color: #64556f;
}

.light-text {
    color: #fff;
}

.uppercase,
.Blog-post-date,
.Blog-post-subheading-fancy {
    text-transform: uppercase;
}

.narrow {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.regular-font {
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.site-banner {
    position: relative;
    height: 320px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

@media all and (min-width: 47.9375em) {
    .site-banner {
        height: 500px;
    }
}

@media all and (min-width: 1600px) {
    .site-banner {
        height: 700px;
    }
}

@media all and (min-width: 1920px) {
    .site-banner.is-tall {
        height: 900px;
    }
}

.site-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

    .site-banner-image:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(94,17,113,0.4);
        z-index: -1;
    }

.banner-heading,
.video-poster-heading {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.375rem;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    opacity: 1;
    transform: translate(0px, 0px);
    transition: opacity 0.6s ease-in, transform 0.3s ease-in;
    z-index: 1;
}

@media all and (min-width: 47.9375em) and (max-width: 79.4375em) {
    .banner-heading,
    .video-poster-heading {
        font-size: 3.75rem;
        letter-spacing: 0.75rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .banner-heading,
    .video-poster-heading {
        font-size: 5rem;
        letter-spacing: 1.25rem;
    }
}

@media all and (min-width: 1600px) {
    .banner-heading,
    .video-poster-heading {
        font-size: 6.875rem;
        letter-spacing: 1.875rem;
        margin-right: -2%;
    }
}

.banner-heading span:first-child,
.video-poster-heading span:first-child {
    position: relative;
}

    .banner-heading span:first-child:after,
    .video-poster-heading span:first-child:after {
        position: absolute;
        content: '';
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #64556f;
        left: -2%;
    }

.banner-heading.is-hidden,
.video-poster-heading.is-hidden {
    transform: translate(0px, 15px);
    opacity: 0;
}

.banner-heading-container {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.site-footer {
    background-color: #36282b;
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 4;
}

.site-footer-info {
    background-color: #251c1e;
    color: #b09199;
    font-size: 0.875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .site-footer-info p,
    .site-footer-info a,
    .site-footer-info address {
        margin: 0;
    }

    .site-footer-info ul li {
        color: #fff;
        position: relative;
    }

@media all and (min-width: 64.0625rem) {
    .site-footer-info ul li {
        padding-right: 8px;
    }

        .site-footer-info ul li:not(:last-child):after {
            content: '|';
            padding-left: 8px;
        }
}

.social-icons {
    list-style: none;
    margin: 0;
    padding: 1rem 0;
}

    .social-icons li {
        display: inline-block;
        padding: 0.5rem 1rem;
    }

    .social-icons .fa {
        color: #717171;
    }

    .social-icons.theme-black {
        color: #717171;
    }

    .social-icons.theme-purple {
        color: #64556f;
    }

    .social-icons.theme-white {
        color: #fff;
    }

.footer-main-nav {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    max-width: 90em;
}

@media all and (min-width: 47.9375em) {
    .footer-main-nav {
        padding: 0.5rem 1rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .footer-main-nav {
        display: -ms-flexbox;
        display: flex;
    }
}

.footer-main-nav .nav-item {
    color: #fff;
}

@media all and (max-width: 64.0625rem) {
    .footer-main-nav .nav-item {
        width: 49%;
    }

        .footer-main-nav .nav-item:nth-child(even) {
            text-align: right;
            padding-right: 0;
        }
}

@media all and (max-width: 47.9375em) {
    .footer-main-nav .nav-item {
        padding-left: 0;
    }
}
/*
This grid system is based off the Bulma flexbox grid.
***/
.flex {
    display: -ms-flexbox;
    display: flex;
}

.grid.grid-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media all and (min-width: 47.9375em) {
    .grid.is-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media all and (min-width: 47.9375em) and (max-width: 79.4375em) {
    .grid.tablet {
        display: -ms-flexbox;
        display: flex;
    }
}

@media all and (min-width: 64.0625rem) {
    .grid.is-desktop {
        display: -ms-flexbox;
        display: flex;
    }

    .grid.desktop {
        display: -ms-flexbox;
        display: flex;
        height: auto;
    }
}

.grid.small-gutters .grid-item {
    padding: 0.25em;
}

.grid.grid-wrap {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media all and (max-width: 64.0625rem) {
    .grid.grid-column-reverse_mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.grid-spacer {
    display: none;
}

@media all and (min-width: 64.0625rem) {
    .grid-spacer {
        content: '';
        display: block;
        height: 1px;
    }
}

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

.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.align-middle {
    -ms-flex-align: center;
    align-items: center;
}

.stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.grid-item {
    -ms-flex: 1;
    flex: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .grid-item.unpadded {
        padding: 0;
    }

    .grid-item.is-1 {
        -ms-flex: none;
        flex: none;
        width: 8.333333333333332%;
    }

    .grid-item.offset-1 {
        margin-left: 8.333333333333332%;
    }

    .grid-item.is-2 {
        -ms-flex: none;
        flex: none;
        width: 16.666666666666664%;
    }

    .grid-item.offset-2 {
        margin-left: 16.666666666666664%;
    }

    .grid-item.is-3 {
        -ms-flex: none;
        flex: none;
        width: 25%;
    }

    .grid-item.offset-3 {
        margin-left: 25%;
    }

    .grid-item.is-4 {
        -ms-flex: none;
        flex: none;
        width: 33.33333333333333%;
    }

    .grid-item.offset-4 {
        margin-left: 33.33333333333333%;
    }

    .grid-item.is-5 {
        -ms-flex: none;
        flex: none;
        width: 41.66666666666667%;
    }

    .grid-item.offset-5 {
        margin-left: 41.66666666666667%;
    }

    .grid-item.is-6 {
        -ms-flex: none;
        flex: none;
        width: 50%;
    }

    .grid-item.offset-6 {
        margin-left: 50%;
    }

    .grid-item.is-7 {
        -ms-flex: none;
        flex: none;
        width: 58.333333333333336%;
    }

    .grid-item.offset-7 {
        margin-left: 58.333333333333336%;
    }

    .grid-item.is-8 {
        -ms-flex: none;
        flex: none;
        width: 66.66666666666666%;
    }

    .grid-item.offset-8 {
        margin-left: 66.66666666666666%;
    }

    .grid-item.is-9 {
        -ms-flex: none;
        flex: none;
        width: 75%;
    }

    .grid-item.offset-9 {
        margin-left: 75%;
    }

    .grid-item.is-10 {
        -ms-flex: none;
        flex: none;
        width: 83.33333333333334%;
    }

    .grid-item.offset-10 {
        margin-left: 83.33333333333334%;
    }

    .grid-item.is-11 {
        -ms-flex: none;
        flex: none;
        width: 91.66666666666666%;
    }

    .grid-item.offset-11 {
        margin-left: 91.66666666666666%;
    }

    .grid-item.is-12 {
        -ms-flex: none;
        flex: none;
        width: 100%;
    }

    .grid-item.offset-12 {
        margin-left: 100%;
    }

@media all and (min-width: 47.9375em) {
    .grid-item.is-medium-1 {
        -ms-flex: none;
        flex: none;
        width: 8.333333333333332%;
    }

    .grid-item.offset-medium-1 {
        margin-left: 8.333333333333332%;
    }

    .grid-item.is-medium-2 {
        -ms-flex: none;
        flex: none;
        width: 16.666666666666664%;
    }

    .grid-item.offset-medium-2 {
        margin-left: 16.666666666666664%;
    }

    .grid-item.is-medium-3 {
        -ms-flex: none;
        flex: none;
        width: 25%;
    }

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

    .grid-item.is-medium-4 {
        -ms-flex: none;
        flex: none;
        width: 33.33333333333333%;
    }

    .grid-item.offset-medium-4 {
        margin-left: 33.33333333333333%;
    }

    .grid-item.is-medium-5 {
        -ms-flex: none;
        flex: none;
        width: 41.66666666666667%;
    }

    .grid-item.offset-medium-5 {
        margin-left: 41.66666666666667%;
    }

    .grid-item.is-medium-6 {
        -ms-flex: none;
        flex: none;
        width: 50%;
    }

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

    .grid-item.is-medium-7 {
        -ms-flex: none;
        flex: none;
        width: 58.333333333333336%;
    }

    .grid-item.offset-medium-7 {
        margin-left: 58.333333333333336%;
    }

    .grid-item.is-medium-8 {
        -ms-flex: none;
        flex: none;
        width: 66.66666666666666%;
    }

    .grid-item.offset-medium-8 {
        margin-left: 66.66666666666666%;
    }

    .grid-item.is-medium-9 {
        -ms-flex: none;
        flex: none;
        width: 75%;
    }

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

    .grid-item.is-medium-10 {
        -ms-flex: none;
        flex: none;
        width: 83.33333333333334%;
    }

    .grid-item.offset-medium-10 {
        margin-left: 83.33333333333334%;
    }

    .grid-item.is-medium-11 {
        -ms-flex: none;
        flex: none;
        width: 91.66666666666666%;
    }

    .grid-item.offset-medium-11 {
        margin-left: 91.66666666666666%;
    }

    .grid-item.is-medium-12 {
        -ms-flex: none;
        flex: none;
        width: 100%;
    }

    .grid-item.offset-medium-12 {
        margin-left: 100%;
    }
}

@media all and (min-width: 64.0625rem) {
    .grid-item.is-large-1 {
        -ms-flex: none;
        flex: none;
        width: 8.333333333333332%;
    }

    .grid-item.offset-large-1 {
        margin-left: 8.333333333333332%;
    }

    .grid-item.is-large-2 {
        -ms-flex: none;
        flex: none;
        width: 16.666666666666664%;
    }

    .grid-item.offset-large-2 {
        margin-left: 16.666666666666664%;
    }

    .grid-item.is-large-3 {
        -ms-flex: none;
        flex: none;
        width: 25%;
    }

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

    .grid-item.is-large-4 {
        -ms-flex: none;
        flex: none;
        width: 33.33333333333333%;
    }

    .grid-item.offset-large-4 {
        margin-left: 33.33333333333333%;
    }

    .grid-item.is-large-5 {
        -ms-flex: none;
        flex: none;
        width: 41.66666666666667%;
    }

    .grid-item.offset-large-5 {
        margin-left: 41.66666666666667%;
    }

    .grid-item.is-large-6 {
        -ms-flex: none;
        flex: none;
        width: 50%;
    }

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

    .grid-item.is-large-7 {
        -ms-flex: none;
        flex: none;
        width: 58.333333333333336%;
    }

    .grid-item.offset-large-7 {
        margin-left: 58.333333333333336%;
    }

    .grid-item.is-large-8 {
        -ms-flex: none;
        flex: none;
        width: 66.66666666666666%;
    }

    .grid-item.offset-large-8 {
        margin-left: 66.66666666666666%;
    }

    .grid-item.is-large-9 {
        -ms-flex: none;
        flex: none;
        width: 75%;
    }

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

    .grid-item.is-large-10 {
        -ms-flex: none;
        flex: none;
        width: 83.33333333333334%;
    }

    .grid-item.offset-large-10 {
        margin-left: 83.33333333333334%;
    }

    .grid-item.is-large-11 {
        -ms-flex: none;
        flex: none;
        width: 91.66666666666666%;
    }

    .grid-item.offset-large-11 {
        margin-left: 91.66666666666666%;
    }

    .grid-item.is-large-12 {
        -ms-flex: none;
        flex: none;
        width: 100%;
    }

    .grid-item.offset-large-12 {
        margin-left: 100%;
    }
}

.homepage {
    background-color: #fff;
}

.ocsa-homepage-banner {
    background-color: #000;
    height: 420px;
    position: relative;
    overflow: hidden;
}

@media all and (min-width: 47.9375em) {
    .ocsa-homepage-banner {
        height: 500px;
    }
}

@media all and (min-width: 64.0625rem) {
    .ocsa-homepage-banner {
        height: 100vh;
        max-height: 1080px;
    }
}

.ocsa-banner-slides {
    position: relative;
    height: 100%;
}

    .ocsa-banner-slides li {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        height: 100%;
        width: 100%;
        transform: scale(1.1);
        transition-property: opacity, transform;
        transition-duration: 0.8s;
        transition-timing-function: ease-in-out;
    }

        .ocsa-banner-slides li .ocsa-homepage-banner-slide {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100%;
        }

        .ocsa-banner-slides li.is-active {
            opacity: 1;
            transform: scale(1);
            transition-property: opacity, transform;
            transition-duration: 0.8s;
            transition-timing-function: ease-in-out;
            z-index: 15;
        }

.homepage-banner-header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    width: 100%;
    z-index: 10;
}

.homepage-banner-heading {
    color: #f1f1f1;
    font-size: 8vw;
    letter-spacing: 15px;
    margin: 0;
    margin-bottom: 1rem;
}

.ocsa-banner-description {
    border-top: 1px solid #eebc5d;
    color: #f1f1f1;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.6875rem;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.4;
    padding-top: 1rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    max-width: 400px;
    width: 100%;
    text-transform: none;
}

@media all and (min-width: 47.9375em) {
    .ocsa-banner-description {
        font-size: 0.875rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .ocsa-banner-description {
        width: 400px;
    }
}

@media all and (max-width: 600px) {
    .ocsa-banner-description .ocsa-banner-extra-content {
        display: none;
    }
}

.ocsa-banner-description a {
    font-weight: bold;
}

.ocsa-homepage-banner-content {
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 15;
}

@media all and (min-width: 64.0625rem) {
    .ocsa-homepage-banner-content {
        height: 200px;
    }
}

.ocsa-homepage-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
    z-index: 1;
}

    .ocsa-homepage-banner-overlay iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media all and (max-width: 64.0625rem) {
    .ocsa-slide-1 {
        background-image: url("/Portals/0/Homepage/ocsa-video-poster.jpg");
    }
}

.ocsa-slide-2 {
    background-image: url("/Portals/0/Homepage/Preview-Day.jpg");
}

.ocsa-slide-3 {
    background-image: url("/Portals/0/Homepage/Academic-solo.jpg");
}

.ocsa-slide-4 {
    background-image: url("/Portals/0/Homepage/Performance.jpg");
}

.ocsa-slide-5 {
    background-image: url("/Portals/0/Homepage/regional-campus.jpg");
}

.sgv-slide-1 {
    background-image: url("/Portals/0/Homepage/sgv-homepage/we-are-sgv.jpg");
}

.sgv-slide-2 {
    background-image: url("/Portals/0/Homepage/preview-day-2.jpg");
}

.sgv-slide-3 {
    background-image: url("/Portals/0/Homepage/sgv-homepage/academic-excellence.jpg");
}

.sgv-slide-4 {
    background-image: url("/Portals/0/Homepage/sgv-homepage/performance.jpg");
}

.sgv-slide-5 {
    background-image: url("/Portals/0/Homepage/sgv-homepage/founding-campus.jpg");
}

.ocsa-banner-slide-controls {
    position: absolute;
    bottom: 0;
    left: 1.25rem;
}

@media all and (min-width: 47.9375em) {
    .ocsa-banner-slide-controls {
        bottom: 1rem;
        left: 2rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .ocsa-banner-slide-controls {
        bottom: 5%;
        left: 5%;
    }
}

.ocsa-banner-slide-controls ul li {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

@media all and (min-width: 47.9375em) {
    .ocsa-banner-slide-controls ul li {
        font-size: 1.125rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .ocsa-banner-slide-controls ul li {
        font-size: 1.5rem;
    }
}

.ocsa-banner-slide-controls ul .is-active a {
    color: #eebc5d;
}

.ocsa-banner-slide-controls ul li > a {
    border: none;
    color: #f1f1f1;
    max-width: 400px;
    width: 100%;
    transition: color 0.6s ease;
}

.video-play-icon .fa-play-circle-o {
    font-size: 2rem;
}

@media all and (min-width: 64.0625rem) {
    .video-play-icon .fa-play-circle-o {
        font-size: 3rem;
    }
}

.ocsa-banner-slide-controls .is-active {
    position: relative;
}

    .ocsa-banner-slide-controls .is-active .slide-play-button {
        opacity: 1;
    }

    .ocsa-banner-slide-controls .is-active .js-click-trigger {
        display: block;
    }

.ocsa-banner-slide-counter {
    font-size: 1.2rem;
    letter-spacing: 3px;
    position: absolute;
    bottom: 0;
    right: 1.25rem;
}

@media all and (min-width: 47.9375em) {
    .ocsa-banner-slide-counter {
        bottom: 1rem;
        right: 2rem;
    }
}

.ocsa-banner-slide-counter div:first-of-type {
    color: #eebc5d;
}

.ocsa-school-item {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ocsa-school-music {
    background-image: url("/Portals/0/Homepage/_tablet/school-music-tablet.jpg");
}

@media all and (min-width: 64.0625rem) {
    .ocsa-school-music {
        background-image: url("/Portals/0/Homepage/school_music.jpg");
    }
}

.ocsa-school-dance {
    background-image: url("/Portals/0/Homepage/_tablet/school-dance-tablet.jpg");
}

@media all and (min-width: 64.0625rem) {
    .ocsa-school-dance {
        background-image: url("/Portals/0/Homepage/school_dance.jpg");
    }
}

.ocsa-school-media-arts {
    background-image: url("/Portals/0/Homepage/_tablet/school-media-arts-tablet.jpg");
}

@media all and (min-width: 64.0625rem) {
    .ocsa-school-media-arts {
        background-image: url("/Portals/0/Homepage/school_media-arts.jpg");
    }
}

.ocsa-school-theatre {
    background-image: url("/Portals/0/Homepage/_tablet/school-theatre-tablet.jpg");
}

@media all and (min-width: 64.0625rem) {
    .ocsa-school-theatre {
        background-image: url("/Portals/0/Homepage/school_theatre.jpg");
    }
}

.ocsa-school-applied-arts {
    background-image: url("/Portals/0/Homepage/_tablet/school-applied-arts-tablet.jpg");
}

@media all and (min-width: 64.0625rem) {
    .ocsa-school-applied-arts {
        background-image: url("/Portals/0/Homepage/school_appliedarts.jpg");
    }
}

.sgv-school-music {
    background-image: url("/Portals/0/Homepage/sgv-homepage/school_music.jpg");
}

.sgv-school-dance {
    background-image: url("/Portals/0/Homepage/sgv-homepage/school_dance.jpg");
}

.sgv-school-media-arts {
    background-image: url("/Portals/0/Homepage/sgv-homepage/school_media-arts.jpg");
}

.sgv-school-theatre {
    background-image: url("/Portals/0/Homepage/sgv-homepage/school_theatre.jpg");
}

.ocsa-schools-group {
    background: #000;
    overflow: hidden;
}

@media all and (min-width: 62.5em) {
    .ocsa-schools-group {
        display: -ms-flexbox;
        display: flex;
    }
}

.ocsa-schools-group > div {
    position: relative;
    text-align: center;
    width: 100%;
    height: 280px;
    transition: height 0.3s ease;
}

@media all and (min-width: 64.0625rem) {
    .ocsa-schools-group > div {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 20%;
        height: 480px;
    }
}

.ocsa-schools-group > div .school-group {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .ocsa-schools-group > div .school-group::before {
        content: '';
        background: linear-gradient(to top, #6e29d2 0%, #40238d 75%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: 0.3s opacity ease;
    }

@media all and (max-width: 64.0625rem) {
    .ocsa-schools-group > div:hover {
        height: 400px;
    }
}

.ocsa-schools-group > div:hover .school-group::before {
    opacity: 0.8;
}

.ocsa-schools-group > div:hover .school-group ul {
    opacity: 1;
    height: auto;
    transform: translate(0, 0);
}

.ocsa-schools-group > div:hover .bottom-dark-gradient {
    opacity: 0.8;
}

.school-group h2 {
    color: #f1f1f1;
    font-size: 1.4rem;
    line-height: 1.4;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    transition: 0.3s transform ease;
}

.ocsa-schools-group .bottom-dark-gradient {
    background: linear-gradient(to bottom, transparent, #000);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: 0.5s opacity ease;
    z-index: -1;
}

.ocsa-schools-group ul {
    height: 0;
    position: relative;
    opacity: 0;
    transition-delay: 0.2s;
    transition-duration: 0.2s;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    transform: translate(0, 200%);
    z-index: 1;
}

    .ocsa-schools-group ul li > a {
        color: #f1f1f1;
        font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    }

.ocsa-mission-slide {
    background: #265aca url("/Portals/0/Homepage/ocsa-mission-bg.jpg") center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 1rem;
}

@media all and (min-width: 62.5em) {
    .ocsa-mission-slide {
        padding: 1.5rem;
    }
}

.mission-slide-inner {
    position: relative;
    background-color: rgba(250,250,250,0.2);
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    padding: 1rem;
    z-index: 1;
}

@media all and (min-width: 769px) {
    .mission-slide-inner {
        padding: 1.5rem;
    }
}

.ocsa-mission-border-box {
    position: relative;
    border: 1px solid rgba(250,250,250,0.3);
    padding: 50px 1rem;
}

@media all and (min-width: 769px) {
    .ocsa-mission-border-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0 3rem;
        height: 630px;
    }
}

.ocsa-mission-content {
    color: #f1f1f1;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 2;
    width: 100%;
    max-width: 600px;
}

    .ocsa-mission-content h1 {
        color: #f1f1f1;
        position: relative;
        padding-bottom: 0.5em;
    }

        .ocsa-mission-content h1::after {
            content: '';
            position: absolute;
            background: #eebc5d;
            width: 30%;
            height: 2px;
            bottom: 0;
            left: 0;
        }

.mission-slide-image,
.ocsa-slide-title {
    display: none;
}

.mission-slide-image {
    background: url("/Portals/0/Homepage/mission-children.png") bottom right no-repeat;
    background-size: cover;
}

@media all and (min-width: 64.0625rem) {
    .mission-slide-image {
        display: block;
        position: absolute;
        width: 100%;
        max-width: 815px;
        height: 100%;
        top: 0;
        right: 5%;
    }
}

@media all and (min-width: 64.0625rem) {
    .ocsa-slide-title {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 50px;
        color: #f1f1f1;
        font-size: 1rem;
        text-align: right;
        text-transform: uppercase;
    }

        .ocsa-slide-title::after {
            content: '';
            position: absolute;
            background: #eebc5d;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
        }
}

.ocsa-alumni-highlight {
    position: relative;
    overflow: hidden;
}

@media all and (min-width: 62.5em) {
    .ocsa-alumni-highlight {
        display: -ms-flexbox;
        display: flex;
    }
}

.ocsa-alumni-highlight.alumni-morrison {
    background-color: #2d309b;
}

.ocsa-alumni-highlight.alumni-cantania {
    background-color: #64556f;
}

.ocsa-alumni-highlight.alumni-smith {
    background-color: #2d309b;
}

.ocsa-alumni-highlight.alumni-yates {
    background-color: #64556f;
}

.ocsa-alumni-highlight.alumni-mendez {
    background-color: #2d309b;
}

.ocsa-alumni-highlight.alumni-lee {
    background-color: #64556f;
}

.alumni-profile {
    position: relative;
}

@media all and (min-width: 62.5em) {
    .alumni-profile {
        width: 60%;
    }
}

@media all and (min-width: 47.9375em) {
    .alumni-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0.1;
    }

        .alumni-background.alumni-morrison {
            background-image: url("/Portals/0/Homepage/matt-morrison/matt-morrison-bg.png");
        }

        .alumni-background.alumni-cantania {
            background-image: url("/Portals/0/Homepage/holly-cantania/holly_highlight_bg.png");
        }

        .alumni-background.alumni-smith {
            background-image: url("/Portals/0/Homepage/justice-smith/justice_highlight_bg.png");
        }

        .alumni-background.alumni-yates {
            background-image: url("/Portals/0/Homepage/melissa-yates/melissa_highlight_bg.png");
        }

        .alumni-background.alumni-mendez {
            background-image: url("/Portals/0/Homepage/lindsay-mendez/lindsay_bg.png");
        }

        .alumni-background.alumni-lee {
            background-image: url("/Portals/0/Homepage/sean-lee/sean_bg.png");
        }
}

.alumni-accomplishments {
    background-color: #fff;
    position: relative;
    padding: 1rem;
}

@media all and (min-width: 47.9375em) {
    .alumni-accomplishments {
        padding: 2rem 5%;
    }
}

@media all and (min-width: 64.0625rem) {
    .alumni-accomplishments {
        padding: 4rem 10%;
    }
}

@media all and (min-width: 1000px) {
    .alumni-accomplishments {
        width: 40%;
    }
}

.ocsa-alumni-highlight-title {
    color: #eebc5d;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 300;
}

@media all and (min-width: 64.0625rem) {
    .ocsa-alumni-highlight-title {
        display: block;
        position: absolute;
        left: 3rem;
        top: 4.5rem;
        width: 100px;
    }
}

.alumni-profile-inner {
    position: relative;
    z-index: 1;
}

@media all and (max-width: 47.9375em) {
    .alumni-profile-inner {
        padding-left: 1em;
        padding-right: 1em;
    }
}

.alumni-info {
    padding: 2rem 1rem;
    color: #f1f1f1;
    width: 100%;
}

@media all and (min-width: 440px) {
    .alumni-info {
        padding-top: 80px;
        padding-bottom: 80px;
        position: relative;
    }
}

@media all and (min-width: 600px) {
    .alumni-info {
        max-width: 420px;
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media all and (min-width: 64.0625rem) {
    .alumni-info {
        padding-top: 225px;
        padding-bottom: 150px;
        max-width: 480px;
    }
}

@media all and (min-width: 1440px) {
    .alumni-info {
        max-width: 580px;
    }
}

.alumni-description {
    font-weight: 300;
    font-size: 1.1rem;
}

.alumni-glamour-container {
    position: relative;
    min-height: 500px;
    width: 100%;
    z-index: 1;
}

@media all and (min-width: 760px) {
    .alumni-glamour-container {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media all and (min-width: 1000px) {
    .alumni-glamour-container {
        right: -110px;
        max-width: 520px;
        height: 100%;
        max-height: 730px;
    }
}

@media all and (min-width: 64.0625rem) {
    .alumni-glamour-container {
        right: -173.33333333333334px;
    }
}

.alumni-glamour-image {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

@media all and (min-width: 760px) {
    .alumni-glamour-image {
        background-position: bottom right;
    }
}

@media all and (min-width: 64.0625rem) {
    .alumni-glamour-image {
        background-position: bottom center;
    }
}

.alumni-glamour-image.alumni-morrison {
    background-image: url("/Portals/0/Homepage/matt-morrison/matt-morrison_glamour.png");
}

.alumni-glamour-image.alumni-cantania {
    background-image: url("/Portals/0/Homepage/holly-cantania/holly_glamour_shot.png");
}

.alumni-glamour-image.alumni-smith {
    background-image: url("/Portals/0/Homepage/justice-smith/justice_glamour_shot.png");
}

.alumni-glamour-image.alumni-yates {
    background-image: url("/Portals/0/Homepage/melissa-yates/melissa_glamour.png");
}

.alumni-glamour-image.alumni-mendez {
    background-image: url("/Portals/0/Homepage/lindsay-mendez/lindsay_cutout.png");
}

.alumni-glamour-image.alumni-lee {
    background-image: url("/Portals/0/Homepage/sean-lee/sean_cutout.png");
}

.alumni-heading {
    position: relative;
    color: #f1f1f1;
}

.alumni-heading {
    font-size: 2.5rem;
}

@media all and (min-width: 64.0625rem) {
    .alumni-heading {
        font-size: 3rem;
        letter-spacing: 12px;
    }
}

.alumni-class {
    font-size: 0.75rem;
    color: #eebc5d;
    margin-top: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}

.alumni-accomplishment-gallery {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 415px;
    width: 100%;
}

    .alumni-accomplishment-gallery:before {
        content: '';
        display: block;
        height: 0;
        padding-bottom: 72%;
    }

@media all and (min-width: 47.9375em) {
    .alumni-accomplishment-gallery {
        margin-bottom: 2rem;
    }
}

.alumni-accomplishment-gallery li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: scale(0.9);
    transition: all 0.8s ease-in-out;
    width: 100%;
}

    .alumni-accomplishment-gallery li.is-active {
        transform: scale(1);
        opacity: 1;
    }

    .alumni-accomplishment-gallery li img {
        margin: 0 auto;
    }

.thin-vertical-line {
    background-color: #eebc5d;
    padding-bottom: 70px;
    width: 1px;
    margin: 1rem auto;
}

.alumni-accomplishment-titles {
    margin-bottom: 10px;
}

    .alumni-accomplishment-titles li {
        text-transform: uppercase;
        font-size: 0.85rem;
        letter-spacing: 2px;
        padding: 10px 5px;
        max-width: 290px;
        margin-left: auto;
        margin-right: auto;
    }

@media all and (min-width: 64.0625rem) {
    .alumni-accomplishment-titles li {
        font-size: 1rem;
    }
}

.alumni-accomplishment-titles li:not(:last-child) {
    border-bottom: 1px solid #eebc5d;
}

.alumni-accomplishment-titles li.is-active a {
    color: #eebc5d;
}

.alumni-accomplishment-titles li a {
    display: block;
}

.alumni-job-titles {
    position: relative;
}

@media all and (min-width: 47.9375em) {
    .alumni-job-titles {
        position: absolute;
        bottom: 5px;
        left: 5%;
        width: 90%;
    }
}

.alumni-job-titles li {
    display: inline-block;
    font-size: 0.55rem;
    padding: 0.5rem;
    text-transform: uppercase;
    width: 48%;
}

@media all and (min-width: 47.9375em) {
    .alumni-job-titles li {
        width: auto;
    }
}

@media all and (min-width: 64.0625rem) {
    .alumni-job-titles li {
        font-size: 0.8rem;
        width: auto;
    }
}

.js-click-show-next {
    cursor: pointer;
}

.js-click-show-controls a:focus {
    outline: 0;
}

.ocsa-alumni-collection {
    position: relative;
}

.ocsa-alumni-next {
    color: #eebc5d;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.js-backgroundify {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .js-backgroundify img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        visibility: hidden;
        display: none;
    }

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.sr-only {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.js-accordion {
    cursor: pointer;
}

.js-accordion-content {
    display: none;
}

body#Body.dnnEditState {
    margin-bottom: 5.625rem;
}

.csarts-container {
    width: 100%;
    max-width: 67.5em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

    .csarts-container:before,
    .csarts-container:after {
        display: table;
        content: '';
    }

    .csarts-container:after {
        clear: both;
    }

@media all and (min-width: 87.5em) {
    .csarts-container {
        max-width: 79.4375em;
    }
}

.Container {
    width: 100%;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    padding-left: 2rem;
    padding-right: 2rem;
}

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

    .Container:after {
        clear: both;
    }

@media all and (min-width: 95em) {
    .Container {
        max-width: 79.4375em;
    }
}

.Container-small {
    width: 100%;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

    .Container-small:before,
    .Container-small:after {
        display: table;
        content: '';
    }

    .Container-small:after {
        clear: both;
    }

@media all and (max-width: 1270px) {
    .Container-small {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.Container-large {
    width: 100%;
    max-width: 95em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

    .Container-large:before,
    .Container-large:after {
        display: table;
        content: '';
    }

    .Container-large:after {
        clear: both;
    }

@media all and (max-width: 1270px) {
    .Container-large {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.Container-fluid {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

    .Container-fluid:before,
    .Container-fluid:after {
        display: table;
        content: '';
    }

    .Container-fluid:after {
        clear: both;
    }

body.smooth-reveal {
    opacity: 1;
}

.main-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}

.gray-container {
    background: #e6e6e6;
}

.main-content {
    background-color: #fff;
    box-shadow: 0 15px 35px rgba(50,50,93,0.1), 0 5px 15px rgba(0,0,0,0.07);
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

    .main-content p > a {
        color: #64556f;
    }

.has-aside-container {
    background-color: #f1eee9;
    box-shadow: 0 5px 15px rgba(168,176,186,0.2);
    padding: 0;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    z-index: 5;
}

    .has-aside-container:before,
    .has-aside-container:after {
        display: table;
        content: ' ';
    }

    .has-aside-container:after {
        clear: both;
    }

    .has-aside-container .main-content {
        box-shadow: none;
    }

@media all and (min-width: 85.3125rem) {
    .has-aside-container .main-content {
        float: left;
        padding-left: 240px;
        width: 100%;
    }
}

@media all and (min-width: 93.75rem) {
    .has-aside-container .main-content {
        padding-left: 320px;
    }
}

.has-main-overlay {
    position: relative;
    z-index: 0;
}

    .has-main-overlay:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(94,17,113,0.4);
        z-index: -1;
    }

@media all and (min-width: 47.9375em) {
    .grid-box {
        padding: 1.5rem 1rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .grid-box {
        padding: 3em 2em;
        padding-left: -1rem;
    }
}

.big-padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.big-padding_bottom {
    padding-bottom: 1rem;
}

.big-padding_top {
    padding-top: 1rem;
}

.big-padding_sides {
    padding-left: 2rem;
    padding-right: 2rem;
}

@media all and (min-width: 47.9375em) {
    .big-padding {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .big-padding_bottom {
        padding-bottom: 1.5rem;
    }

    .big-padding_top {
        padding-top: 1.5rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .big-padding {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .big-padding_bottom {
        padding-bottom: 3rem;
    }

    .big-padding_top {
        padding-top: 3rem;
    }
}

.no-list-style {
    list-style: none;
}

.main-color-slide {
    background-color: #64556f;
}

@media all and (min-width: 47.9375em) {
    .is-only-mobile {
        display: none;
    }
}

@media all and (max-width: 64.0625rem) {
    .list {
        max-width: 37rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.block-link {
    display: block;
}

.block-img {
    display: block;
}

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

a.full-block-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

    a.full-block-link:focus {
        outline: 0;
        border: none;
    }

.ModVDWWDOpenGraphC {
    display: none;
}

body.dnnEditState .ModVDWWDOpenGraphC {
    display: block;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #ccc;
    }

        .mfp-preloader a:hover {
            color: #fff;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: 47.9375em inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #fff;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #fff;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3f3f3f;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #000;
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        transform-origin: 0;
    }

    .mfp-arrow-right {
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.main-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    max-width: 95rem;
    padding: 0.5rem 1rem;
}

    .main-nav .nav-item {
        font-size: 1rem;
        position: relative;
    }

    .main-nav .logo-container img {
        max-width: 200px;
        width: 100%;
    }

@media all and (min-width: 64.0625rem) {
    .main-nav .logo-container img {
        max-width: 250px;
    }
}

.site-header {
    background-color: #fff;
    position: relative;
    z-index: 10;
}

.top-nav-container {
    background-color: #36282b;
    position: relative;
    z-index: 15;
}

@media all and (min-width: 47.9375em) {
    .top-nav-container {
        display: block;
    }
}

.top-nav {
    max-width: 93rem;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
}

    .top-nav .nav-item {
        color: #f1f1f1;
        display: inline-block;
        font-size: 0.6875rem;
        position: relative;
        padding: 0.5rem;
    }

@media all and (min-width: 64.0625rem) {
    .top-nav {
        -ms-flex-align: center;
        align-items: center;
    }
}

.top-nav-dropdown-toggle .fa-angle-right,
.top-nav-main-links-toggle .fa-angle-right {
    transition: transform 0.4s ease;
}

.top-nav-dropdown-toggle.is-toggled .fa-angle-right,
.top-nav-main-links-toggle.is-toggled .fa-angle-right {
    transform: rotate(90deg) translate(0, 2px);
}

.top-nav-main-links-toggle {
    color: #f1f1f1;
    display: inline-block;
    font-size: 0.6875rem;
    position: relative;
    padding: 0.5rem;
}

@media all and (min-width: 64.0625rem) {
    .top-nav-main-links-toggle {
        display: none;
    }
}

.top-nav-main-links-container {
    -ms-flex: 2;
    flex: 2;
    width: 100%;
}

@media all and (min-width: 64.0625rem) {
    .top-nav-main-links-container {
        display: -ms-flexbox;
        display: flex;
    }
}

.top-nav-main-links {
    display: none;
}

@media all and (min-width: 64.0625rem) {
    .top-nav-main-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
}

@media all and (max-width: 64.0625rem) {
    .inline-nav .nav-item {
        display: block;
    }
}

.top-nav-control-panel,
.top-nav-control-search {
    display: inline-block;
}

.registerGroup {
    color: #fff;
    display: inline-block;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    padding-left: 0.5em;
}

.top-nav-dropdown {
    display: none;
    background-color: #36282b;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    color: #fff;
}

@media all and (min-width: 47.9375em) {
    .top-nav-dropdown {
        padding: 1rem;
        position: absolute;
        top: 100%;
        right: 0;
        width: 150px;
        margin-left: -95px;
        z-index: 15;
        text-align: right;
    }
}

.top-nav-dropdown li.nav-item {
    display: block;
}

#ocsa-account-links {
    display: inline-block;
    position: relative;
}

    #ocsa-account-links .top-nav-dropdown {
        position: absolute;
        top: 100%;
        width: 150px;
        text-align: right;
    }

@media all and (max-width: 64.0625rem) {
    #ocsa-account-links .top-nav-dropdown {
        padding: 1rem;
        margin-left: -85px;
    }
}

ul.buttonGroup {
    list-style: none;
}

    ul.buttonGroup > li {
        display: block;
    }

    ul.buttonGroup .userProfileImg,
    ul.buttonGroup .userNotifications,
    ul.buttonGroup .userMessages {
        display: none;
    }

.nav-item {
    display: inline-block;
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding: 0.5rem;
}

    .nav-item a {
        padding: 5px 0;
        text-decoration: none;
    }

        .nav-item a:hover {
            opacity: 0.4;
        }

        .nav-item a:visited {
            opacity: 0.6;
        }

    .nav-item .fa {
        padding-right: 2px;
    }

    .nav-item .fa-angle-right {
        transition: transform 0.3s ease;
    }

    .nav-item.is-active > a > .fa-angle-right {
        transform: rotate(90deg) translate(0, 2px);
    }

.nav-item-subnav {
    list-style: none;
    width: 100%;
    margin: 0;
}

    .nav-item-subnav > ul {
        list-style: none;
        margin: 0;
    }

        .nav-item-subnav > ul:last-of-type {
            margin: 0.5rem;
        }

    .nav-item-subnav.sub-nav-1 {
        display: none;
        margin-left: 0.5em;
    }

    .nav-item-subnav li {
        display: block;
    }

    .nav-item-subnav.sub-nav-1 > li {
        color: #000;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25;
        padding: 0.5rem 0;
    }

    .nav-item-subnav.sub-nav-2 {
        display: none;
        margin-left: 0.5rem;
    }

        .nav-item-subnav.sub-nav-2 > li a {
            font-size: 0.875rem;
        }

        .nav-item-subnav.sub-nav-2 .nav-item {
            padding: 0.5rem;
        }

.is-active.nav-item .nav-item-subnav {
    opacity: 1;
    transition: all 0.3s ease;
    z-index: 100;
}

.is-active.subnav-toggle {
    width: auto;
    border-bottom: 1px solid #42464f;
}

@media all and (max-width: 79.4375em) {
    .subnav-toggle i.fa {
        margin-left: -15px;
    }
}

.sidebar-nav {
    background-color: #f1eee9;
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
}

@media all and (min-width: 85.3125rem) {
    .sidebar-nav {
        position: fixed;
        width: 240px;
        float: left;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1000;
    }
}

@media all and (min-width: 93.75rem) {
    .sidebar-nav {
        width: 320px;
    }
}

@media all and (min-width: 40em) and (max-width: 85.3125rem) {
    .sidebar-nav-items {
        margin-right: 1rem;
        max-width: 450px;
        max-height: 500px;
        overflow-y: auto;
    }
}

@media all and (max-width: 85.3125rem) {
    .sidebar-nav-items {
        background-color: #f1f1f1;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        z-index: -1000;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }
}

.sidebar-nav-items {
    list-style: none;
}

@media all and (min-width: 85.3125rem) {
    .sidebar-nav-items {
        display: block;
    }
}

.sidebar-nav-items li {
    color: #333743;
    display: block;
    font-family: "PT Sans Narrow";
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.4;
}

@media all and (min-width: 93.75rem) {
    .sidebar-nav-items li {
        font-size: 1.1875rem;
    }
}

.sidebar-nav-element a {
    color: inherit;
    display: inline-block;
    padding: 1rem;
    width: 100%;
}

    .sidebar-nav-element a.is-current-page {
        background-color: #64556f;
        color: #f1f1f1;
        position: relative;
    }

.sidebar-subnav {
    background-color: #f6f6f6;
    padding: 0;
    display: none;
}

    .sidebar-subnav.sub-nav-0 {
        border-top: 2px solid #b7bfd0;
    }

    .sidebar-subnav .sub-nav-1 a:before {
        content: '-';
        padding-left: 10px;
    }

@media all and (min-width: 85.3125rem) {
    .sidebar-nav-dropdown {
        display: none;
    }
}

.sidebar-nav-dropdown > div {
    font-weight: bold;
    text-transform: uppercase;
}

.sidebar-nav-dropdown {
    padding: 0.625rem;
}

    .sidebar-nav-dropdown > div:first-child {
        color: #64556f;
        font-size: 1.125rem;
    }

    .sidebar-nav-dropdown .sidebar-dd-toggle {
        background: #f1f1f1;
        cursor: pointer;
        font-size: 0.875rem;
        padding: 0 1rem;
        position: absolute;
        top: 10%;
        right: 0;
        width: 100%;
        height: 80%;
        line-height: 300%;
    }

@media all and (min-width: 47.9375em) {
    .sidebar-nav-dropdown .sidebar-dd-toggle {
        max-width: 450px;
    }
}

.is-active.sidebar-nav .sidebar-nav-items {
    opacity: 1;
    z-index: 1000;
    transition: all 0.3s ease;
}

.content-nav {
    position: relative;
    max-height: 40px;
    overflow: hidden;
    max-width: 79.375em;
    margin-left: auto;
    margin-right: auto;
    transition: max-height 0.3s ease;
}

@media all and (min-width: 47.9375em) {
    .content-nav {
        display: -ms-flexbox;
        display: flex;
        height: auto;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
}

.content-nav .nav-item {
    display: block;
    letter-spacing: 1.5px;
    width: 100%;
    transition: background 0.3s ease;
    text-transform: uppercase;
}

    .content-nav .nav-item.active {
        background-color: #bababa;
    }

    .content-nav .nav-item:not(.active):hover {
        background-color: #d2d2d2;
    }

@media all and (min-width: 64.0625rem) {
    .content-nav .nav-item:not(:last-child) {
        border-right: 1px solid #c1c1c1;
    }
}

@media all and (min-width: 47.9375em) {
    .content-nav .nav-title {
        display: none;
    }
}

.toggle-content-nav.content-nav {
    height: auto;
    max-height: 1000px;
    transition: max-height 1.5s ease;
}

@media all and (max-width: 64.0625rem) {
    .slide-in-nav .nav-items {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .slide-in-nav .top-nav-container {
        z-index: 1;
    }

    .nav-items {
        background: #f1f1f1;
        position: fixed;
        top: 0;
        right: 0;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        max-width: 395px;
        height: 100vh;
        transform: translate3d(100%, 0, 0);
        transition: transform 0.5s ease-in-out, opacity 0.8s ease;
        will-change: transform;
        z-index: 1001;
    }

        .nav-items .nav-item {
            display: block;
            padding-top: 1rem;
            padding-left: 2rem;
        }

        .nav-items .nav-item-subnav {
            display: none;
            box-shadow: 0;
            position: relative;
            width: 100%;
            transition: all 0.3s ease;
        }
}

.has-caret-down {
    position: relative;
}

    .has-caret-down::after {
        content: "▾";
        position: absolute;
        right: 1rem;
    }

@media all and (min-width: 64.0625rem) {
    .nav-item-subnav.sub-nav-0 {
        background-color: #fff;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        padding: 1rem;
        position: absolute;
        top: 55px;
        left: 0;
        min-width: 240px;
        width: 100%;
        z-index: -100;
        opacity: 0;
        transition: opacity 0.3s ease 0.1s;
        visibility: hidden;
    }

        .nav-item-subnav.sub-nav-0 .nav-item {
            padding: 1rem 1rem 0;
        }

    .is-active.nav-item .nav-item-subnav {
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease;
        z-index: 9001;
    }

    .subnav-title {
        font-size: 0.625rem;
        letter-spacing: 0.078125rem;
        line-height: 1.3;
    }

    .subnav-items > li {
        font-size: 1rem;
        line-height: 1.25;
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[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-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover,
    .slick-next:hover,
    .slick-prev:focus,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before,
        .slick-next:hover:before,
        .slick-prev:focus:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "\2770";
}

[dir="rtl"] .slick-prev:before {
    content: "\2771";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "\2771";
}

[dir="rtl"] .slick-next:before {
    content: "\2770";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 20px;
                height: 20px;
                font-size: 2rem;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: 0.75;
        }

.ocsa-alumni-collection.slick-slider {
    margin-bottom: 0;
}

.ocsa-alumni-collection .slick-dots {
    top: 0;
    bottom: initial;
}

.body-copy ul,
.body-copy ol,
article ul,
article ol {
    font-size: 1rem;
    font-weight: 300;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

@media all and (min-width: 1400px) {
    .body-copy ul,
    .body-copy ol,
    article ul,
    article ol {
        font-size: 1.115rem;
    }
}

.body-copy blockquote,
blockquote.quote {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
}

@media all and (min-width: 47.9375em) {
    .body-copy blockquote,
    blockquote.quote {
        font-size: 1.375rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .body-copy blockquote,
    blockquote.quote {
        font-size: 1.5rem;
        line-height: 1.6;
    }
}

h1,
h2,
h3,
.body-copy h1 {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: $black;
}

h1 {
    font-size: 1.75rem;
    letter-spacing: 2px;
    line-height: 1;
    text-transform: uppercase;
}

@media all and (min-width: 64.0625rem) {
    h1 {
        font-size: 2rem;
        letter-spacing: 5.5px;
        line-height: 1.1;
    }
}

@media all and (min-width: 1500px) {
    h1 {
        font-size: 2.375rem;
        letter-spacing: 8px;
        line-height: 1;
    }
}

h2,
.body-copy h1 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
}

@media all and (min-width: 64.0625rem) {
    h2,
    .body-copy h1 {
        font-size: 2.125rem;
        letter-spacing: 2px;
    }
}

h3 {
    font-size: 1.375rem;
    line-height: 1.3;
}

@media all and (min-width: 64.0625rem) {
    h3 {
        font-size: 1.875rem;
    }
}

.body-copy {
    font-size: 1rem;
    font-weight: 300;
    text-align: left;
}

    .body-copy ul {
        list-style: disc;
    }

    .body-copy ol {
        list-style: decimal;
    }

    .body-copy blockquote {
        margin-bottom: 1rem;
    }

@media all and (min-width: 1400px) {
    .body-copy {
        font-size: 1.115rem;
    }
}

article ul {
    list-style: disc;
}

article ol {
    list-style: decimal;
}

article img {
    margin-bottom: 1rem;
}

.main-content p:not(.big-type-sub-heading),
.main-content address {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 1rem;
}

@media all and (min-width: 1400px) {
    .main-content p:not(.big-type-sub-heading),
    .main-content address {
        font-size: 1.115rem;
    }
}

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

@media all and (max-width: 40em) {
    .text-center_mobile {
        text-align: center;
    }
}

.color-main-text {
    color: $main-color;
}

.light-text {
    color: #fff;
}

.uppercase,
.Blog-post-date,
.Blog-post-subheading-fancy {
    text-transform: uppercase;
}

.narrow {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.regular-font {
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.vbox-overlay {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1040;
    transform: translateZ(1000px);
    transform-style: preserve-3d;
}

.vbox-title {
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 40px;
    overflow: hidden;
    position: fixed;
    display: none;
    left: 0;
    z-index: 1050;
}

.vbox-close {
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 50px;
    height: 40px;
    padding: 6px;
    display: block;
    background-position: 10px center;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    z-index: 1050;
}

.vbox-num {
    cursor: pointer;
    position: fixed;
    left: 0;
    height: 40px;
    display: block;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    display: none;
    z-index: 1050;
}

.vbox-next,
.vbox-prev {
    position: fixed;
    top: 50%;
    margin-top: -15px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 45px;
    height: 45px;
    z-index: 1050;
}

    .vbox-next span,
    .vbox-prev span {
        position: relative;
        width: 20px;
        height: 20px;
        border: 2px solid transparent;
        border-top-color: #b6b6b6;
        border-right-color: #b6b6b6;
        text-indent: -100px;
        position: absolute;
        top: 8px;
        display: block;
    }

.vbox-prev {
    left: 15px;
}

.vbox-next {
    right: 15px;
}

.vbox-prev span {
    left: 10px;
    transform: rotate(-135deg);
}

.vbox-next span {
    transform: rotate(45deg);
    right: 10px;
}

.vbox-inline {
    width: 420px;
    height: 315px;
    height: 70vh;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    overflow: auto;
    text-align: left;
}

.venoframe {
    max-width: 100%;
    width: 100%;
    border: none;
    width: 100%;
    height: 260px;
    height: 70vh;
}

    .venoframe.vbvid {
        height: 260px;
    }

@media (min-width: 768px) {
    .venoframe,
    .vbox-inline {
        width: 90%;
        height: 360px;
        height: 70vh;
    }

        .venoframe.vbvid {
            width: 640px;
            height: 360px;
        }
}

@media (min-width: 992px) {
    .venoframe,
    .vbox-inline {
        max-width: 1200px;
        width: 80%;
        height: 540px;
        height: 70vh;
    }

        .venoframe.vbvid {
            width: 960px;
            height: 540px;
        }
}

.vbox-open {
    overflow: hidden;
}

.vbox-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
    height: 100%;
}

.vbox-content {
    text-align: center;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 1rem;
}

.vbox-container img {
    max-width: 100%;
    height: auto;
}

.figlio {
    box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    max-width: 100%;
    text-align: initial;
}

img.figlio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vbox-content.swipe-left {
    margin-left: -200px !important;
}

.vbox-content.swipe-right {
    margin-left: 200px !important;
}

.animated {
    transition: margin 300ms ease-out;
}

.animate-in {
    opacity: 1;
}

.animate-out {
    opacity: 0;
}

.sk-double-bounce {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-double-bounce {
    position: relative
}

    .sk-double-bounce .sk-child {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #333;
        opacity: .6;
        position: absolute;
        top: 0;
        left: 0;
        animation: sk-doubleBounce 2s infinite ease-in-out
    }

    .sk-double-bounce .sk-double-bounce2 {
        animation-delay: -1s
    }

@keyframes sk-doubleBounce {
    0%,100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.sk-wave {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    margin: 40px auto
}

.sk-three-bounce {
    margin: 40px auto;
    width: 100px;
    text-align: center
}

    .sk-three-bounce .sk-child {
        width: 16px;
        height: 16px;
        background-color: #333;
        border-radius: 100%;
        margin: 4px;
        display: inline-block;
        animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
    }

.sk-cube-grid, .sk-spinner-pulse {
    width: 40px;
    height: 40px;
    margin: 40px auto
}

.sk-three-bounce .sk-bounce1 {
    animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
    animation-delay: -.16s
}

@keyframes sk-three-bounce {
    0%,100%,80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.wg-drop.country-selector {
    background: none !important;
    font-size: 0.6875rem;
}

    .wg-drop.country-selector .wg-li {
        font-size: 0.6875rem;
    }

    .wg-drop.country-selector .wgcurrent {
        border: none !important;
        white-space: nowrap;
    }

        .wg-drop.country-selector .wgcurrent:hover {
            opacity: 0.6;
        }

    .wg-drop.country-selector a {
        color: #f1f1f1 !important;
    }

    .wg-drop.country-selector:not(.closed) ul {
        background: #36282b !important;
    }

    .wg-drop.country-selector .wgcurrent:before {
        display: inline-block;
        color: #f1f1f1;
        content: "\f107" !important;
        transition: all 0.2s;
        font-family: "FontAwesome";
        line-height: normal !important;
    }

    .wg-drop.country-selector.closed .wgcurrent:before {
        transform: rotate(-90deg);
    }

    .wg-drop.country-selector .wgcurrent:after {
        display: none !important;
    }

    .wg-drop.country-selector .wgcurrent a {
        padding-right: 0px !important;
        padding-left: 10px;
        margin-left: -5px;
        line-height: normal;
        height: initial;
        display: inline-block;
    }

.weglot-container {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'PT Sans Narrow';
    padding-left: 10px;
}

.wg-drop.country-selector ul {
    width: auto !important;
}

.btn {
    border: 0;
    border-radius: 3px;
    outline: 0;
    display: block;
    font-size: 0.875em;
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1.3;
    letter-spacing: 2px;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    transition: background-color 0.3s ease-in-out;
}

.btn_large {
    font-size: 1.25rem;
    padding: 0.75em 1.5em;
    text-align: center;
}

@media all and (min-width: 47.9375em) {
    .btn_large {
        font-size: 1.5rem;
        padding: 1rem 2rem;
    }
}

@media all and (min-width: 500px) {
    .btn {
        display: inline-block;
        margin-bottom: 0;
    }
}

.btn-accordion {
    display: inline-block;
    margin-top: 1rem;
}

.btn-flat {
    font-weight: bold;
    letter-spacing: 10px;
    padding-left: 0;
}

.btn-post {
    color: #64556f;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 2px;
    padding-left: 0;
}

.default-btn {
    background-color: #ededed;
    color: #64556f;
    text-align: center;
}

    .default-btn:hover,
    .default-btn:focus {
        background-color: #d5d5d5;
    }

    .default-btn:visited {
        color: #64556f;
        opacity: 0.5;
    }

.main-btn {
    background-color: #64556f;
    color: #ededed;
    text-align: center;
}

    .main-btn:hover,
    .main-btn:focus {
        background-color: #5a4d64;
    }

    .main-btn:visited {
        color: #ededed;
        opacity: 0.5;
    }

.secondary-btn {
    background-color: #f15d22;
    color: #ededed;
    margin-bottom: 1.5em;
    text-align: center;
}

    .secondary-btn:hover,
    .secondary-btn:focus {
        background-color: #e94d0f;
    }

    .secondary-btn:visited {
        color: #ededed;
        opacity: 0.5;
    }

.third-btn {
    background-color: #edbf32;
    font-weight: bold;
    color: #ededed;
    margin-bottom: 1.5em;
    text-align: center;
}

    .third-btn:hover,
    .third-btn:focus {
        background-color: #ebb718;
    }

    .third-btn:visited {
        color: #ededed;
        opacity: 0.5;
    }

.button-group {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media all and (min-width: 500px) {
    .button-group .btn {
        display: block;
        margin-bottom: 1rem;
        width: 300px;
    }

        .button-group .btn.is-center {
            margin-right: auto;
            margin-left: auto;
        }

        .button-group .btn.is-full-width {
            width: 100%;
        }
}

.csarts-fab {
    background: #f15d22;
    box-shadow: 0 0 20px rgba(0,0,0,0.18);
    border-radius: 3px;
    color: #fff;
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    position: fixed;
    bottom: 30%;
    right: -46px;
    width: 120px;
    opacity: 0.8;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-90deg);
    transition: opacity 0.3s ease;
    z-index: 100;
}

@media all and (min-width: 47.9375em) {
    .csarts-fab {
        bottom: 60%;
    }
}

@media all and (min-width: 1680px) {
    .csarts-fab {
        width: 140px;
        font-size: 1.125rem;
    }
}

.csarts-fab:hover {
    opacity: 1;
}

.csarts-fab a {
    display: block;
    padding: 5px 10px;
}

.back-to-top {
    display: block;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    bottom: 30px;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.4s ease;
}

@media all and (min-width: 47.9375em) {
    .back-to-top {
        right: 30px;
        bottom: 50px;
    }
}

.back-to-top.sgv-btt {
    background-image: url("http://sgv.csarts.net/Portals/1/Images/btt-btn.png");
}

.back-to-top.js-reveal {
    opacity: 1;
}

.card-module .grid-item {
    padding: 0;
}

.card-container {
    position: relative;
}

.card {
    background: rgba(255,255,255,0.7);
    position: relative;
    height: auto;
}

@media all and (min-width: 47.9375em) {
    .card {
        position: absolute;
        right: 0;
        bottom: 25px;
        max-height: 320px;
        overflow-y: auto;
    }

        .card.small-width-card {
            width: 55%;
            max-width: 800px;
        }

        .card.large-width-card {
            width: 90%;
            max-width: 1100px;
        }
}

.card-accomplishments {
    position: relative;
}

    .card-accomplishments .card-content {
        padding-left: 0;
        padding-right: 0;
    }

.card-content {
    padding: 1rem 2rem;
}

@media all and (min-width: 47.9375em) {
    .card-content {
        padding: 1.5rem;
    }
}

.card-link {
    display: block;
    padding-top: 1rem;
    color: #64556f;
    font-weight: 300;
}

.card-with-bg::before {
    content: '';
    display: block;
    height: 0;
}

.card-with-bg.card-with-bg-16-9::before {
    padding-bottom: 56.45%;
}

.card-with-bg.card-with-bg-16-10::before {
    padding-top: 320px;
}

@media all and (min-width: 47.9375em) {
    .card-with-bg.card-with-bg-16-10::before {
        padding-top: 500px;
    }
}

@media all and (min-width: 64.0625rem) {
    .card-with-bg.card-with-bg-16-10::before {
        padding-top: 640px;
    }
}

.card-with-bg.card-accomplishments-bg::before {
    padding-bottom: 60%;
}

.card-with-bg {
    position: relative;
}

.card-heading {
    padding-bottom: 0.5rem;
    margin-top: 0;
}

@media all and (min-width: 47.9375em) {
    .card-two-col-module .card {
        bottom: 1rem;
    }
}

.primary-border-top {
    border-top: 6px solid rgba(243,240,235,0.7);
}

.secondary-border-top {
    border-top: 3px solid #ededed;
}

.secondary-border-bottom {
    border-bottom: 3px solid #ededed;
}

.circle-img {
    border-radius: 50%;
}

@media all and (max-width: 47.9375rem) {
    .circle-img {
        max-width: 128px;
    }
}

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

.field-group {
    margin-bottom: 1rem;
}

.form-input {
    padding: 0.75rem;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0,0,0,0.15);
}

.form-input-block {
    display: block;
    width: 100%;
}

.form-btn {
    background-color: #ededed;
    color: #64556f !important;
    padding: 0.5rem;
}

.Blog-form-label {
    font-weight: bold;
}

.Blog-form-label-block {
    display: block;
    width: 100%;
}

.slide-in-nav .hamburger {
    position: fixed;
    top: 2.1875em;
    right: 0;
}

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter, transform;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 9000;
}

@media all and (min-width: 64.0625rem) {
    .hamburger {
        display: none;
    }
}

.hamburger.is-active {
    padding: 0 1rem;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
}

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 40px;
        height: 4px;
        background-color: #373737;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

        .hamburger-inner::before,
        .hamburger-inner::after {
            content: "";
            display: block;
        }

        .hamburger-inner::before {
            top: -10px;
        }

        .hamburger-inner::after {
            bottom: -10px;
        }

.hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger-inner:before,
    .hamburger-inner:after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear;
    }

    .hamburger-inner:before {
        transition-property: top, opacity;
    }

    .hamburger-inner:after {
        transition-property: bottom, transform;
    }

.hamburger-spin.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

    .hamburger-spin.is-active .hamburger-inner::before,
    .hamburger-spin.is-active .hamburger-inner::after {
        transition-delay: 0s;
    }

    .hamburger-spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }

    .hamburger-spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg);
    }

.wide-bg-image {
    position: relative;
    height: 280px;
    width: 100%;
}

@media all and (min-width: 64.0625rem) {
    .wide-bg-image {
        height: 600px;
    }
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 62px;
    height: 62px;
}

.video-play-icon {
    color: #fff;
    display: inline-block !important;
    max-width: 64px;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}

    .video-play-icon span {
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.full-width-img {
    width: 100%;
}

.pagination > li {
    display: inline-block;
    font-size: 1rem;
    margin: 0.25rem;
    padding: 0.5rem;
    vertical-align: middle;
}

@media all and (min-width: 47.9375em) {
    .pagination > li {
        font-size: 1.5rem;
    }
}

.pagination .disabled {
    cursor: not-allowed;
}

.pagination {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    list-style: none;
    margin: 0;
    text-align: center;
}

@media all and (min-width: 64.0625rem) {
    .pagination {
        text-align: right;
    }
}

.pagination .paginate-current {
    border-bottom: 1px solid #373737;
}

.pagination .paginate-prev,
.pagination .paginate-next {
    font-size: 1.5rem;
}

@media all and (min-width: 64.0625rem) {
    .pagination .paginate-prev,
    .pagination .paginate-next {
        font-size: 2rem;
    }
}

.pagination .paginate-prev {
    padding-right: 0.5rem;
}

    .pagination .paginate-prev:before {
        content: '<';
        padding-right: 0.25em;
    }

.pagination .paginate-next {
    padding-left: 0.5rem;
}

    .pagination .paginate-next:after {
        content: '>';
        padding-left: 0.25em;
    }

.paginate-with-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.875rem;
    letter-spacing: 0.25rem;
    line-height: 1;
    padding: 1.5em;
    position: relative;
    text-transform: uppercase;
}

@media all and (min-width: 64.0625rem) {
    .paginate-with-bg {
        font-size: 3.125rem;
        letter-spacing: 0.44625rem;
        line-height: 2.4;
        padding: 2em 1em;
    }
}

.paginate-with-bg-prev {
    color: #f1f1f1;
}

    .paginate-with-bg-prev:after {
        background-color: rgba(54,40,43,0.85);
    }

.paginate-with-bg-next {
    color: #36282b;
}

    .paginate-with-bg-next:after {
        background-color: rgba(241,241,241,0.85);
    }

.paginate-with-bg-prev,
.paginate-with-bg-next {
    position: relative;
    z-index: 1;
}

    .paginate-with-bg-prev:after,
    .paginate-with-bg-next:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }

li.jplist-current.active {
    border-bottom: 1px solid #333743;
}

.jplist-items-per-page {
    display: none;
}

.jplist-first.disabled {
    display: none;
}

.jplist-prev.disabled {
    display: none;
}

.jplist-next.disabled {
    display: none;
}

.jplist-last.disabled {
    display: none;
}

.search-box {
    max-width: 93rem;
    padding: 0.5rem;
    margin: auto;
    width: 100%;
    text-align: right;
}

#dnn_dnnSearch_ClassicSearch {
    position: relative;
    height: 40px;
}

.search-input {
    border: 0;
    font-size: 1rem;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 300;
    padding: 0.75rem 1.375rem;
    width: 100%;
}

.searchInputContainer {
    display: inline-block;
    height: 40px;
    position: relative;
    margin: 0 !important;
    padding-right: 5rem;
    width: 100%;
}

@media all and (min-width: 64.0625rem) {
    .searchInputContainer {
        padding-right: 0;
        margin-right: 5rem !important;
        max-width: 500px;
    }
}

.searchInputContainer .form-input {
    display: inline-block;
    height: 40px;
}

.searchInputContainer + .form-btn {
    border-radius: 0;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    padding: 0 1rem;
    margin-top: 1px;
    margin-bottom: 0;
    max-width: 80px;
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.searchInputContainer a.dnnSearchBoxClearText {
    height: 40px !important;
    margin: 0 !important;
    top: 0;
    right: 84px !important;
}

@media all and (min-width: 64.0625rem) {
    .searchInputContainer a.dnnSearchBoxClearText {
        right: 4px !important;
    }
}

ul.searchSkinObjectPreview {
    left: 0 !important;
    right: initial !important;
    width: 100% !important;
    text-align: left;
}

    ul.searchSkinObjectPreview > li {
        font-weight: 300;
    }

        ul.searchSkinObjectPreview > li p {
            font-size: 11px !important;
            font-style: normal !important;
        }
/*
Table styles taken from Bootstrap alpha v4
Replace with most recent bootstrap version is necessary
files found here: https://github.com/twbs/bootstrap
navigate to ~/scss/_table.scss
Please note the differnece between scss and stylus variable declaration
*/
table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

    table th,
    table td {
        padding: 0.75rem 0;
        vertical-align: top;
        border-top: 1px solid #eee;
    }

    table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #eee;
    }

    table tbody + tbody {
        border-top: 2px solid #eee;
    }

    table table {
        background-color: #fff;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #eee;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #eee;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05);
}

@include hover {
    background-color: rgba(0,0,0,0.075);
}

.table-responsive {
    display: block;
    width: 100%;
    min-height: 0.01%;
    overflow-x: auto;
}

.table-reflow thead {
    float: left;
}

.table-reflow tbody {
    display: block;
    white-space: nowrap;
}

.table-reflow th,
.table-reflow td {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

    .table-reflow th:last-child,
    .table-reflow td:last-child {
        border-right: 1px solid #eee;
    }

.table-reflow thead:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child td {
    border-bottom: 1px solid #eee;
}

.table-reflow tr {
    float: left;
}

    .table-reflow tr th,
    .table-reflow tr td {
        display: block !important;
        border: 1px solid #eee;
    }

.accomplishments-module {
    width: 100%;
    max-width: 61.875rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    padding-left: 1rem;
    padding-right: 1rem;
}

    .accomplishments-module:before,
    .accomplishments-module:after {
        display: table;
        content: '';
    }

    .accomplishments-module:after {
        clear: both;
    }

@media all and (min-width: 95em) {
    .accomplishments-module {
        max-width: 78.75rem;
    }
}

.accomplishment-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

@media all and (min-width: 64.0625rem) {
    .accomplishment-items {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.accomplishment-item {
    background: #ededed;
    border-bottom: 3px solid #64556f;
    margin-top: 1.25rem;
}

@media all and (min-width: 64.0625rem) {
    .accomplishment-item {
        -ms-flex: 1;
        flex: 1;
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
}

.accomplishment-item-content {
    padding: 1.875rem 1rem;
}

.accomplishment-item-heading {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accomplishment-item-link {
    display: block;
    padding-top: 1rem;
    color: #64556f;
    font-weight: 300;
}

.DnnModule-ViewProfile,
.DnnModule-Journal,
.DnnModule-Console,
.DnnModule-DotNetNukeModulesMemberDirectory,
.DnnModule-DotNetNukeModulesCoreMessaging {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto;
    box-sizing: border-box;
}

    .DnnModule-ViewProfile .ModViewProfileC #UserProfileImg,
    .DnnModule-Journal .ModViewProfileC #UserProfileImg,
    .DnnModule-Console .ModViewProfileC #UserProfileImg,
    .DnnModule-DotNetNukeModulesMemberDirectory .ModViewProfileC #UserProfileImg,
    .DnnModule-DotNetNukeModulesCoreMessaging .ModViewProfileC #UserProfileImg,
    .DnnModule-ViewProfile .ModViewProfileC .UserProfileControls,
    .DnnModule-Journal .ModViewProfileC .UserProfileControls,
    .DnnModule-Console .ModViewProfileC .UserProfileControls,
    .DnnModule-DotNetNukeModulesMemberDirectory .ModViewProfileC .UserProfileControls,
    .DnnModule-DotNetNukeModulesCoreMessaging .ModViewProfileC .UserProfileControls {
        display: inline-block;
        vertical-align: bottom;
    }

@media (max-width: 1000px) {
    .DnnModule-ViewProfile,
    .DnnModule-Journal,
    .DnnModule-Console,
    .DnnModule-DotNetNukeModulesMemberDirectory,
    .DnnModule-DotNetNukeModulesCoreMessaging {
        padding: 0 20px;
    }
}

#dnn_ctr5366_ConfirmStatus_btnContinue,
#dnn_ctr5366_Cart_ibContinueShopping_lbDNNButton,
#dnn_ctr5366_Cart_btnClearCart_lbDNNButton,
#dnn_ctr5366_Cart_btnBack_lbDNNButton,
#dnn_ctr5366_Cart_btnUpdate_lbDNNButton {
    display: none;
}

.site-alert-module {
    color: #fff;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

    .site-alert-module.is-info {
        background-color: #015dab;
    }

    .site-alert-module.is-warning {
        background-color: #fdb913;
    }

    .site-alert-module.is-danger {
        background-color: #e82c2e;
    }

    .site-alert-module .site-alert {
        padding-left: 1rem;
        padding-right: 1rem;
        position: relative;
    }

    .site-alert-module .site-alert-content {
        position: relative;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

        .site-alert-module .site-alert-content p {
            font-size: 0.75rem;
        }

            .site-alert-module .site-alert-content p:last-of-type {
                margin: 0;
            }

        .site-alert-module .site-alert-content a {
            color: inherit;
            font-weight: 500;
        }

.site-alert-heading {
    font-weight: 700;
}

.site-alert-icon,
.site-alert-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.site-alert-icon {
    left: 0.5rem;
    font-size: 1.375rem;
    line-height: 1;
}

.site-alert-close {
    right: 0;
    cursor: pointer;
}

.big-tile-module {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 95em;
}

@media all and (max-width: 47.9375em) {
    .big-tile-module {
        max-width: 42.5em;
    }
}

@media all and (min-width: 64.0625rem) {
    .big-tile-module {
        padding: 3rem 0;
    }
}

@media all and (min-width: 1920px) {
    .big-tile-module {
        max-width: 108.125rem;
    }
}

.big-gallery-item {
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
}

    .big-gallery-item iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .big-gallery-item::before {
        content: '';
        display: block;
        height: 0;
        padding-bottom: 100%;
    }

@media all and (min-width: 64.0625rem) {
    .big-gallery-item {
        max-width: 100%;
    }
}

@media all and (max-width: 64.0625rem) {
    .big-gallery-item {
        max-width: 33rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.big-type-module {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
}

    .big-type-module .Container {
        position: relative;
    }

@media all and (min-width: 64.0625rem) {
    .big-type-module .full-height-line {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        margin-left: -1px;
        background-color: #ededed;
    }
}

.big-type-heading {
    color: #333743;
    font-weight: 400;
    font-size: 3.125rem;
    letter-spacing: 0.75rem;
    text-transform: uppercase;
}

@media all and (min-width: 64.0625rem) {
    .big-type-heading {
        font-size: 5rem;
        letter-spacing: 0.75rem;
        line-height: 1.1;
    }
}

@media all and (min-width: 1500px) {
    .big-type-heading {
        font-size: 9.375rem;
        letter-spacing: 2rem;
        line-height: 1.25;
    }
}

.big-type-sub-heading {
    color: #9297a3;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4;
}

@media all and (min-width: 64.0625rem) {
    .big-type-sub-heading {
        font-size: 1.5rem;
    }
}

@media all and (min-width: 1500px) {
    .big-type-sub-heading {
        font-size: 2rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .big-type-item.grid-item {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.big-type-module-hero {
    position: relative;
    height: 300px;
}

@media all and (min-width: 64.0625rem) {
    .big-type-module-hero {
        height: 620px;
    }
}

.big-type-module-hero:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, transparent, #fff);
}

.short-border-bottom,
.short-border-top {
    position: relative;
}

.short-border-bottom {
    padding-bottom: 0.75em;
}

    .short-border-bottom:after {
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        width: 50px;
        height: 3px;
        background-color: #3a3f4c;
    }

.short-border-top {
    padding-top: 0.5em;
}

    .short-border-top:before {
        top: 0;
        content: '';
        left: 0;
        position: absolute;
        width: 50px;
        height: 3px;
        background-color: #3a3f4c;
    }

.Blog-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media all and (min-width: 600px) {
    .Blog-container {
        width: 540px;
    }
}

@media all and (min-width: 760px) {
    .Blog-container {
        width: 720px;
    }
}

@media all and (min-width: 1060px) {
    .Blog-container {
        width: 1020px;
    }
}

.blog-carousel-module {
    padding-top: 1.5rem;
}

.blog-carousel-heading {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
}

    .blog-carousel-heading h1 {
        margin-bottom: 0;
    }

@media all and (min-width: 1025px) {
    .blog-carousel-heading {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media all and (min-width: 64.0625rem) {
    .blog-carousel-heading {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media all and (min-width: 1600px) {
    .blog-carousel-heading {
        padding-left: 15%;
        padding-right: 15%;
    }
}

.Blog-item {
    background: #ededed;
    border-bottom: 1px solid #64556f;
}

@media all and (min-width: 64.0625rem) {
    .Blog-carousel-slide {
        margin-left: 30px;
        margin-right: 30px;
    }
}

.Blog-carousel-container {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s ease;
}

    .Blog-carousel-container.slick-slider {
        visibility: visible;
        opacity: 1;
    }

        .Blog-carousel-container.slick-slider .slick-slide {
            opacity: 0.2;
        }

        .Blog-carousel-container.slick-slider .slick-center {
            opacity: 1;
        }

@media all and (min-width: 47.9375em) {
    .Blog-carousel-container .ocsa-carousel-images,
    .Blog-carousel-container .ocsa-carousel-descriptions-container {
        min-height: 615px;
    }
}

@media all and (min-width: 64.0625rem) {
    .Blog-list,
    .jplist-panel-blog,
    .author-image-container {
        padding-right: 3.125rem;
    }
}

.Blog-posts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

@media all and (min-width: 64.0625rem) {
    .Blog-posts {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media all and (min-width: 760px) {
    .Blog-posts .Blog-entry-posts {
        display: -ms-flexbox;
        display: flex;
    }
}

@media all and (min-width: 64.0625rem) {
    .Blog-posts .Blog-entry-posts {
        width: 660px;
    }
}

.Blog-posts .Blog-entry-posts .Blog-post-box {
    width: 100%;
}

@media all and (min-width: 760px) {
    .Blog-posts .Blog-entry-posts .Blog-post-box {
        max-width: 50%;
    }
}

@media all and (min-width: 64.0625rem) {
    .Blog-posts .Blog-contact-box {
        width: 300px;
    }
}

.Blog-posts .Blog-post-box {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    margin-right: 1rem;
}

.Blog-banner-container {
    position: relative;
    margin-bottom: 2.5rem;
    height: 250px;
}

@media all and (min-width: 400px) {
    .Blog-banner-container {
        height: 320px;
    }
}

@media all and (min-width: 47.9375em) {
    .Blog-banner-container {
        height: 420px;
    }
}

@media all and (min-width: 64.0625rem) {
    .Blog-banner-container {
        height: 500px;
    }
}

.Blog-banner {
    position: relative;
    width: 100%;
    height: 100%;
}

.Blog-post-heading {
    margin-bottom: 1rem;
}

    .Blog-post-heading h1 {
        margin-bottom: 0;
    }

.Blog-post-date {
    font-size: 0.75rem;
    font-weight: bold;
}

.Blog-post-heading-fancy {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 3px;
    word-wrap: break-word;
    word-break: break-word;
}

.Blog-post-subheading-fancy {
    color: #777;
    font-size: 1.125rem;
    font-weight: 400;
}

.Blog-post-footer {
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

    .Blog-post-footer h3 {
        margin: 0;
    }

@media all and (max-width: 47.9375em) {
    .Blog-post-footer {
        text-align: center;
    }
}

@media all and (max-width: 600px) {
    .Blog-post-footer {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media all and (max-width: 400px) {
    .Blog-post-footer {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media all and (min-width: 47.9375em) {
    .Blog-post-footer .grid .grid-item:first-of-type {
        margin-right: 2rem;
    }
}

.Blog-post-author-info {
    border-top: 1px solid #ededed;
}

.Blog-post-author-contact p {
    margin-bottom: 0;
}

.Blog-list-item {
    border-bottom: 1px solid #f3f0eb;
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
}

.Blog-post-box {
    border-bottom: 3px solid #64556f;
    padding: 0.5rem 1rem;
    margin-bottom: 1.25rem;
}

@media all and (min-width: 64.0625rem) {
    .Blog-post-box {
        margin-bottom: 0;
    }
}

.Blog-post-box-grey {
    background-color: #ededed;
}

.Blog-post-box-color {
    background-color: #f3f0eb;
}

.Blog-post-box.Blog-post-contact-box {
    height: 250px;
    margin: 0;
}

.Blog-post-box .jplist-panel-blog .dropdown-menu .checkbox label {
    width: 100%;
    padding-left: 14px;
}

    .Blog-post-box .jplist-panel-blog .dropdown-menu .checkbox label input {
        vertical-align: middle;
    }

.dnnMemberDirectory {
    max-width: 1070px;
    margin: 0 auto;
    font-family: 'PT Sans Narrow', sans-serif;
}

    .dnnMemberDirectory * {
        font-family: 'PT Sans Narrow', sans-serif;
    }

    .dnnMemberDirectory .mdSearchBar input[type="text"]#mdBasicSearch {
        width: 60%;
        padding-left: 10px;
        height: 40px;
    }

    .dnnMemberDirectory .mdSearchBar .dnnPrimaryAction {
        border-radius: 0;
        background: #64556f;
        text-transform: uppercase;
        border: 0;
        width: 15%;
    }

    .dnnMemberDirectory .mdSearch .selectDrop {
        float: left;
        padding-top: 5px;
        margin-left: 40px;
    }

        .dnnMemberDirectory .mdSearch .selectDrop #mdAdvancedSearch {
            display: inline;
            color: #9b9b9b;
            background: none;
            text-decoration: underline;
        }

            .dnnMemberDirectory .mdSearch .selectDrop #mdAdvancedSearch:hover {
                color: #606060;
            }

            .dnnMemberDirectory .mdSearch .selectDrop #mdAdvancedSearch:after {
                display: none;
            }

    .dnnMemberDirectory .mdSearch .mdAdvancedSearchForm {
        top: 50px;
    }

        .dnnMemberDirectory .mdSearch .mdAdvancedSearchForm .dnnPrimaryAction {
            border-radius: 0;
            background: #64556f;
            text-transform: uppercase;
            border: 0;
            width: 170px;
            margin: 0 auto;
            display: block;
        }

.DnnModule ul#mdMemberList {
    width: 100%;
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.DnnModule-DotNetNukeModulesMemberDirectory {
    width: 100%;
}

    .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li,
    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li {
        height: auto;
        padding: 0;
        margin: 0 0 30px 1.33%;
        border-radius: 0;
        max-width: 24%;
        -webkit-flex: 1 1 24%;
        width: 100%;
        box-shadow: none;
    }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:hover,
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:hover {
            background: #fff;
        }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:nth-child(4n+1),
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:nth-child(4n+1) {
            margin-left: 0;
        }

    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails .mdMemberImg {
        margin: 0;
        float: none;
        padding: 0;
        border: 0;
    }

        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails .mdMemberImg span {
            max-height: none;
            width: 100%;
        }

        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails .mdMemberImg img {
            width: 100%;
        }

    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails .MdMemberInfo {
        padding: 0 15px 15px;
    }

    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails .mdDisplayName {
        font-size: 1.3rem;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails li:not(.mdDisplayName) p {
        color: #63556e;
        text-align: right;
        font-size: 0.7rem;
        text-transform: uppercase;
        font-weight: bold;
    }

        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails li:not(.mdDisplayName) p label {
            letter-spacing: 1px;
            color: #63556e;
        }

        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails li:not(.mdDisplayName) p span {
            display: inline-block;
            font-weight: normal;
            text-transform: none;
            box-sizing: border-box;
            font-size: 1rem;
            padding-left: 7px;
            color: #606060;
            text-align: left;
            width: 72%;
            vertical-align: top;
            overflow: hidden;
            font-family: 'Roboto', sans-serif;
        }

            .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails li:not(.mdDisplayName) p span a {
                font-family: 'Roboto', sans-serif;
            }

            .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberDetails li:not(.mdDisplayName) p span .ellipsis-truncate {
                overflow: hidden;
                max-width: 100%;
                width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: inline-block;
                line-height: normal;
            }

@media (max-width: 1070px) {
    .dnnMemberDirectory {
        padding: 0 30px;
    }
}

@media (max-width: 1015px) {
    .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li,
    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li {
        max-width: 32%;
        margin: 0 0 20px 2%;
        -webkit-flex: 1 1 32%;
    }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:nth-child(4n+1),
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:nth-child(4n+1) {
            margin-left: 2%;
        }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:nth-child(3n+1),
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media (max-width: 785px) {
    .dnnMemberDirectory .mdSearch .mdSearchBar input[type="text"]#mdBasicSearch {
        width: 100%;
        margin-bottom: 15px;
    }

    .dnnMemberDirectory .mdSearch .mdSearchBar .dnnPrimaryAction {
        margin-left: 0;
        width: 35%;
    }

    .dnnMemberDirectory .mdSearch .selectDrop {
        float: right;
        margin-left: 0;
    }
}

@media (max-width: 780px) {
    .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li,
    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li {
        max-width: 49%;
        -webkit-flex: 1 1 49%;
    }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:nth-child(3n+1),
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:nth-child(3n+1) {
            margin-left: 2%;
        }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:nth-child(2n+1),
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media (max-width: 540px) {
    .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li,
    .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li {
        max-width: 100%;
        -webkit-flex: 1 1 100%;
        margin: 0 0 20px 0;
    }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:nth-child(4n+1),
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:nth-child(4n+1) {
            margin-left: 0;
        }

        .DnnModule-DotNetNukeModulesMemberDirectory #mdMemberList > li:nth-child(3n+1),
        .DnnModule-DotNetNukeModulesMemberDirectory .mdMemberList > li:nth-child(3n+1) {
            margin-left: 0;
        }

    .DnnModule-DotNetNukeModulesMemberDirectory .dnnMemberDirectory .mdSearchBar .dnnPrimaryAction {
        margin-left: 0;
        width: 50%;
    }
}

.expandable-text-module {
    padding-left: 2rem;
    padding-right: 2rem;
}

@media all and (max-width: 64.0625rem) {
    .expandable-text-module {
        max-width: 37rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.expandable-text-module .expandable-text-item {
    padding-top: 1rem;
}

    .expandable-text-module .expandable-text-item:last-of-type {
        padding-bottom: 1rem;
    }

@media all and (min-width: 64.0625rem) {
    .expandable-text-module .expandable-text-item {
        padding-top: 2rem;
    }

        .expandable-text-module .expandable-text-item:last-of-type {
            padding-bottom: 2rem;
        }
}

.faq-box {
    background-color: #f6f6f6;
    padding: 1rem;
    margin-bottom: 1rem;
}

@media all and (min-width: 47.9375em) {
    .faq-box {
        padding: 2rem 3rem 1rem;
    }
}

@media all and (max-width: 64.0625rem) {
    .faq-box {
        max-width: 37rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (min-width: 64.0625rem) {
    .faq-box:not(:last-child) {
        margin-bottom: 1rem;
    }
}

@media all and (max-width: 64.0625rem) {
    .faq-module .grid-item:first-of-type {
        padding-bottom: 0;
    }

    .faq-module .grid-item:last-of-type {
        padding-top: 0;
    }
}

.faq-title-box {
    background-color: #64556f;
    padding: 1.5rem 0;
}

@media all and (min-width: 64.0625rem) {
    .faq-title-box {
        padding: 3rem 0;
    }
}

.faq-title-box h1 {
    color: #f1f1f1;
    margin: 0;
}

@media all and (min-width: 64.0625rem) {
    .faq-module .grid-item:first-child {
        padding-right: 1rem;
    }
}

.member-list-container {
    background-color: #f3f0eb;
    border-top: 10px solid #f3f0eb;
    padding: 1rem 2rem;
}

@media all and (min-width: 64.0625rem) {
    .member-list-container {
        padding: 2rem 4rem;
    }
}

@media all and (min-width: 760px) {
    .member-list {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 2rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .member-list {
        padding-left: 4rem;
    }
}

.member-list ul {
    list-style: circle;
    margin-left: 2rem;
}

.member-list li {
    text-transform: capitalize;
}

.member-list .member-title {
    color: #64556f;
    display: block;
    font-size: 0.55rem;
    font-weight: bold;
    margin-top: -0.5rem;
    position: relative;
    text-transform: uppercase;
}

@media all and (min-width: 760px) {
    .member-list:first-of-type {
        border-right: 1px solid #fff;
    }
}

@media all and (min-width: 47.9375em) {
    .heading-filler {
        padding-top: 50px;
    }
}

@media all and (min-width: 64.0625rem) {
    .heading-filler {
        padding-top: 68px;
    }
}

.ocsa-carousel-module {
    position: relative;
}

@media all and (max-width: 64.0625rem) {
    .ocsa-carousel-module {
        margin-bottom: 60px;
    }
}

.ocsa-carousel-container {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s ease;
}

    .ocsa-carousel-container.slick-slider {
        visibility: visible;
        opacity: 1;
    }

@media all and (min-width: 47.9375em) {
    .ocsa-carousel-container .ocsa-carousel-images,
    .ocsa-carousel-container .ocsa-carousel-descriptions-container {
        min-height: 615px;
    }
}

.ocsa-carousel-module:before,
.ocsa-carousel-module:after,
.ocsa-carousel-controls:before,
.ocsa-carousel-controls:after {
    display: table;
    content: ' ';
}

.ocsa-carousel-module:after,
.ocsa-carousel-controls:after {
    clear: both;
}

.ocsa-carousel-images,
.ocsa-carousel-descriptions-container {
    position: relative;
}

.ocsa-carousel-images,
.ocsa-carousel-descriptions-container {
    position: relative;
    overflow: hidden;
}

@media all and (min-width: 47.9375em) {
    .ocsa-carousel-images,
    .ocsa-carousel-descriptions-container {
        float: left;
        width: 50%;
    }
}

.ocsa-carousel-images:before {
    content: '';
    display: block;
    height: 0;
    padding-bottom: 100%;
}

.ocsa-carousel-images .ocsa-carousel-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .ocsa-carousel-images .ocsa-carousel-image.is-blog-feed {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

.ocsa-carousel-description {
    padding: 2rem;
}

@media all and (min-width: 47.9375em) {
    .ocsa-carousel-description {
        padding: 1rem;
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.ocsa-carousel-controls-prev,
.ocsa-carousel-controls-next {
    position: absolute;
    bottom: -60px;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    z-index: 100;
}

@media all and (min-width: 1270px) {
    .ocsa-carousel-controls-prev,
    .ocsa-carousel-controls-next {
        width: 25%;
        bottom: 0;
    }
}

.ocsa-carousel-controls-next {
    background-color: #64556f;
    color: #f1f1f1;
    right: 0;
}

    .ocsa-carousel-controls-next::after {
        content: '\2771';
        position: absolute;
        right: 10px;
        color: #373737;
    }

.ocsa-carousel-controls-prev {
    background-color: #f3f0eb;
    right: 50%;
}

@media all and (min-width: 1270px) {
    .ocsa-carousel-controls-prev {
        right: 25%;
    }
}

.ocsa-carousel-controls-prev::before {
    content: '\2770';
    position: absolute;
    left: 10px;
}

@media all and (min-width: 47.9375em) {
    .ocsa-carousel-descriptions {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ocsa-carousel-descriptions-container:before {
        content: '';
        display: block;
        height: 0;
        padding-bottom: 100%;
    }
}

.dnnProfile #Administrative,
.dnnProfile #Basic,
.dnnProfile #Personal {
    display: none;
}

    .dnnProfile #Administrative + fieldset,
    .dnnProfile #Basic + fieldset,
    .dnnProfile #Personal + fieldset {
        display: none !important;
    }

#dnnEditUser li[aria-controls="dnnUserSubscriptions"],
#dnnEditUser li[aria-controls="dnn_ctr_EditUser_dnnServicesDetails"] {
    display: none;
}

#dnn_ctr_EditUser_VanityUrlRow {
    display: none;
}

#dnn_ctr_EditUser_userForm_email {
    display: none;
}

.quote-module {
    background-color: #64556f;
    color: #f1f1f1;
    padding: 2rem;
}

@media all and (min-width: 64.0625rem) {
    .quote-module {
        height: 31.25rem;
    }

        .quote-module .Container-large {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
}

@media all and (min-width: 100rem) {
    .quote-module {
        height: 43.75rem;
    }
}

blockquote .quote-attribution {
    font-size: 0.875rem;
    color: inherit;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.20625rem;
    padding-top: 1rem;
}

@media all and (min-width: 64.0625rem) {
    blockquote .quote-attribution {
        font-size: 0.9375rem;
        letter-spacing: 0.3125rem;
        padding-top: 2rem;
    }
}

blockquote .quote-attribution .quote-attribution-title {
    font-size: 0.625rem;
    letter-spacing: 0.125rem;
    margin: 0;
    text-transform: uppercase;
}

@media all and (min-width: 64.0625rem) {
    blockquote .quote-attribution .quote-attribution-title {
        font-size: 0.75rem;
    }
}

.quote-module {
    position: relative;
}

@media all and (min-width: 64.0625rem) {
    .quote-module .quote-bg-container {
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        min-height: 100%;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0.15;
    }
}

.quote-module ul {
    list-style: none;
    margin: 0 auto;
    max-width: 440px;
}

@media all and (min-width: 64.0625rem) {
    .quote-module ul {
        padding: 1.5em 0.5em;
        max-width: 100%;
    }
}

@media all and (max-width: 768px) {
    .quote-list {
        padding-top: 2rem;
    }
}

@media all and (max-width: 768px) {
    .quotes {
        padding: 0;
    }
}

.quotes li {
    cursor: pointer;
}

.quotes img {
    position: relative;
    border-radius: 50%;
    opacity: 0.5;
    width: 48px;
    height: 48px;
    transition: all 0.4s ease;
}

@media all and (min-width: 47.9375em) {
    .quotes img {
        width: 80px;
        height: 80px;
    }
}

@media all and (min-width: 64.0625rem) {
    .quotes img {
        width: 128px;
        height: 128px;
    }
}

.quotes li.is-active > img {
    transform: scale(1.3);
    box-shadow: 0 10px 50px rgba(0,0,0,0.5);
    opacity: 1;
}

.quote-list li {
    display: none;
}

    .quote-list li.is-active {
        display: block;
    }

@media all and (min-width: 64.0625rem) {
    .small-content-module {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }
}

@media all and (min-width: 64.0625rem) {
    .small-content-module .content-row:not(:last-child) {
        margin-bottom: 8.75rem;
    }
}

@media all and (max-width: 500px) {
    .small-content-item {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media all and (max-width: 64.0625rem) {
    .small-content-item {
        max-width: 37rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.team-module {
    padding-left: 0;
    padding-right: 0;
}

@media all and (min-width: 64.0625rem) {
    .person-card {
        margin-bottom: 3.75rem;
    }
}

.person-card-info {
    position: relative;
    padding: 3.125rem 2.5rem;
    z-index: 1;
}

@media all and (max-width: 47.9375em) {
    .person-card-info {
        text-align: center;
    }
}

.person-card-info:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.person-card-info .person-card-heading,
.person-card-info p,
.person-card-info a {
    color: #f1f1f1;
    line-height: 1.25;
}

.person-card-info .person-card-details {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.8125rem;
    margin: 0;
}

@media all and (min-width: 64.0625rem) {
    .person-card-info .person-card-details {
        font-size: 1rem;
    }
}

.person-card-info .person-card-link {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

@media all and (min-width: 64.0625rem) {
    .person-card-info .person-card-link {
        font-size: 0.875rem;
    }
}

.person-card-description {
    background-color: #f6f6f6;
    padding: 1rem 2rem 0;
}

@media all and (min-width: 47.9375em) {
    .person-card-description {
        padding: 2rem 3rem 1rem;
    }
}

.person-card-heading {
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: 0.335rem;
    line-height: 2;
    margin-top: 0;
}

@media all and (min-width: 64.0625rem) {
    .person-card-heading {
        font-size: 2.8125rem;
        line-height: 1;
        letter-spacing: 0.3125rem;
    }
}

.person-card-info-row {
    width: 100%;
}

.person-card-image {
    width: 74px;
    height: 74px;
    margin-bottom: 1rem;
}

@media all and (min-width: 47.9375em) {
    .person-card-image {
        width: 128px;
        height: 128px;
        margin-bottom: 0;
    }
}

.person-card-info .grid-item {
    padding: 0;
}

.ocsa-theme-Purple .person-card .person-card-info:after {
    background-color: #64556f;
}

.ocsa-theme-Blue .person-card .person-card-info:after {
    background-color: #334250;
}

.ocsa-theme-Red .person-card .person-card-info:after {
    background-color: #7e4c4c;
}

.three-col-gallery {
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
}

    .three-col-gallery .gallery-item-square {
        position: relative;
        padding: 0;
    }

@media all and (min-width: 600px) and (max-width: 64.0625rem) {
    .three-col-gallery .gallery-item-square {
        max-width: 37rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.three-col-gallery .gallery-item-square::before {
    content: '';
    display: block;
    padding-bottom: 90%;
    height: 0;
}

.three-col-gallery .card {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.15rem;
    letter-spacing: 2px;
    line-height: 1.4;
    padding: 1.5rem;
}

@media all and (min-width: 47.9375em) {
    .three-col-gallery .card {
        position: absolute;
        right: 0;
        bottom: 2rem;
        width: 80%;
    }
}

.three-col-gallery .cover-link,
.big-tile-module .cover-link {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

.gallery-item-video {
    cursor: pointer;
    z-index: 1;
}

    .gallery-item-video::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: -1;
    }

    .gallery-item-video .play-button {
        color: #f1f1f1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.gallery-item-quote {
    background-color: #64556f;
    color: #f1f1f1;
}

    .gallery-item-quote .quote-box-title {
        position: absolute;
        top: 40px;
        right: 40px;
        font-size: 1em;
        letter-spacing: 1px;
    }

    .gallery-item-quote .quote-box-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 24.0625em;
        padding: 0 1rem;
    }

        .gallery-item-quote .quote-box-content .quote p {
            font-size: 1.125rem;
            line-height: 1.8;
        }

@media all and (min-width: 64.0625rem) {
    .gallery-item-quote .quote-box-content .quote p {
        font-size: 1.75rem;
        line-height: 1.4;
    }
}

.gallery-item-quote .quote-box-content .quote cite {
    font-family: 'PT Sans Narrow', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.625rem;
    font-style: normal;
    color: #f1f1f1 !important;
    letter-spacing: 0.20625rem;
    line-height: 1.6;
}

@media all and (min-width: 64.0625rem) {
    .gallery-item-quote .quote-box-content .quote cite {
        font-size: 0.9375rem;
        letter-spacing: 0.3125rem;
    }
}

.gallery-item-quote .quote-box-content .quote cite::before {
    display: none;
}

@media all and (min-width: 47.9375em) {
    .two-col-copy-group .grid-item:first-child {
        padding-right: 2rem;
    }
}

.two-col-bg {
    position: relative;
    z-index: 1;
}

    .two-col-bg:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        background: #f3f0eb;
        width: 100%;
        height: 110%;
        z-index: -1;
    }

@media all and (min-width: 64.0625rem) {
    .two-col-bg:after {
        height: 140%;
    }
}

.two-col-sm-img h1,
.two-col-sm-img h2 {
    margin-top: 0;
}

@media all and (max-width: 64.0625rem) {
    .two-col-sm-img {
        max-width: 37rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (min-width: 64.0625rem) {
    .two-col-sm-img .grid-item {
        padding: 0;
    }

        .two-col-sm-img .grid-item:last-child {
            padding-left: 2.5rem;
        }

    .two-col-sm-img .has-reverse-option .grid-item {
        padding: 0;
    }

        .two-col-sm-img .has-reverse-option .grid-item:first-child {
            padding-right: 2.5rem;
        }
}

.two-col-sm-img .two-col-sm-img {
    position: relative;
}

.two-col-sm-img-item {
    padding-top: 1rem;
}

    .two-col-sm-img-item:last-of-type {
        padding-bottom: 1rem;
    }

@media all and (min-width: 64.0625rem) {
    .two-col-sm-img-item {
        padding-top: 2rem;
    }

        .two-col-sm-img-item:last-of-type {
            padding-bottom: 2rem;
        }
}

.video-poster {
    position: relative;
    height: 320px;
    width: 100%;
    text-align: center;
    z-index: 1;
}

@media all and (min-width: 47.9375em) {
    .video-poster {
        height: 500px;
    }
}

@media all and (min-width: 1920px) {
    .video-poster.is-tall {
        height: 900px;
    }
}