h1, .h1, .scad-story-desktop #about-scad h2 {
  font-size: 47px;
  line-height: 52px;
}

.scad-story-mobile h2,
.scad-story-mobile .h2 {
  font-size: 40px;
  line-height: 45px;
}

h2, .h2 {
  font-size: 36px;
  line-height: 42px;
}

.scad-story-mobile #the-team h3 {
  font-size: 32px;
  line-height: 40px;
}

#home .canvas-scene {
  font-size: 30px;
  line-height: 40px;
}

h3, .h3 {
  font-size: 26px;
  line-height: 32px;
}

#tickets h3 {
  font-size: 22px;
  line-height: 40px;
}

#home #view-5 {
  font-size: 17px;
  line-height: 22px;
}

h4, .h4 {
  font-size: 15px;
  line-height: 22px;
}

html,
body, #share p {
  font-size: 14px;
  line-height: 22px;
}

.btn, #teamModalLong #tm-degrees,
#teamModalLong #tm-address, #teamModalLong #tm-degrees div,
#teamModalLong #tm-address div, #home .canvas-actions-container .canvas-action-btn {
  font-size: 12px;
  line-height: 17px;
}

#tickets .timespan {
  font-size: 11px;
  line-height: 18px;
}

h1, .h1, h2, .h2, h3, .h3, #home .canvas-scene.serif {
  font-style: italic;
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  margin-bottom: 15px;
}

.btn, #teamModalLong #tm-degrees,
#teamModalLong #tm-address, #teamModalLong #tm-degrees div,
#teamModalLong #tm-address div, #tickets .timespan span {
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.button-span, .scad-story header .toggle-nav, .scad-story #scad-story-nav > li button, #home #homeCanvas, #home .canvas-actions-container .canvas-action-btn, #the-team .team-member {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  background-color: transparent;
  border: 0;
}

#the-team .team-member {
  /*outline: none;*/
}

.scad-story #scad-story-nav > li .nav-icon, #about .about-bg, #home #gl, #about-scad #browse-programs:before,
#about-scad #start-application:before,
#about-scad #request-information:before {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/** State */
/*******************************
 *  Device Breakpoint Styles
 *******************************/
.device-xs,
.device-sm,
.device-md,
.device-lg,
.device-xl {
  display: none;
}

/* Extra Small devices (extra small desktops, 0xp and 575px) */
@media screen and (max-width: 575px) {
  .device-xs {
    display: block !important;
  }
}
/* Small devices (small desktops, 576px and 767px) */
@media screen and (min-width: 576px) and (max-width: 767px) {
  .device-sm {
    display: block !important;
  }
}
/* Medium devices (medium desktops, 768px and 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .device-md {
    display: block !important;
  }
}
/* Large devices (large desktops, 992px and 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .device-lg {
    display: block !important;
  }
}
/* Extra Large devices (extra large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
  .device-xl {
    display: block !important;
  }
}
.section .scene-transition {
  transition: all 0.5s;
}
.section .scene-transition--move-in {
  transform: translate(0px, 50px);
}
.section .scene-transition--move-in-reverse {
  transform: translate(0px, -50px);
}
.section .scene-transition--fade-in {
  opacity: 0;
}
.section.active.fp-completely .scene-transition {
  transition: all 1s;
}
.section.active.fp-completely .scene-transition--move-in, .section.active.fp-completely .scene-transition--move-in-reverse {
  transform: translate(0px, 0px);
}
.section.active.fp-completely .scene-transition--fade-in {
  opacity: 1;
}
.section.active.fp-completely .scene-transition--delay-1 {
  transition-delay: 0.5s;
}
.section.active.fp-completely .scene-transition--delay-2 {
  transition-delay: 1s;
}
.section.active.fp-completely .scene-transition--delay-3 {
  transition-delay: 1.5s;
}
.section.active.fp-completely .scene-transition--delay-4 {
  transition-delay: 2s;
}
.section.active.fp-completely .scene-transition--delay-5 {
  transition-delay: 2.5s;
}
.section.active.fp-completely .scene-transition--delay-6 {
  transition-delay: 3s;
}
.section.active.fp-completely .scene-transition--delay-7 {
  transition-delay: 3.5s;
}
.scad-story-mobile .section.done-transistioning .scene-transition {
  transform: translate(0px, 0px);
  opacity: 1;
}
.scad-story-mobile .section .scene-transition {
  transition-delay: .5s;
}
.scad-story-mobile .section.active .scene-transition, .scad-story-mobile .section.active.fp-completely .scene-transition {
  transition: all .5s;
  transition-delay: 0s;
}

html,
body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-family: "Gotham SSm A", "Gotham SSm B", "Century Gothic", "Helvetica", "Arial", "San-serif";
  color: #333;
  background-color: #f9f9fa;
}

body:not(.accesibility) a,
body:not(.accesibility) button {
  outline: none !important;
}

button:focus {
  outline: 1px dashed #000;
}

button#reserve-tickets-btn {
  margin-top: 15px;
  margin-bottom: 15px;
}

body div {
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin-bottom: 10px;
}

p:last-of-type {
  margin-bottom: 0;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 400;
}
h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child,
h4:first-child, .h4:first-child,
h5:first-child, .h5:first-child,
h6:first-child, .h6:first-child {
  margin-top: 0;
}
h1 + .btn, .h1 + .btn,
h2 + .btn, .h2 + .btn,
h3 + .btn, .h3 + .btn,
h4 + .btn, .h4 + .btn,
h5 + .btn, .h5 + .btn,
h6 + .btn, .h6 + .btn {
  margin-top: 15px;
}

h1, .h1 {
  font-weight: 600;
  font-style: normal;
}

h2, .h2 {
  font-weight: 600;
  font-style: normal;
  margin-bottom: 16px;
}

.scad-story-mobile h2,
.scad-story-mobile .h2 {
  margin-top: 15px !important;
}

h3, .h3 {
  font-weight: 600;
  font-style: normal;
  margin-bottom: 5px;
}

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

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

b, strong {
  font-weight: bold;
}

a {
  font-weight: 600;
  color: #836ca2;
}

.button-span {
  color: #836ca2;
  font-weight: bold;
  font-family: "Gotham SSm A", "Gotham SSm B", "Century Gothic", "Helvetica", "Arial", "San-serif";
  text-decoration: underline;
}

.hidden {
  opacity: 0;
}

.serif {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  letter-spacing: 1px;
}

.btn {
  letter-spacing: 1px;
  border-width: 2px;
  font-weight: 800;
  padding: 0.5rem 1rem;
}
p + .btn {
  margin-top: 5px;
}
.btn.disabled, .btn:disabled {
  color: #666666;
  background-color: #e7e7e7;
  cursor: default;
}

.list-disc {
  list-style: disc;
  padding-left: 15px;
}
.list-disc li {
  margin-bottom: 10px;
}

.circle-img {
  display: inline-block;
  line-height: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #fff;
}
.circle-img-hover {
  overflow: hidden;
}
.circle-img-hover > * {
  transition: all .35s;
  opacity: 1;
  border-radius: 50%;
}
.circle-img-hover:hover > *, button:hover .circle-img-hover > *, button:focus .circle-img-hover > * {
  opacity: .65;
}

#iframe_wrapper {
  height: 100%;
}
#iframe_wrapper iframe {
  height: 100%;
}

/* Small devices (small desktops, 767px) */
@media screen and (min-width: 767px) {
  .full-height {
    height: 100%;
  }
}
.vertical-center-col {
  display: flex;
  align-items: center;
}

/* Small devices (small desktops, 767px) */
@media screen and (min-width: 767px) {
  .width-restict-4 {
    max-width: 400px;
  }

  .width-restict-6 {
    max-width: 600px;
  }

  .width-restict-8 {
    max-width: 800px;
  }

  .width-restict-12 {
    max-width: 1200px;
  }
}
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

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

.justify-alignment {
  text-align: justify;
}

.split-end-alignment {
  justify-content: space-between;
}

.center-alignment {
  justify-content: center;
}

.left-alignment {
  text-align: left;
  justify-content: flex-start;
}

.right-alignment {
  text-align: right;
  justify-content: flex-end;
}

.items-alignment-center {
  align-items: center;
}

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

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

.inline-children > * {
  display: inline;
}

.padding-block {
  padding: 30px 15px;
  margin-left: -15px;
  margin-right: -15px;
}
.padding-block.width-restict-4 {
  max-width: initial;
}
.padding-block.width-restict-6 {
  max-width: initial;
}
.padding-block.width-restict-8 {
  max-width: initial;
}
.padding-block.width-restict-12 {
  max-width: initial;
}

.padding-block-mini {
  padding: 15px;
  margin-left: -15px;
  margin-right: -15px;
}
.padding-block-mini.width-restict-4 {
  max-width: initial;
}
.padding-block-mini.width-restict-6 {
  max-width: initial;
}
.padding-block-mini.width-restict-8 {
  max-width: initial;
}
.padding-block-mini.width-restict-12 {
  max-width: initial;
}

.display-inline {
  display: inline;
}

.display-inline-block {
  display: inline-block;
}

.display-block {
  display: block;
}

.display-flex {
  display: flex;
}

.nopadding {
  padding: 0 !important;
}

.nopadding-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.nopadding-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

.nomargin-vertical {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.nomargin-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-vertical-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.padding-vertical-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.padding-vertical-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.padding-vertical-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.padding-vertical-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.padding-vertical-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.padding-horizontal-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-horizontal-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padding-horizontal-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.padding-horizontal-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.padding-horizontal-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.padding-horizontal-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.padding-horizontal-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.margin-vertical-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.margin-vertical-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.margin-vertical-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.margin-vertical-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.margin-horizontal-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.margin-horizontal-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.margin-horizontal-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.margin-horizontal-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.margin-horizontal-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.margin-horizontal-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.margin-horizontal-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

@media (max-width: 575px) {
  .center-xs {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .justify-alignment-xs {
    text-align: justify;
  }

  .split-end-alignment-xs {
    justify-content: space-between;
  }

  .center-alignment-xs {
    justify-content: center;
  }

  .left-alignment-xs {
    text-align: left;
    justify-content: flex-start;
  }

  .right-alignment-xs {
    text-align: right;
    justify-content: flex-end;
  }

  .items-alignment-center-xs {
    align-items: center;
  }

  .items-alignment-top-xs {
    align-items: flex-start;
  }

  .items-alignment-bottom-xs {
    align-items: flex-end;
  }

  .inline-children-xs > * {
    display: inline;
  }

  .padding-block {
    padding: 30px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block.width-restict-4 {
    max-width: initial;
  }
  .padding-block.width-restict-6 {
    max-width: initial;
  }
  .padding-block.width-restict-8 {
    max-width: initial;
  }
  .padding-block.width-restict-12 {
    max-width: initial;
  }

  .padding-block-mini {
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block-mini.width-restict-4 {
    max-width: initial;
  }
  .padding-block-mini.width-restict-6 {
    max-width: initial;
  }
  .padding-block-mini.width-restict-8 {
    max-width: initial;
  }
  .padding-block-mini.width-restict-12 {
    max-width: initial;
  }

  .display-inline-xs {
    display: inline;
  }

  .display-inline-block-xs {
    display: inline-block;
  }

  .display-block-xs {
    display: block;
  }

  .display-flex-xs {
    display: flex;
  }

  .nopadding-xs {
    padding: 0 !important;
  }

  .nopadding-vertical-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .nopadding-horizontal-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nomargin-xs {
    margin: 0 !important;
  }

  .nomargin-vertical-xs {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .nomargin-horizontal-xs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .padding-vertical-xs-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .padding-vertical-xs-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .padding-vertical-xs-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-vertical-xs-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .padding-vertical-xs-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .padding-vertical-xs-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .padding-vertical-xs-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .padding-horizontal-xs-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .padding-horizontal-xs-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .padding-horizontal-xs-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-horizontal-xs-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .padding-horizontal-xs-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .padding-horizontal-xs-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .padding-horizontal-xs-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .margin-vertical-xs-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .margin-vertical-xs-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .margin-vertical-xs-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .margin-vertical-xs-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .margin-vertical-xs-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .margin-vertical-xs-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .margin-vertical-xs-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .margin-horizontal-xs-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .margin-horizontal-xs-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .margin-horizontal-xs-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .margin-horizontal-xs-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .margin-horizontal-xs-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .margin-horizontal-xs-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .margin-horizontal-xs-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}
@media (min-width: 576px) {
  .center-sm {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .justify-alignment-sm {
    text-align: justify;
  }

  .split-end-alignment-sm {
    justify-content: space-between;
  }

  .center-alignment-sm {
    justify-content: center;
  }

  .left-alignment-sm {
    text-align: left;
    justify-content: flex-start;
  }

  .right-alignment-sm {
    text-align: right;
    justify-content: flex-end;
  }

  .items-alignment-center-sm {
    align-items: center;
  }

  .items-alignment-top-sm {
    align-items: flex-start;
  }

  .items-alignment-bottom-sm {
    align-items: flex-end;
  }

  .inline-children-sm > * {
    display: inline;
  }

  .padding-block {
    padding: 70px 60px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block.width-restict-4 {
    max-width: 520px;
    max-width: initial;
  }
  .padding-block.width-restict-6 {
    max-width: 720px;
    max-width: initial;
  }
  .padding-block.width-restict-8 {
    max-width: 920px;
    max-width: initial;
  }
  .padding-block.width-restict-12 {
    max-width: 1320px;
    max-width: initial;
  }

  .padding-block-mini {
    padding: 70px 40px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block-mini.width-restict-4 {
    max-width: 480px;
    max-width: initial;
  }
  .padding-block-mini.width-restict-6 {
    max-width: 680px;
    max-width: initial;
  }
  .padding-block-mini.width-restict-8 {
    max-width: 880px;
    max-width: initial;
  }
  .padding-block-mini.width-restict-12 {
    max-width: 1280px;
    max-width: initial;
  }

  .display-inline-sm {
    display: inline;
  }

  .display-inline-block-sm {
    display: inline-block;
  }

  .display-block-sm {
    display: block;
  }

  .display-flex-sm {
    display: flex;
  }

  .nopadding-sm {
    padding: 0 !important;
  }

  .nopadding-vertical-sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .nopadding-horizontal-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nomargin-sm {
    margin: 0 !important;
  }

  .nomargin-vertical-sm {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .nomargin-horizontal-sm {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .padding-vertical-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .padding-vertical-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .padding-vertical-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-vertical-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .padding-vertical-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .padding-vertical-sm-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .padding-vertical-sm-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .padding-horizontal-sm-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .padding-horizontal-sm-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .padding-horizontal-sm-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-horizontal-sm-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .padding-horizontal-sm-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .padding-horizontal-sm-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .padding-horizontal-sm-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .margin-vertical-sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .margin-vertical-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .margin-vertical-sm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .margin-vertical-sm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .margin-vertical-sm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .margin-vertical-sm-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .margin-vertical-sm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .margin-horizontal-sm-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .margin-horizontal-sm-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .margin-horizontal-sm-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .margin-horizontal-sm-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .margin-horizontal-sm-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .margin-horizontal-sm-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .margin-horizontal-sm-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}
@media (min-width: 768px) {
  .center-md {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .justify-alignment-md {
    text-align: justify;
  }

  .split-end-alignment-md {
    justify-content: space-between;
  }

  .center-alignment-md {
    justify-content: center;
  }

  .left-alignment-md {
    text-align: left;
    justify-content: flex-start;
  }

  .right-alignment-md {
    text-align: right;
    justify-content: flex-end;
  }

  .items-alignment-center-md {
    align-items: center;
  }

  .items-alignment-top-md {
    align-items: flex-start;
  }

  .items-alignment-bottom-md {
    align-items: flex-end;
  }

  .inline-children-md > * {
    display: inline;
  }

  .padding-block {
    padding: 70px 80px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block.width-restict-4 {
    max-width: 560px;
  }
  .padding-block.width-restict-6 {
    max-width: 760px;
  }
  .padding-block.width-restict-8 {
    max-width: 960px;
  }
  .padding-block.width-restict-12 {
    max-width: 1360px;
  }

  .padding-block-mini {
    padding: 70px 50px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block-mini.width-restict-4 {
    max-width: 500px;
  }
  .padding-block-mini.width-restict-6 {
    max-width: 700px;
  }
  .padding-block-mini.width-restict-8 {
    max-width: 900px;
  }
  .padding-block-mini.width-restict-12 {
    max-width: 1360px;
  }

  .display-inline-md {
    display: inline;
  }

  .display-inline-block-md {
    display: inline-block;
  }

  .display-block-md {
    display: block;
  }

  .display-flex-md {
    display: flex;
  }

  .nopadding-md {
    padding: 0 !important;
  }

  .nopadding-vertical-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .nopadding-horizontal-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nomargin-md {
    margin: 0 !important;
  }

  .nomargin-vertical-md {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .nomargin-horizontal-md {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .padding-vertical-md-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .padding-vertical-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .padding-vertical-md-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-vertical-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .padding-vertical-md-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .padding-vertical-md-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .padding-vertical-md-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .padding-horizontal-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .padding-horizontal-md-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .padding-horizontal-md-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-horizontal-md-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .padding-horizontal-md-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .padding-horizontal-md-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .padding-horizontal-md-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .margin-vertical-md-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .margin-vertical-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .margin-vertical-md-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .margin-vertical-md-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .margin-vertical-md-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .margin-vertical-md-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .margin-vertical-md-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .margin-horizontal-md-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .margin-horizontal-md-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .margin-horizontal-md-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .margin-horizontal-md-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .margin-horizontal-md-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .margin-horizontal-md-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .margin-horizontal-md-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}
@media (min-width: 992px) {
  .center-lg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .justify-alignment-lg {
    text-align: justify;
  }

  .split-end-alignment-lg {
    justify-content: space-between;
  }

  .center-alignment-lg {
    justify-content: center;
  }

  .left-alignment-lg {
    text-align: left;
    justify-content: flex-start;
  }

  .right-alignment-lg {
    text-align: right;
    justify-content: flex-end;
  }

  .items-alignment-center-lg {
    align-items: center;
  }

  .items-alignment-top-lg {
    align-items: flex-start;
  }

  .items-alignment-bottom-lg {
    align-items: flex-end;
  }

  .inline-children-lg > * {
    display: inline;
  }

  .padding-block {
    padding: 70px 100px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block.width-restict-4 {
    max-width: 600px;
  }
  .padding-block.width-restict-6 {
    max-width: 800px;
  }
  .padding-block.width-restict-8 {
    max-width: 1000px;
  }
  .padding-block.width-restict-12 {
    max-width: 1400px;
  }

  .padding-block-mini {
    padding: 70px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block-mini.width-restict-4 {
    max-width: 540px;
  }
  .padding-block-mini.width-restict-6 {
    max-width: 740px;
  }
  .padding-block-mini.width-restict-8 {
    max-width: 940px;
  }
  .padding-block-mini.width-restict-12 {
    max-width: 1340px;
  }

  .display-inline-lg {
    display: inline;
  }

  .display-inline-block-lg {
    display: inline-block;
  }

  .display-block-lg {
    display: block;
  }

  .display-flex-lg {
    display: flex;
  }

  .nopadding-lg {
    padding: 0 !important;
  }

  .nopadding-vertical-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .nopadding-horizontal-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nomargin-lg {
    margin: 0 !important;
  }

  .nomargin-vertical-lg {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .nomargin-horizontal-lg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .padding-vertical-lg-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .padding-vertical-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .padding-vertical-lg-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-vertical-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .padding-vertical-lg-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .padding-vertical-lg-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .padding-vertical-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .padding-horizontal-lg-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .padding-horizontal-lg-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .padding-horizontal-lg-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-horizontal-lg-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .padding-horizontal-lg-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .padding-horizontal-lg-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .padding-horizontal-lg-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .margin-vertical-lg-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .margin-vertical-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .margin-vertical-lg-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .margin-vertical-lg-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .margin-vertical-lg-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .margin-vertical-lg-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .margin-vertical-lg-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .margin-horizontal-lg-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .margin-horizontal-lg-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .margin-horizontal-lg-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .margin-horizontal-lg-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .margin-horizontal-lg-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .margin-horizontal-lg-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .margin-horizontal-lg-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}
@media (min-width: 1200px) {
  .center-xl {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .justify-alignment-xl {
    text-align: justify;
  }

  .split-end-alignment-xl {
    justify-content: space-between;
  }

  .center-alignment-xl {
    justify-content: center;
  }

  .left-alignment-xl {
    text-align: left;
    justify-content: flex-start;
  }

  .right-alignment-xl {
    text-align: right;
    justify-content: flex-end;
  }

  .items-alignment-center-xl {
    align-items: center;
  }

  .items-alignment-top-xl {
    align-items: flex-start;
  }

  .items-alignment-bottom-xl {
    align-items: flex-end;
  }

  .inline-children-xl > * {
    display: inline;
  }

  .padding-block {
    padding: 70px 120px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block.width-restict-4 {
    max-width: 640px;
  }
  .padding-block.width-restict-6 {
    max-width: 840px;
  }
  .padding-block.width-restict-8 {
    max-width: 1040px;
  }
  .padding-block.width-restict-12 {
    max-width: 1440px;
  }

  .padding-block-mini {
    padding: 70px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .padding-block-mini.width-restict-4 {
    max-width: 540px;
  }
  .padding-block-mini.width-restict-6 {
    max-width: 740px;
  }
  .padding-block-mini.width-restict-8 {
    max-width: 940px;
  }
  .padding-block-mini.width-restict-12 {
    max-width: 1340px;
  }

  .display-inline-xl {
    display: inline;
  }

  .display-inline-block-xl {
    display: inline-block;
  }

  .display-block-xl {
    display: block;
  }

  .display-flex-xl {
    display: flex;
  }

  .nopadding-xl {
    padding: 0 !important;
  }

  .nopadding-vertical-xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .nopadding-horizontal-xl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nomargin-xl {
    margin: 0 !important;
  }

  .nomargin-vertical-xl {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .nomargin-horizontal-xl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .padding-vertical-xl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .padding-vertical-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .padding-vertical-xl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .padding-vertical-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .padding-vertical-xl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .padding-vertical-xl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .padding-vertical-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .padding-horizontal-xl-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .padding-horizontal-xl-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .padding-horizontal-xl-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .padding-horizontal-xl-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .padding-horizontal-xl-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .padding-horizontal-xl-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .padding-horizontal-xl-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .margin-vertical-xl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .margin-vertical-xl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .margin-vertical-xl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .margin-vertical-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .margin-vertical-xl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .margin-vertical-xl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .margin-vertical-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .margin-horizontal-xl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .margin-horizontal-xl-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .margin-horizontal-xl-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .margin-horizontal-xl-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .margin-horizontal-xl-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .margin-horizontal-xl-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .margin-horizontal-xl-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}
.scad-story .container-fluid {
  display: none;
}
.scad-story .container-anyroad {
  margin: 0 auto;
  max-width: 1280px;
}
.scad-story .section {
  background: #fff;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
.scad-story.scad-story-mobile .container-fluid, .scad-story.scad-story-desktop .container-fluid {
  display: block;
}
.scad-story.scad-story-mobile .mobile-hidden {
  display: none;
}
.scad-story.scad-story-mobile .section.mobile-init-height {
  height: auto !important;
}
.scad-story.scad-story-mobile .section.mobile-init-height .fp-tableCell {
  height: auto !important;
}
.scad-story.scad-story-desktop .desktop-hidden {
  display: none;
}
.scad-story.scad-story-desktop .section {
  z-index: 1;
  position: fixed;
  top: 0;
  z-index: 1;
}
.scad-story.scad-story-desktop .section.full-section {
  overflow: auto;
}
.scad-story.scad-story-desktop .section.full-section .fp-scrollable {
  position: static;
  /*overflow: visible;*/
}
.scad-story.scad-story-desktop .section.full-section .fp-scroller {
  height: 100%;
  /*overflow: visible;*/
}
.scad-story.scad-story-desktop .section.active {
  z-index: 2;
}
.scad-story.scad-story-desktop .section.active.enter-from-up {
  z-index: 3;
  transform: translateY(-100%);
}
.scad-story.scad-story-desktop .section.active.enter-from-up.transitioning {
  transform: translateY(0%);
}
.scad-story.scad-story-desktop .section.fp-completely {
  z-index: 2;
}
.scad-story.scad-story-desktop .section.fp-completely.exit-from-down {
  z-index: 4;
  transform: translateY(0%);
}
.scad-story.scad-story-desktop .section.fp-completely.exit-from-down.transitioning {
  transform: translateY(-100%);
}
.scad-story.scad-story-desktop .section.transitioning {
  transition: all .75s;
}
.scad-story.modal-open {
  overflow: hidden !important;
}
@media (max-width: 767px) {
  .scad-story .section.full-section {
    overflow-y: hidden;
  }
}

/** General */
#alerts-wrapper {
  text-align: center;
  background: #fcf8e3;
  color: #333;
  padding: 15px 0px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#alerts-wrapper a {
  color: #333;
}

#alerts-wrapper .alert-item {
  padding: 0px 15px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  body.modal-open #alerts-wrapper {
    z-index: 1049;
  }
}
@media only screen and (max-width: 767px) {
  #alerts-wrapper {
    z-index: 2;
  }
}
.scad-story header {
  z-index: 1;
}
.scad-story header .toggle-nav {
  padding: 0;
  display: none;
}
.scad-story header #nav-wrapper {
  height: 100%;
  background-color: #463659;
}
.scad-story header .main-nav {
  height: 100vh;
  padding: 15px;
  background-color: #463659;
}
.scad-story header .main-nav .seperator {
  height: 20px;
  width: 2px;
  background: #342844;
  display: block;
  margin: 6px auto;
}
.scad-story header .nav-padding {
  padding-left: 15px;
  padding-right: 15px;
}
.scad-story #scad-story-nav > li {
  position: relative;
}
.scad-story #scad-story-nav > li > a,
.scad-story #scad-story-nav > li > button {
  display: flex;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
}
.scad-story #scad-story-nav > li .nav-icon {
  width: 36px;
  height: 36px;
}
.scad-story #scad-story-nav > li .label {
  padding-left: 10px;
  position: absolute;
  left: 40px;
  display: table;
}
.scad-story #scad-story-nav > li .home-icon {
  background-image: url("/img/nav/Poetter_home_off@2x.png");
}
.scad-story #scad-story-nav > li .team-icon {
  background-image: url("/img/nav/Team_off@2x.png");
}
.scad-story #scad-story-nav > li .share-icon {
  background-image: url("/img/nav/Share_off@2x.png");
}
.scad-story #scad-story-nav > li .visit-icon {
  background-image: url("/img/nav/Visit_off@2x.png");
}
.scad-story #scad-story-nav > li .about-icon {
  background-image: url("/img/nav/SCAD_off@2x.png");
}
.scad-story #scad-story-nav > li .ticket-icon {
  background-image: url("/img/nav/Tickets_off@2x.png");
}
.scad-story #scad-story-nav > li .overview-icon {
  background-image: url("/img/nav/About_off@2x.png");
}
.scad-story #scad-story-nav > li.active .home-icon, .scad-story #scad-story-nav > li:hover .home-icon {
  background-image: url("/img/nav/Poetter_home_on@2x.png");
}
.scad-story #scad-story-nav > li.active .team-icon, .scad-story #scad-story-nav > li:hover .team-icon {
  background-image: url("/img/nav/Team_on@2x.png");
}
.scad-story #scad-story-nav > li.active .share-icon, .scad-story #scad-story-nav > li:hover .share-icon {
  background-image: url("/img/nav/Share_on@2x.png");
}
.scad-story #scad-story-nav > li.active .visit-icon, .scad-story #scad-story-nav > li:hover .visit-icon {
  background-image: url("/img/nav/Visit_on@2x.png");
}
.scad-story #scad-story-nav > li.active .about-icon, .scad-story #scad-story-nav > li:hover .about-icon {
  background-image: url("/img/nav/SCAD_on@2x.png");
}
.scad-story #scad-story-nav > li.active .ticket-icon, .scad-story #scad-story-nav > li:hover .ticket-icon {
  background-image: url("/img/nav/Tickets_on@2x.png");
}
.scad-story #scad-story-nav > li.active .overview-icon, .scad-story #scad-story-nav > li:hover .overview-icon {
  background-image: url("/img/nav/About_on@2x.png");
}
.scad-story.scad-story-desktop header {
  max-width: 65px;
}
.scad-story.scad-story-desktop header #nav-wrapper {
  margin-left: -15px;
  margin-right: -15px;
}
.scad-story.scad-story-desktop header .main-nav {
  width: 100%;
  display: flex;
  align-items: center;
  transition: all .35s;
}
.scad-story.scad-story-desktop header .main-nav .label {
  opacity: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  transform: scale(0.5);
  transform-origin: left center;
  transition: all .35s;
}
.scad-story.scad-story-desktop header .main-nav:hover {
  width: 175px;
  box-shadow: 10px 0px 100px rgba(0, 0, 0, 0.6);
}
.scad-story.scad-story-desktop header .main-nav:hover .label {
  opacity: 1;
  transform: scale(1);
}
.scad-story.scad-story-desktop #scad-story-nav > li.fixed-top {
  position: fixed;
  top: 15px;
  left: 15px;
  max-width: 37px;
}
.scad-story.scad-story-desktop #scad-story-nav > li.top-bottom {
  position: absolute;
  top: 15px;
}
.scad-story.scad-story-desktop #scad-story-nav > li.top-bottom .seperator {
  display: none;
}
.scad-story.scad-story-desktop.fp-viewing-homePage {
  transition: all .35s;
}
.scad-story.scad-story-desktop.fp-viewing-homePage header {
  transition: all .35s;
  transform: translateX(-65px);
}
.scad-story.scad-story-desktop.fp-viewing-homePage.scene-over header {
  transform: translateX(0px);
}
.scad-story.scad-story-desktop.fp-viewing-homePage:not(.scene-over) .main-nav:hover {
  width: 65px;
}
.scad-story.scad-story-desktop.fp-viewing-homePage:not(.scene-over) .main-nav:hover .label {
  opacity: 0;
  transform: scale(0.5);
}
.scad-story.scad-story-mobile header {
  flex: auto;
}
.scad-story.scad-story-mobile header .nav-logo {
  max-width: 90%;
  margin: auto;
  display: block;
}
.scad-story.scad-story-mobile header .main-nav {
  display: none;
  padding: 15px 15px;
  text-align: right;
  text-align: -webkit-right;
}
.scad-story.scad-story-mobile header .main-nav .seperator {
  margin: 6px 17px;
}
.scad-story.scad-story-mobile header .main-nav .label {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 800;
}
.scad-story.scad-story-mobile header #scad-story-nav {
  margin: 0;
  text-align: left;
  text-align: -webkit-left;
}
.scad-story.scad-story-mobile header #scad-story-nav .mobile-hidden {
  display: none;
}
.scad-story.scad-story-mobile header .toggle-nav {
  display: block;
}
.scad-story.scad-story-mobile header .toggle-nav .nav-icon {
  width: 41px;
  height: 41px;
}
.scad-story.scad-story-mobile header #close-nav {
  display: none;
}
.scad-story.scad-story-mobile header #open-nav {
  position: fixed;
  z-index: 1;
  top: 15px;
  left: 15px;
}
.scad-story.scad-story-mobile header #nav-wrapper {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translateX(-100%);
  transition: all .35s;
}
.scad-story.scad-story-mobile header.active #nav-wrapper {
  transform: translateX(0%);
}
.scad-story.scad-story-mobile header.active #close-nav {
  display: block;
}
.scad-story.scad-story-mobile header.active .main-nav {
  display: block;
}
.scad-story.scad-story-mobile.fp-viewing-homePage header {
  opacity: 0;
  transition: all .35s;
}
.scad-story.scad-story-mobile.fp-viewing-homePage.scene-over header {
  opacity: 1;
}
.scad-story.scad-story-mobile.fp-viewing-homePage.scene-over #skip-canvas {
  display: none;
}
.scad-story.fp-viewing-homePage {
  transition: all .35s;
}

.modal.close-modal .close {
  margin: 0;
  padding: 0;
  opacity: 1;
}
.modal.close-modal .close:hover {
  opacity: .5;
}
.modal.close-modal .modal-dialog {
  max-width: initial;
  margin: 0;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  transform: none;
}
.modal.close-modal .modal-content {
  border: 0;
  border-radius: 0;
  width: initial;
  min-height: 100%;
  flex-direction: initial;
}
.modal.close-modal .modal-content .modal-body {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.scad-story-desktop .modal.close-modal .modal-content .modal-header {
  max-width: 65px;
  border-radius: 0;
  background-color: #463659;
}
.scad-story-mobile .modal.close-modal .modal-header {
  position: absolute;
  z-index: 1;
  border: 0;
  padding-bottom: 0;
}
.scad-story-mobile .modal.close-modal .modal-header .close {
  height: 41px;
  width: 41px;
}

#teamModalLong {
  padding-right: 0 !important;
}
#teamModalLong .h2, #teamModalLong h3, #teamModalLong .h3 {
  font-family: "Gotham SSm A", "Gotham SSm B", "Century Gothic", "Helvetica", "Arial", "San-serif";
}
#teamModalLong .modal-dialog {
  max-width: initial;
  margin: 0;
  height: 100%;
}
#teamModalLong .modal-content {
  position: absolute;
  top: 0;
  left: 33%;
  right: 0;
  bottom: 0;
  width: auto;
  border: 0;
  border-radius: 0;
  justify-content: center;
}
#teamModalLong .modal-body {
  flex: inherit;
  display: flex;
  align-items: center;
  margin-left: -25%;
}
#teamModalLong.fade {
  transition: opacity .35s ease-out;
  opacity: 1;
}
#teamModalLong.fade .modal-dialog {
  transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out,-webkit-transform .5s ease-out;
  -webkit-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}
@media (max-width: 767px) {
  #teamModalLong.fade .modal-dialog {
    -webkit-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
  }
}
#teamModalLong.fade.show {
  transition: opacity .75s ease-out;
  opacity: 1;
}
#teamModalLong.fade.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
#teamModalLong .close {
  position: absolute;
  top: 6%;
  right: 19%;
  opacity: 1;
  line-height: 0;
  width: 42px;
}
#teamModalLong .circle-img {
  border-width: 5px;
}
#teamModalLong #tm-name {
  margin-bottom: 5px;
}
#teamModalLong #tm-degrees div,
#teamModalLong #tm-address div {
  margin-bottom: 0px;
}
#teamModalLong #tm-degrees {
  margin-bottom: 0px;
}
#teamModalLong #tm-address {
  margin-bottom: 20px;
}
.scad-story-mobile #teamModalLong .modal-headshot {
  position: relative;
  line-height: 0;
  margin-top: -50%;
}
.scad-story-mobile #teamModalLong .modal-headshot .close {
  top: 2%;
}
@media screen and (min-width: 1500px) {
  #teamModalLong .modal-content {
    left: auto;
    max-width: 1000px;
  }
}
@media screen and (max-width: 767px) {
  #teamModalLong .modal-content {
    top: 30%;
    left: 0;
    bottom: auto;
  }
  #teamModalLong .modal-body {
    min-height: 80vh;
    flex-wrap: wrap;
    margin-left: 0;
    padding-bottom: 20px;
    background: #fff;
  }
}

.modal-backdrop.fade {
  transition: opacity .5s linear;
}

#ticketsModal .modal-content .modal-body {
  padding: 0;
}

#ticketsModalAtlanta .modal-content .modal-body {
  padding: 0;
}

/** Themes */
.default-bg {
  background-color: #333 !important;
}

.default-bg-hover:hover {
  background-color: #333 !important;
}

.default-text {
  color: #333 !important;
}

.default-hover-text:hover {
  color: #333 !important;
}

.default-border {
  border-color: #333 !important;
}

.default-border-hover:hover {
  border-color: #333 !important;
}

.btn-fill-default,
.btn-fill-default-hover:hover,
.btn-fill-default-hover:focus,
.btn-stroke-default:hover,
.btn-stroke-default:focus {
  background: #333;
  color: #fff;
  border-color: #333;
}

.btn-fill-invert-default {
  background-color: #fff;
  color: #333;
  border-color: #fff;
}

.btn-stroke-default,
.btn-stroke-default-hover:hover,
.btn-stroke-default-hover:focus,
.btn-fill-default:hover,
.btn-fill-default:focus {
  background-color: transparent;
  color: #333;
}

.btn-fill-default-hover:hover,
.btn-fill-default-hover:focus {
  background: #333;
  color: #fff;
  border-color: #333;
}

.btn-fill-invert-default-hover:hover,
.btn-fill-invert-default-hover:focus {
  background-color: #fff;
  color: #333;
  border-color: #fff;
}

.btn-stroke-default-hover:hover,
.btn-stroke-default-hover:focus {
  background-color: transparent;
  color: #333;
}

.primary-bg {
  background-color: #463659 !important;
}

.primary-bg-hover:hover {
  background-color: #463659 !important;
}

.primary-text {
  color: #463659 !important;
}

.primary-hover-text:hover {
  color: #463659 !important;
}

.primary-border {
  border-color: #463659 !important;
}

.primary-border-hover:hover {
  border-color: #463659 !important;
}

.btn-fill-primary,
.btn-fill-primary-hover:hover,
.btn-fill-primary-hover:focus,
.btn-stroke-primary:hover,
.btn-stroke-primary:focus {
  background: #463659;
  color: #fff;
  border-color: #463659;
}

.btn-fill-invert-primary {
  background-color: #fff;
  color: #463659;
  border-color: #fff;
}

.btn-stroke-primary,
.btn-stroke-primary-hover:hover,
.btn-stroke-primary-hover:focus,
.btn-fill-primary:hover,
.btn-fill-primary:focus {
  background-color: transparent;
  color: #463659;
}

.btn-fill-primary-hover:hover,
.btn-fill-primary-hover:focus {
  background: #463659;
  color: #fff;
  border-color: #463659;
}

.btn-fill-invert-primary-hover:hover,
.btn-fill-invert-primary-hover:focus {
  background-color: #fff;
  color: #463659;
  border-color: #fff;
}

.btn-stroke-primary-hover:hover,
.btn-stroke-primary-hover:focus {
  background-color: transparent;
  color: #463659;
}

.secondary-bg {
  background-color: #836ca2 !important;
}

.secondary-bg-hover:hover {
  background-color: #836ca2 !important;
}

.secondary-text {
  color: #836ca2 !important;
}

.secondary-hover-text:hover {
  color: #836ca2 !important;
}

.secondary-border {
  border-color: #836ca2 !important;
}

.secondary-border-hover:hover {
  border-color: #836ca2 !important;
}

.btn-fill-secondary,
.btn-fill-secondary-hover:hover,
.btn-fill-secondary-hover:focus,
.btn-stroke-secondary:hover,
.btn-stroke-secondary:focus {
  background: #836ca2;
  color: #fff;
  border-color: #836ca2;
}

.btn-fill-invert-secondary {
  background-color: #fff;
  color: #836ca2;
  border-color: #fff;
}

.btn-stroke-secondary,
.btn-stroke-secondary-hover:hover,
.btn-stroke-secondary-hover:focus,
.btn-fill-secondary:hover,
.btn-fill-secondary:focus {
  background-color: transparent;
  color: #836ca2;
}

.btn-fill-secondary-hover:hover,
.btn-fill-secondary-hover:focus {
  background: #836ca2;
  color: #fff;
  border-color: #836ca2;
}

.btn-fill-invert-secondary-hover:hover,
.btn-fill-invert-secondary-hover:focus {
  background-color: #fff;
  color: #836ca2;
  border-color: #fff;
}

.btn-stroke-secondary-hover:hover,
.btn-stroke-secondary-hover:focus {
  background-color: transparent;
  color: #836ca2;
}

.tertiary-bg {
  background-color: #403353 !important;
}

.tertiary-bg-hover:hover {
  background-color: #403353 !important;
}

.tertiary-text {
  color: #403353 !important;
}

.tertiary-hover-text:hover {
  color: #403353 !important;
}

.tertiary-border {
  border-color: #403353 !important;
}

.tertiary-border-hover:hover {
  border-color: #403353 !important;
}

.btn-fill-tertiary,
.btn-fill-tertiary-hover:hover,
.btn-fill-tertiary-hover:focus,
.btn-stroke-tertiary:hover,
.btn-stroke-tertiary:focus {
  background: #403353;
  color: #fff;
  border-color: #403353;
}

.btn-fill-invert-tertiary {
  background-color: #fff;
  color: #403353;
  border-color: #fff;
}

.btn-stroke-tertiary,
.btn-stroke-tertiary-hover:hover,
.btn-stroke-tertiary-hover:focus,
.btn-fill-tertiary:hover,
.btn-fill-tertiary:focus {
  background-color: transparent;
  color: #403353;
}

.btn-fill-tertiary-hover:hover,
.btn-fill-tertiary-hover:focus {
  background: #403353;
  color: #fff;
  border-color: #403353;
}

.btn-fill-invert-tertiary-hover:hover,
.btn-fill-invert-tertiary-hover:focus {
  background-color: #fff;
  color: #403353;
  border-color: #fff;
}

.btn-stroke-tertiary-hover:hover,
.btn-stroke-tertiary-hover:focus {
  background-color: transparent;
  color: #403353;
}

.accent-bg {
  background-color: #5a447a !important;
}

.accent-bg-hover:hover {
  background-color: #5a447a !important;
}

.accent-text {
  color: #5a447a !important;
}

.accent-hover-text:hover {
  color: #5a447a !important;
}

.accent-border {
  border-color: #5a447a !important;
}

.accent-border-hover:hover {
  border-color: #5a447a !important;
}

.btn-fill-accent,
.btn-fill-accent-hover:hover,
.btn-fill-accent-hover:focus,
.btn-stroke-accent:hover,
.btn-stroke-accent:focus {
  background: #5a447a;
  color: #fff;
  border-color: #5a447a;
}

.btn-fill-invert-accent {
  background-color: #fff;
  color: #5a447a;
  border-color: #fff;
}

.btn-stroke-accent,
.btn-stroke-accent-hover:hover,
.btn-stroke-accent-hover:focus,
.btn-fill-accent:hover,
.btn-fill-accent:focus {
  background-color: transparent;
  color: #5a447a;
}

.btn-fill-accent-hover:hover,
.btn-fill-accent-hover:focus {
  background: #5a447a;
  color: #fff;
  border-color: #5a447a;
}

.btn-fill-invert-accent-hover:hover,
.btn-fill-invert-accent-hover:focus {
  background-color: #fff;
  color: #5a447a;
  border-color: #fff;
}

.btn-stroke-accent-hover:hover,
.btn-stroke-accent-hover:focus {
  background-color: transparent;
  color: #5a447a;
}

.accent-light-bg {
  background-color: #6f5d89 !important;
}

.accent-light-bg-hover:hover {
  background-color: #6f5d89 !important;
}

.accent-light-text {
  color: #6f5d89 !important;
}

.accent-light-hover-text:hover {
  color: #6f5d89 !important;
}

.accent-light-border {
  border-color: #6f5d89 !important;
}

.accent-light-border-hover:hover {
  border-color: #6f5d89 !important;
}

.btn-fill-accent-light,
.btn-fill-accent-light-hover:hover,
.btn-fill-accent-light-hover:focus,
.btn-stroke-accent-light:hover,
.btn-stroke-accent-light:focus {
  background: #6f5d89;
  color: #fff;
  border-color: #6f5d89;
}

.btn-fill-invert-accent-light {
  background-color: #fff;
  color: #6f5d89;
  border-color: #fff;
}

.btn-stroke-accent-light,
.btn-stroke-accent-light-hover:hover,
.btn-stroke-accent-light-hover:focus,
.btn-fill-accent-light:hover,
.btn-fill-accent-light:focus {
  background-color: transparent;
  color: #6f5d89;
}

.btn-fill-accent-light-hover:hover,
.btn-fill-accent-light-hover:focus {
  background: #6f5d89;
  color: #fff;
  border-color: #6f5d89;
}

.btn-fill-invert-accent-light-hover:hover,
.btn-fill-invert-accent-light-hover:focus {
  background-color: #fff;
  color: #6f5d89;
  border-color: #fff;
}

.btn-stroke-accent-light-hover:hover,
.btn-stroke-accent-light-hover:focus {
  background-color: transparent;
  color: #6f5d89;
}

.black-bg {
  background-color: #000 !important;
}

.black-bg-hover:hover {
  background-color: #000 !important;
}

.black-text {
  color: #000 !important;
}

.black-hover-text:hover {
  color: #000 !important;
}

.black-border {
  border-color: #000 !important;
}

.black-border-hover:hover {
  border-color: #000 !important;
}

.btn-fill-black,
.btn-fill-black-hover:hover,
.btn-fill-black-hover:focus,
.btn-stroke-black:hover,
.btn-stroke-black:focus {
  background: #000;
  color: #fff;
  border-color: #000;
}

.btn-fill-invert-black {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

.btn-stroke-black,
.btn-stroke-black-hover:hover,
.btn-stroke-black-hover:focus,
.btn-fill-black:hover,
.btn-fill-black:focus {
  background-color: transparent;
  color: #000;
}

.btn-fill-black-hover:hover,
.btn-fill-black-hover:focus {
  background: #000;
  color: #fff;
  border-color: #000;
}

.btn-fill-invert-black-hover:hover,
.btn-fill-invert-black-hover:focus {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

.btn-stroke-black-hover:hover,
.btn-stroke-black-hover:focus {
  background-color: transparent;
  color: #000;
}

.white-bg {
  background-color: #fff !important;
}

.white-bg-hover:hover {
  background-color: #fff !important;
}

.white-text {
  color: #fff !important;
}

.white-hover-text:hover {
  color: #fff !important;
}

.white-border {
  border-color: #fff !important;
}

.white-border-hover:hover {
  border-color: #fff !important;
}

.btn-fill-white,
.btn-fill-white-hover:hover,
.btn-fill-white-hover:focus,
.btn-stroke-white:hover,
.btn-stroke-white:focus {
  background: #fff;
  color: #fff;
  border-color: #fff;
}

.btn-fill-invert-white {
  background-color: #fff;
  color: #fff;
  border-color: #fff;
}

.btn-stroke-white,
.btn-stroke-white-hover:hover,
.btn-stroke-white-hover:focus,
.btn-fill-white:hover,
.btn-fill-white:focus {
  background-color: transparent;
  color: #fff;
}

.btn-fill-white-hover:hover,
.btn-fill-white-hover:focus {
  background: #fff;
  color: #fff;
  border-color: #fff;
}

.btn-fill-invert-white-hover:hover,
.btn-fill-invert-white-hover:focus {
  background-color: #fff;
  color: #fff;
  border-color: #fff;
}

.btn-stroke-white-hover:hover,
.btn-stroke-white-hover:focus {
  background-color: transparent;
  color: #fff;
}

.gray-bg {
  background-color: #777 !important;
}

.gray-bg-hover:hover {
  background-color: #777 !important;
}

.gray-text {
  color: #777 !important;
}

.gray-hover-text:hover {
  color: #777 !important;
}

.gray-border {
  border-color: #777 !important;
}

.gray-border-hover:hover {
  border-color: #777 !important;
}

.btn-fill-gray,
.btn-fill-gray-hover:hover,
.btn-fill-gray-hover:focus,
.btn-stroke-gray:hover,
.btn-stroke-gray:focus {
  background: #777;
  color: #fff;
  border-color: #777;
}

.btn-fill-invert-gray {
  background-color: #fff;
  color: #777;
  border-color: #fff;
}

.btn-stroke-gray,
.btn-stroke-gray-hover:hover,
.btn-stroke-gray-hover:focus,
.btn-fill-gray:hover,
.btn-fill-gray:focus {
  background-color: transparent;
  color: #777;
}

.btn-fill-gray-hover:hover,
.btn-fill-gray-hover:focus {
  background: #777;
  color: #fff;
  border-color: #777;
}

.btn-fill-invert-gray-hover:hover,
.btn-fill-invert-gray-hover:focus {
  background-color: #fff;
  color: #777;
  border-color: #fff;
}

.btn-stroke-gray-hover:hover,
.btn-stroke-gray-hover:focus {
  background-color: transparent;
  color: #777;
}

.footer-gray-bg {
  background-color: #c9c9c9 !important;
}

.footer-gray-bg-hover:hover {
  background-color: #c9c9c9 !important;
}

.footer-gray-text {
  color: #c9c9c9 !important;
}

.footer-gray-hover-text:hover {
  color: #c9c9c9 !important;
}

.footer-gray-border {
  border-color: #c9c9c9 !important;
}

.footer-gray-border-hover:hover {
  border-color: #c9c9c9 !important;
}

.btn-fill-footer-gray,
.btn-fill-footer-gray-hover:hover,
.btn-fill-footer-gray-hover:focus,
.btn-stroke-footer-gray:hover,
.btn-stroke-footer-gray:focus {
  background: #c9c9c9;
  color: #fff;
  border-color: #c9c9c9;
}

.btn-fill-invert-footer-gray {
  background-color: #fff;
  color: #c9c9c9;
  border-color: #fff;
}

.btn-stroke-footer-gray,
.btn-stroke-footer-gray-hover:hover,
.btn-stroke-footer-gray-hover:focus,
.btn-fill-footer-gray:hover,
.btn-fill-footer-gray:focus {
  background-color: transparent;
  color: #c9c9c9;
}

.btn-fill-footer-gray-hover:hover,
.btn-fill-footer-gray-hover:focus {
  background: #c9c9c9;
  color: #fff;
  border-color: #c9c9c9;
}

.btn-fill-invert-footer-gray-hover:hover,
.btn-fill-invert-footer-gray-hover:focus {
  background-color: #fff;
  color: #c9c9c9;
  border-color: #fff;
}

.btn-stroke-footer-gray-hover:hover,
.btn-stroke-footer-gray-hover:focus {
  background-color: transparent;
  color: #c9c9c9;
}

.dark-gray-bg {
  background-color: #424344 !important;
}

.dark-gray-bg-hover:hover {
  background-color: #424344 !important;
}

.dark-gray-text {
  color: #424344 !important;
}

.dark-gray-hover-text:hover {
  color: #424344 !important;
}

.dark-gray-border {
  border-color: #424344 !important;
}

.dark-gray-border-hover:hover {
  border-color: #424344 !important;
}

.btn-fill-dark-gray,
.btn-fill-dark-gray-hover:hover,
.btn-fill-dark-gray-hover:focus,
.btn-stroke-dark-gray:hover,
.btn-stroke-dark-gray:focus {
  background: #424344;
  color: #fff;
  border-color: #424344;
}

.btn-fill-invert-dark-gray {
  background-color: #fff;
  color: #424344;
  border-color: #fff;
}

.btn-stroke-dark-gray,
.btn-stroke-dark-gray-hover:hover,
.btn-stroke-dark-gray-hover:focus,
.btn-fill-dark-gray:hover,
.btn-fill-dark-gray:focus {
  background-color: transparent;
  color: #424344;
}

.btn-fill-dark-gray-hover:hover,
.btn-fill-dark-gray-hover:focus {
  background: #424344;
  color: #fff;
  border-color: #424344;
}

.btn-fill-invert-dark-gray-hover:hover,
.btn-fill-invert-dark-gray-hover:focus {
  background-color: #fff;
  color: #424344;
  border-color: #fff;
}

.btn-stroke-dark-gray-hover:hover,
.btn-stroke-dark-gray-hover:focus {
  background-color: transparent;
  color: #424344;
}

.darker-gray-bg {
  background-color: #404549 !important;
}

.darker-gray-bg-hover:hover {
  background-color: #404549 !important;
}

.darker-gray-text {
  color: #404549 !important;
}

.darker-gray-hover-text:hover {
  color: #404549 !important;
}

.darker-gray-border {
  border-color: #404549 !important;
}

.darker-gray-border-hover:hover {
  border-color: #404549 !important;
}

.btn-fill-darker-gray,
.btn-fill-darker-gray-hover:hover,
.btn-fill-darker-gray-hover:focus,
.btn-stroke-darker-gray:hover,
.btn-stroke-darker-gray:focus {
  background: #404549;
  color: #fff;
  border-color: #404549;
}

.btn-fill-invert-darker-gray {
  background-color: #fff;
  color: #404549;
  border-color: #fff;
}

.btn-stroke-darker-gray,
.btn-stroke-darker-gray-hover:hover,
.btn-stroke-darker-gray-hover:focus,
.btn-fill-darker-gray:hover,
.btn-fill-darker-gray:focus {
  background-color: transparent;
  color: #404549;
}

.btn-fill-darker-gray-hover:hover,
.btn-fill-darker-gray-hover:focus {
  background: #404549;
  color: #fff;
  border-color: #404549;
}

.btn-fill-invert-darker-gray-hover:hover,
.btn-fill-invert-darker-gray-hover:focus {
  background-color: #fff;
  color: #404549;
  border-color: #fff;
}

.btn-stroke-darker-gray-hover:hover,
.btn-stroke-darker-gray-hover:focus {
  background-color: transparent;
  color: #404549;
}

.darkest-gray-bg {
  background-color: #333333 !important;
}

.darkest-gray-bg-hover:hover {
  background-color: #333333 !important;
}

.darkest-gray-text {
  color: #333333 !important;
}

.darkest-gray-hover-text:hover {
  color: #333333 !important;
}

.darkest-gray-border {
  border-color: #333333 !important;
}

.darkest-gray-border-hover:hover {
  border-color: #333333 !important;
}

.btn-fill-darkest-gray,
.btn-fill-darkest-gray-hover:hover,
.btn-fill-darkest-gray-hover:focus,
.btn-stroke-darkest-gray:hover,
.btn-stroke-darkest-gray:focus {
  background: #333333;
  color: #fff;
  border-color: #333333;
}

.btn-fill-invert-darkest-gray {
  background-color: #fff;
  color: #333333;
  border-color: #fff;
}

.btn-stroke-darkest-gray,
.btn-stroke-darkest-gray-hover:hover,
.btn-stroke-darkest-gray-hover:focus,
.btn-fill-darkest-gray:hover,
.btn-fill-darkest-gray:focus {
  background-color: transparent;
  color: #333333;
}

.btn-fill-darkest-gray-hover:hover,
.btn-fill-darkest-gray-hover:focus {
  background: #333333;
  color: #fff;
  border-color: #333333;
}

.btn-fill-invert-darkest-gray-hover:hover,
.btn-fill-invert-darkest-gray-hover:focus {
  background-color: #fff;
  color: #333333;
  border-color: #fff;
}

.btn-stroke-darkest-gray-hover:hover,
.btn-stroke-darkest-gray-hover:focus {
  background-color: transparent;
  color: #333333;
}

.light-gray-bg {
  background-color: #e4e4e4 !important;
}

.light-gray-bg-hover:hover {
  background-color: #e4e4e4 !important;
}

.light-gray-text {
  color: #e4e4e4 !important;
}

.light-gray-hover-text:hover {
  color: #e4e4e4 !important;
}

.light-gray-border {
  border-color: #e4e4e4 !important;
}

.light-gray-border-hover:hover {
  border-color: #e4e4e4 !important;
}

.btn-fill-light-gray,
.btn-fill-light-gray-hover:hover,
.btn-fill-light-gray-hover:focus,
.btn-stroke-light-gray:hover,
.btn-stroke-light-gray:focus {
  background: #e4e4e4;
  color: #fff;
  border-color: #e4e4e4;
}

.btn-fill-invert-light-gray {
  background-color: #fff;
  color: #e4e4e4;
  border-color: #fff;
}

.btn-stroke-light-gray,
.btn-stroke-light-gray-hover:hover,
.btn-stroke-light-gray-hover:focus,
.btn-fill-light-gray:hover,
.btn-fill-light-gray:focus {
  background-color: transparent;
  color: #e4e4e4;
}

.btn-fill-light-gray-hover:hover,
.btn-fill-light-gray-hover:focus {
  background: #e4e4e4;
  color: #fff;
  border-color: #e4e4e4;
}

.btn-fill-invert-light-gray-hover:hover,
.btn-fill-invert-light-gray-hover:focus {
  background-color: #fff;
  color: #e4e4e4;
  border-color: #fff;
}

.btn-stroke-light-gray-hover:hover,
.btn-stroke-light-gray-hover:focus {
  background-color: transparent;
  color: #e4e4e4;
}

.lighter-gray-bg {
  background-color: #eff0f1 !important;
}

.lighter-gray-bg-hover:hover {
  background-color: #eff0f1 !important;
}

.lighter-gray-text {
  color: #eff0f1 !important;
}

.lighter-gray-hover-text:hover {
  color: #eff0f1 !important;
}

.lighter-gray-border {
  border-color: #eff0f1 !important;
}

.lighter-gray-border-hover:hover {
  border-color: #eff0f1 !important;
}

.btn-fill-lighter-gray,
.btn-fill-lighter-gray-hover:hover,
.btn-fill-lighter-gray-hover:focus,
.btn-stroke-lighter-gray:hover,
.btn-stroke-lighter-gray:focus {
  background: #eff0f1;
  color: #fff;
  border-color: #eff0f1;
}

.btn-fill-invert-lighter-gray {
  background-color: #fff;
  color: #eff0f1;
  border-color: #fff;
}

.btn-stroke-lighter-gray,
.btn-stroke-lighter-gray-hover:hover,
.btn-stroke-lighter-gray-hover:focus,
.btn-fill-lighter-gray:hover,
.btn-fill-lighter-gray:focus {
  background-color: transparent;
  color: #eff0f1;
}

.btn-fill-lighter-gray-hover:hover,
.btn-fill-lighter-gray-hover:focus {
  background: #eff0f1;
  color: #fff;
  border-color: #eff0f1;
}

.btn-fill-invert-lighter-gray-hover:hover,
.btn-fill-invert-lighter-gray-hover:focus {
  background-color: #fff;
  color: #eff0f1;
  border-color: #fff;
}

.btn-stroke-lighter-gray-hover:hover,
.btn-stroke-lighter-gray-hover:focus {
  background-color: transparent;
  color: #eff0f1;
}

.lightest-gray-bg {
  background-color: #f9f9fa !important;
}

.lightest-gray-bg-hover:hover {
  background-color: #f9f9fa !important;
}

.lightest-gray-text {
  color: #f9f9fa !important;
}

.lightest-gray-hover-text:hover {
  color: #f9f9fa !important;
}

.lightest-gray-border {
  border-color: #f9f9fa !important;
}

.lightest-gray-border-hover:hover {
  border-color: #f9f9fa !important;
}

.btn-fill-lightest-gray,
.btn-fill-lightest-gray-hover:hover,
.btn-fill-lightest-gray-hover:focus,
.btn-stroke-lightest-gray:hover,
.btn-stroke-lightest-gray:focus {
  background: #f9f9fa;
  color: #fff;
  border-color: #f9f9fa;
}

.btn-fill-invert-lightest-gray {
  background-color: #fff;
  color: #f9f9fa;
  border-color: #fff;
}

.btn-stroke-lightest-gray,
.btn-stroke-lightest-gray-hover:hover,
.btn-stroke-lightest-gray-hover:focus,
.btn-fill-lightest-gray:hover,
.btn-fill-lightest-gray:focus {
  background-color: transparent;
  color: #f9f9fa;
}

.btn-fill-lightest-gray-hover:hover,
.btn-fill-lightest-gray-hover:focus {
  background: #f9f9fa;
  color: #fff;
  border-color: #f9f9fa;
}

.btn-fill-invert-lightest-gray-hover:hover,
.btn-fill-invert-lightest-gray-hover:focus {
  background-color: #fff;
  color: #f9f9fa;
  border-color: #fff;
}

.btn-stroke-lightest-gray-hover:hover,
.btn-stroke-lightest-gray-hover:focus {
  background-color: transparent;
  color: #f9f9fa;
}

/** Sections */
#about .about-bg {
  background-image: url("/img/misc/SCADstory-Image.jpg");
  position: relative;
}
.scad-story-desktop #about {
  background-color: #f9f9fa;
}
.scad-story-desktop #about .about-bg {
  padding: 75px 75px;
}
.scad-story-mobile #about {
  margin-top: 5px;
}
.scad-story-mobile #about .about-bg {
  height: 100vw;
}

#home {
  height: 100%;
}
#home #homeCanvas {
  position: relative;
  height: 100%;
  background: #000;
}
#home .canvas-actions-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #fff;
  text-align: center;
}
#home .canvas-actions-container .canvas-action {
  height: 50px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  transition: opacity 0.5s;
}
#home .canvas-actions-container .canvas-action-btn {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#home .canvas-actions-container .skip-canvas-wrapper {
  opacity: 1;
  z-index: 1;
}
#home .canvas-actions-container .skip-canvas-wrapper .canvas-action-btn {
  opacity: .6;
}
#home .canvas-actions-container .jump-down-wrapper {
  opacity: 0;
  z-index: 0;
  transition-delay: .35s;
}
#home .canvas-actions-container .jump-down-wrapper img {
  max-width: 50px;
}
#home .canvas-scene {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  opacity: 0;
  color: #fff;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: all .35s;
  opacity: 0;
}
#home .canvas-scene.serif {
  letter-spacing: 0;
}
#home .canvas-scene p {
  font-size: 15px;
  font-weight: 500;
}
#home #gl {
  overflow: hidden;
  padding: 0px;
  background-image: url("/img/home/SCADstory2020-signature.jpg");
}
#home #gl:after {
  transition: all 7.35s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0px 0px 355px 100vh #000;
}
#home #gl canvas {
  display: none;
  transform: scale(1.2);
  transition: all .35s;
  width: 100% !important;
  height: 100% !important;
}
#home #gl.scene-2, .scene-over #home #gl {
  opacity: .85;
  transition: all 10s;
}
#home #gl.scene-2:after, .scene-over #home #gl:after {
  box-shadow: inset 0px 0px 155px -50vh #000;
}
#home #gl.scene-2 canvas, .scene-over #home #gl canvas {
  transform: scale(1.035);
  transition: all 7.35s;
  width: 100% !important;
}
#home #view-1 {
  /*@extend %grow-away-start;*/
}
#home #view-1.scene-0 {
  /*transition: all $revealSpeed;
  @extend %grow-away-grow;
  opacity: 1;*/
  animation-name: grow-away;
  animation-duration: 4s;
  transform: scale(1.2);
  opacity: 0;
}
#home #view-1.scene-1, .scene-over #home #view-1 {
  /*transition: all $endSpeed;
  @extend %grow-away-end;*/
  transform: scale(1.2);
  opacity: 0;
}
.scene-over #home #view-1 {
  animation-duration: 0s;
}
#home #view-2 {
  /*@extend %grow-away-start;*/
}
#home #view-2.scene-1 {
  /*transition: all $revealSpeed;
  transition-delay: $endSpeed;
  @extend %grow-away-grow;
  opacity: 1;*/
  animation-name: grow-away;
  animation-duration: 4s;
  transform: scale(1.2);
  opacity: 0;
}
#home #view-2.scene-2, .scene-over #home #view-2 {
  /*transition: all $endSpeed;
  @extend %grow-away-end;*/
  transform: scale(1.2);
  opacity: 0;
}
.scene-over #home #view-2 {
  animation-duration: 0s;
}
#home #view-3 {
  /*@extend %grow-away-start;*/
}
#home #view-3.scene-2 {
  /*transition: all $revealSpeed;
  transition-delay: $endSpeed;
  @extend %grow-away-grow;
  opacity: 1;*/
  animation-name: grow-away;
  animation-duration: 4s;
  transform: scale(1.2);
  opacity: 0;
}
#home #view-3.scene-3, .scene-over #home #view-3 {
  /*transition: all $endSpeed;
  @extend %grow-away-end;*/
  transform: scale(1.2);
  opacity: 0;
}
.scene-over #home #view-3 {
  animation-duration: 0s;
}
#home #view-4 {
  /*@extend %grow-away-start;*/
}
#home #view-4.scene-3 {
  /*transition: all $revealSpeed;
  transition-delay: $endSpeed;
  @extend %grow-away-grow;
  opacity: 1;*/
  animation-name: grow-away;
  animation-duration: 4s;
  transform: scale(1.2);
  opacity: 0;
}
#home #view-4.scene-4, .scene-over #home #view-4 {
  /*transition: all $endSpeed;
  @extend %grow-away-end;*/
  transform: scale(1.2);
  opacity: 0;
}
.scene-over #home #view-4 {
  animation-duration: 0s;
}
#home #view-5 {
  transform: scale(0.8);
}
#home #view-5 .logo-wrapper {
  padding: 15px;
  margin-left: -15px;
  margin-right: -15px;
  max-width: initial;
  /* Small devices (small desktops, 767px) */
}
@media screen and (min-width: 576px) {
  #home #view-5 .logo-wrapper {
    padding: 70px;
    max-width: 680px;
  }
}
@media screen and (min-width: 768px) {
  #home #view-5 .logo-wrapper {
    max-width: 700px;
  }
}
@media screen and (min-width: 1200px) {
  #home #view-5 .logo-wrapper {
    max-width: 800px;
  }
}
#home #view-5.scene-4, .scene-over #home #view-5 {
  transform: scale(1);
  transition: all 2.35s;
  transition-delay: 0.5s;
  opacity: 1;
}
#home #view-5.scene-5 #home #view-5 {
  transition: all 0.5s;
  opacity: 0;
}
.scad-story-desktop #home {
  margin-left: -65px;
}
.scad-story-desktop #home #view-5 {
  padding-left: 65px;
}
.scad-story-desktop #home .skip-canvas-wrapper {
  left: -65px;
}
.scad-story-mobile #home #gl {
  background-image: url("/img/home/SCADstory2020-mobile-bknd.jpg");
}
.scad-story-mobile #home #gl canvas {
  display: none;
}
.scene-over #home .skip-canvas-wrapper {
  opacity: 0;
  z-index: 0;
}
.scene-over #home .jump-down-wrapper {
  opacity: 1;
  z-index: 1;
}

/* The animation code */
@keyframes grow-away {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
#the-team {
  /* No longer using a sliderTeam id */
  /* BEGIN MOBILE STYLING */
}
#the-team .team-member {
  margin: auto;
  display: block;
  text-align: center;
}
#the-team .team-right-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 0;
  padding-left: 0;
}
#the-team .team-wrapper.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  background-color: #fff;
}
#the-team .team-right-column h3 {
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}
#the-team .slick-arrow {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  opacity: 1;
  transition: opacity .5s;
  border: none;
  border-radius: 50px;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
}
#the-team .slick-prev {
  background-image: url(/img/misc/Arrow-with-Black-Circle.svg);
  left: -24px;
}
#the-team .slick-next {
  background-image: url(/img/misc/Arrow-with-Black-Circle.svg);
  right: -24px;
  transform: translateY(-50%) rotate(180deg);
}
#the-team .slick-prev:hover {
  background-image: url(/img/misc/Arrow-with-Purple-Circle.svg);
}
#the-team .slick-next:hover {
  background-image: url(/img/misc/Arrow-with-Purple-Circle.svg);
}
#the-team .slick-dots {
  display: flex !important;
  justify-content: center;
  margin: 0;
  list-style-type: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#the-team .slick-dots li {
  margin-right: 7px;
}
#the-team .slick-dots li button {
  display: block;
  width: 7px;
  height: 7px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #00000033;
  text-indent: -9999px;
}
#the-team li.slick-active button {
  background-color: #000;
}
#the-team .slick-dots {
  top: 0;
}
#the-team button.team-member {
  outline: none;
}
#the-team .team-member .address,
#the-team .team-member .degrees,
#the-team .team-member .bio {
  display: none;
}
#the-team .team-member .name {
  margin-top: 10px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
#the-team .team-member.student .circle-img {
  background: #777;
  border: 3px solid #777;
  max-width: 24vh;
}
#the-team button .circle-img {
  background: #836ca2;
  border: 3px solid #836ca2;
  max-width: 24vh;
}
.scad-story-desktop #the-team {
  background-color: #f9f9fa;
}
.scad-story-desktop #the-team .team-wrapper.container {
  height: calc(50vh - 5px);
  margin-right: 0;
  max-width: 100% !important;
}
.scad-story-desktop #the-team .alumni-wrapper.container,
.scad-story-desktop #the-team .students-wrapper.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #fff;
}
.scad-story-desktop #the-team .alumni-responsive-slider.slick-initialized.slick-slider,
.scad-story-desktop #the-team .students-responsive-slider.slick-initialized.slick-slider {
  display: flex;
  align-items: center;
}
.scad-story-desktop #the-team .slick-track {
  display: flex;
}
.scad-story-desktop #the-team .slick-slide {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}
.scad-story-desktop #the-team .team-member {
  padding: 20px;
}
.scad-story-mobile #the-team h3 {
  padding-top: 10px;
}
.scad-story-mobile #the-team .team-header-wrapper {
  background-color: #f9f9fb;
}
.scad-story-mobile #the-team .team-wrapper.container {
  max-width: 100%;
  padding-top: 30px;
  padding-bottom: 50px;
}
.scad-story-mobile #the-team .alumni-wrapper.container,
.scad-story-mobile #the-team .students-wrapper.container {
  max-width: 100% !important;
}
.scad-story-mobile #the-team .alumni-responsive-slider.slick-slider,
.scad-story-mobile #the-team .students-responsive-slider.slick-slider {
  display: flex;
}
.scad-story-mobile #the-team .team-wrapper.container.students {
  background-color: #f9f9fb;
}
.scad-story-mobile #the-team .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.scad-story-mobile #the-team .slick-slider .slick-track,
.scad-story-mobile #the-team .slick-slider .slick-list {
  height: 100% !important;
}
.scad-story-mobile #the-team .slick-next,
.scad-story-mobile #the-team .slick-prev,
.scad-story-mobile #the-team .slick-dots {
  display: none !important;
}
.scad-story-mobile #the-team .team-member {
  padding-top: 20px;
}

#share .share-bg {
  line-height: 0;
  position: relative;
  background-size: cover;
  background-position: center;
  background-image: url("/img/stock/SCADStory-Share-Big-Image.jpg");
}
.scad-story-desktop #share {
  background-color: #f9f9fa;
}
.scad-story-mobile #share .share-bg {
  height: 100vw;
}

#tickets {
  background-color: #f9f9fa;
}
#tickets h3 {
  margin-bottom: 0;
}
#tickets .ticket-location-card p {
  font-size: 12px;
}
#tickets .timespan span {
  margin: 0;
}
#tickets .img-container {
  margin-left: -15px;
  margin-right: -15px;
}
.scad-story-mobile #tickets .visit-bg {
  background-color: #f9f9fb;
}
.scad-story-desktop #tickets .full-height.locations {
  height: 101%;
}
.scad-story-desktop #tickets .atl-1600-wrapper {
  background-image: url("/img/stock/SCAD-Atlanta-1600-Exterior-Fall-2020-1920x1080.jpg");
}
.scad-story-desktop #tickets .poetter-wrapper {
  background-image: url("/img/stock/Poetter-Hall-Exterior-Spring-2019-1920x1080.jpg");
}
.scad-story-desktop #tickets .mobile-visible {
  display: none;
}
.scad-story-desktop #tickets .atl-1600-wrapper,
.scad-story-desktop #tickets .poetter-wrapper {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: calc(50vh - 4px);
}
.scad-story-desktop #tickets .ticket-location-card {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 30px;
  box-shadow: 3px 3px 10px #0000004D;
  width: 350px;
  margin-right: 10px;
}
@media screen and (min-width: 992px) {
  .scad-story-desktop #tickets .ticket-location-card {
    margin-right: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .scad-story-desktop #tickets .ticket-location-card {
    margin-right: 80px;
  }
}

#about-scad #browse-programs,
#about-scad #start-application,
#about-scad #request-information, #about-scad #browse-programs:before,
#about-scad #start-application:before,
#about-scad #request-information:before, #about-scad #browse-programs .btn,
#about-scad #start-application .btn,
#about-scad #request-information .btn {
  transition: all .5s;
}

#about-scad #browse-programs,
#about-scad #start-application,
#about-scad #request-information {
  z-index: 1;
  align-items: flex-end;
}
#about-scad #browse-programs:before,
#about-scad #start-application:before,
#about-scad #request-information:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.1;
}
#about-scad #browse-programs .btn,
#about-scad #start-application .btn,
#about-scad #request-information .btn {
  box-shadow: 0 0 6px transparent;
}
#about-scad #browse-programs:hover,
#about-scad #start-application:hover,
#about-scad #request-information:hover {
  background-color: #000;
}
#about-scad #browse-programs:hover:before,
#about-scad #start-application:hover:before,
#about-scad #request-information:hover:before {
  opacity: 0.6;
}
#about-scad #browse-programs:hover .btn,
#about-scad #start-application:hover .btn,
#about-scad #request-information:hover .btn {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.26);
}
#about-scad #browse-programs:before {
  background-image: url("/img/stock/SCADStory-temporary-Mask-bknd.jpg");
}
#about-scad #request-information:before {
  background-image: url("/img/stock/SCADstory_BGimage2.jpg");
  background-position: center top;
}
#about-scad #start-application:before {
  background-image: url("/img/stock/SCADstory_BGimage3.jpg");
}
.scad-story-desktop #about-scad .padding-block {
  padding-top: 100px;
  padding-bottom: 100px;
}
.scad-story-mobile #about-scad #browse-programs,
.scad-story-mobile #about-scad #start-application,
.scad-story-mobile #about-scad #request-information {
  height: 100vw;
  background-color: #000 !important;
}
.scad-story-mobile #about-scad #browse-programs:before,
.scad-story-mobile #about-scad #start-application:before,
.scad-story-mobile #about-scad #request-information:before {
  opacity: .6;
}
.scad-story-mobile #about-scad #browse-programs {
  height: calc(400vw / 3);
}