/*
  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;
}
.site-banner-image.no-overlay:after {
  content:none;
  display:none;
}
.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;
}
.instagram_feed .ig-item {
  display: inline-block;
  max-width: 25%;
  width: 100%;
  transition: 0.1s;
}
@media (max-width: 768px) {
  .instagram_feed .ig-item {
    max-width: 50%;
  }
  .instagram_feed .ig-item figcaption {
    display: none !important;
  }
}
.instagram_feed .ig-item figure {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}
.instagram_feed .ig-item figure figcaption {
  opacity: 0;
  position: absolute;
  background: #fff;
  transition: 0.25s;
  font-size: 0.8em;
  line-height: 1.1;
  bottom: 0;
  padding: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: 1px solid #f8f8f8;
}
.instagram_feed:hover .ig-item:hover figcaption {
  opacity: 1;
}
.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;
}
#Assets-panel .assets-body .header-container .three-columns {
  width: 100%;
  max-width: 33% !important;
}
.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: 100%;
  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;
  }
}