@charset "UTF-8";
@import url("//hello.myfonts.net/count/325450");
.fpo {
  filter: brightness(2) saturate(5);
  background-color: goldenrod;
  background-blend-mode: multiply;
  outline: 2px solid goldenrod; }

@font-face {
  font-family: 'FranklinGothicBT-ExtraCondensed';
  src: url("../fonts/325450_0_0.eot");
  src: url("../fonts/325450_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/325450_0_0.woff2") format("woff2"), url("../fonts/325450_0_0.woff") format("woff"), url("../fonts/325450_0_0.ttf") format("truetype"); }

html {
  touch-action: manipulation; }

.main-content .platform-page app-root a {
  -webkit-transition: color 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: color 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: color 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: color 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
  /* easeOutSine */ }
  .main-content .platform-page app-root a.blue {
    color: #25a9e0; }
  .main-content .platform-page app-root a:hover {
    color: #4d4d4d; }
  .main-content .platform-page app-root a.btn-learn-more:hover, .main-content .platform-page app-root a.btn-learn-more:hover:after, .main-content .platform-page app-root a.btn-play-video:hover, .main-content .platform-page app-root a.btn-play-video:hover:after {
    color: #4d4d4d; }

.main-content .platform-page app-root .flash-card-block a.btn-learn-more,
.main-content .platform-page app-root .flash-card-block a.btn-play-video {
  color: #FFFFFF; }
  .main-content .platform-page app-root .flash-card-block a.btn-learn-more:after,
  .main-content .platform-page app-root .flash-card-block a.btn-play-video:after {
    color: #FFFFFF; }
  .main-content .platform-page app-root .flash-card-block a.btn-learn-more:hover,
  .main-content .platform-page app-root .flash-card-block a.btn-play-video:hover {
    color: #bbdbe8; }
    .main-content .platform-page app-root .flash-card-block a.btn-learn-more:hover:after,
    .main-content .platform-page app-root .flash-card-block a.btn-play-video:hover:after {
      color: #bbdbe8; }

.main-content .platform-page app-root .navbar {
  transform: translateZ(0); }

.main-content .platform-page app-root .btn-learn-more,
.main-content .platform-page app-root .btn-play-video {
  position: relative;
  text-transform: uppercase;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }
  .main-content .platform-page app-root .btn-learn-more.btn-learn-more:after,
  .main-content .platform-page app-root .btn-play-video.btn-learn-more:after {
    content: "►";
    color: #25a9e0;
    width: 9px;
    height: 11px;
    top: 50%;
    margin-top: -9.0px;
    right: -20px;
    display: block;
    position: absolute;
    -webkit-transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
    /* easeOutSine */ }
  .main-content .platform-page app-root .btn-learn-more.btn-learn-more:hover:after,
  .main-content .platform-page app-root .btn-play-video.btn-learn-more:hover:after {
    right: -23px; }
  .main-content .platform-page app-root .btn-learn-more.btn-play-video,
  .main-content .platform-page app-root .btn-play-video.btn-play-video {
    line-height: 32px;
    padding-right: 41px; }
    .main-content .platform-page app-root .btn-learn-more.btn-play-video:before,
    .main-content .platform-page app-root .btn-play-video.btn-play-video:before {
      display: inline-block;
      content: '';
      width: 32px;
      height: 32px;
      position: absolute;
      top: -7px;
      right: -3px;
      z-index: 3;
      background-image: url(../images/icon-play-video.svg); }

.main-content .platform-page app-root .leading-zero {
  counter-reset: items;
  padding-left: 0; }
  .main-content .platform-page app-root .leading-zero li {
    display: block;
    counter-increment: items; }
  .main-content .platform-page app-root .leading-zero li:before {
    content: "0" counter(items) ": ";
    color: #25a9e0; }
  .main-content .platform-page app-root .leading-zero li:nth-child(n+10):before {
    content: "0" counter(items) ": "; }
  .main-content .platform-page app-root .leading-zero li:nth-child(n+100):before {
    content: counter(items) ": "; }

.main-content .platform-page app-root .hr {
  margin: 20px 0;
  display: inline-block; }
  .main-content .platform-page app-root .hr img {
    width: 100%;
    height: 4px; }

.main-content .platform-page app-root h1, .main-content .platform-page app-root h2, .main-content .platform-page app-root h3, .main-content .platform-page app-root h4 {
  font-family: "FranklinGothicBT-ExtraCondensed", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-kerning: auto;
  letter-spacing: 0.3rem;
  text-rendering: optimizeLegibility; }
  .main-content .platform-page app-root h1 small, .main-content .platform-page app-root h2 small, .main-content .platform-page app-root h3 small, .main-content .platform-page app-root h4 small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.32em;
    line-height: 2rem;
    letter-spacing: 0;
    clear: both;
    display: block; }

.main-content .platform-page app-root h2 {
  font-size: 4rem; }
  @media all and (min-width: 1440px) {
    .main-content .platform-page app-root h2 {
      font-size: 5.3rem; } }

.main-content .platform-page app-root p {
  text-rendering: optimizeLegibility;
  color: gray;
  margin-top: 20px;
  margin-bottom: 20px; }
  .main-content .platform-page app-root p.no-top-margin {
    margin-top: 0; }
  .main-content .platform-page app-root p.no-bot-margin {
    margin-bottom: 0; }

.main-content .platform-page app-root h1, .main-content .platform-page app-root h2, .main-content .platform-page app-root h3, .main-content .platform-page app-root h4, .main-content .platform-page app-root h5, .main-content .platform-page app-root p, .main-content .platform-page app-root span, .main-content .platform-page app-root small, .main-content .platform-page app-root a, .main-content .platform-page app-root ul, .main-content .platform-page app-root li {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.main-content .platform-page app-root .hero-section {
  position: relative;
  height: 600px;
  padding: 0; }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .hero-section {
      height: 0;
      padding-top: 30.46875%; } }
  .main-content .platform-page app-root .hero-section .title {
    position: absolute;
    height: auto;
    width: 90%;
    top: auto;
    left: 50%;
    bottom: 8%;
    transform: translate3d(-50%, 0, 0); }
    @media all and (min-width: 768px) {
      .main-content .platform-page app-root .hero-section .title {
        top: 50%;
        transform: translate3d(-50%, -50%, 0); } }
    .main-content .platform-page app-root .hero-section .title img {
      margin-bottom: 20px;
      max-width: 100%; }
    .main-content .platform-page app-root .hero-section .title h1 {
      font-size: 5rem;
      visibility: hidden;
      font-kerning: auto;
      color: white;
      display: block;
      letter-spacing: 0.6rem;
      flex-flow: row wrap;
      align-items: center;
      justify-content: space-between; }
      @media all and (min-width: 375px) {
        .main-content .platform-page app-root .hero-section .title h1 {
          letter-spacing: 0.8rem; } }
      @media all and (min-width: 425px) {
        .main-content .platform-page app-root .hero-section .title h1 {
          letter-spacing: 1.2rem; } }
      @media all and (min-width: 768px) {
        .main-content .platform-page app-root .hero-section .title h1 {
          letter-spacing: 0;
          display: flex; } }
      @media all and (min-width: 1024px) {
        .main-content .platform-page app-root .hero-section .title h1 {
          letter-spacing: 1.5rem;
          font-size: 6rem; } }
      @media all and (min-width: 1440px) {
        .main-content .platform-page app-root .hero-section .title h1 {
          font-size: 8rem; } }
      @media all and (min-width: 2560px) {
        .main-content .platform-page app-root .hero-section .title h1 {
          font-size: 12rem; } }
      .main-content .platform-page app-root .hero-section .title h1 span {
        flex: 0 0 auto; }
    .main-content .platform-page app-root .hero-section .title small {
      color: white;
      font-kerning: auto;
      font-size: 1.1rem; }
      @media all and (min-width: 1024px) {
        .main-content .platform-page app-root .hero-section .title small {
          font-size: 1.5rem; } }
      @media all and (min-width: 1440px) {
        .main-content .platform-page app-root .hero-section .title small {
          font-size: 1.8rem; } }
      @media all and (min-width: 2560px) {
        .main-content .platform-page app-root .hero-section .title small {
          font-size: 3rem; } }

.main-content .platform-page app-root .stat-cards {
  margin-top: -20px;
  padding: 20px 0;
  background: url("../images/white-gray-bg.svg") no-repeat top right;
  background-size: 250px; }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .stat-cards {
      background-size: 500px; } }
  .main-content .platform-page app-root .stat-cards h2 {
    font-size: 4rem;
    letter-spacing: 0.3rem;
    color: black;
    margin-bottom: 20px; }
  .main-content .platform-page app-root .stat-cards .icon {
    text-align: center; }
    @media all and (max-width: 767px) {
      .main-content .platform-page app-root .stat-cards .icon {
        width: 66.66667%;
        margin-left: 16.66667%; } }
    .main-content .platform-page app-root .stat-cards .icon p {
      color: #999999; }

.main-content .platform-page app-root .biography-block {
  min-height: 550px; }
  @media all and (min-width: 425px) {
    .main-content .platform-page app-root .biography-block {
      height: auto; } }
  .main-content .platform-page app-root .biography-block h3, .main-content .platform-page app-root .biography-block h4 {
    color: #25a9e0;
    letter-spacing: 0.3rem; }
    .main-content .platform-page app-root .biography-block h3 small, .main-content .platform-page app-root .biography-block h4 small {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.2rem;
      line-height: 1.2;
      letter-spacing: 0;
      color: #4d4d4d; }
  .main-content .platform-page app-root .biography-block h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: inherit; }
  .main-content .platform-page app-root .biography-block p {
    color: gray; }
  .main-content .platform-page app-root .biography-block .gamer-bg {
    position: relative; }
    @media all and (min-width: 768px) {
      .main-content .platform-page app-root .biography-block .gamer-bg {
        padding-bottom: 0;
        height: 446px; } }
    @media all and (max-width: 767px) {
      .main-content .platform-page app-root .biography-block .gamer-bg .col-sm-8 {
        padding: 0; } }
    .main-content .platform-page app-root .biography-block .gamer-bg .gamer-hero {
      display: none; }
      @media all and (min-width: 768px) {
        .main-content .platform-page app-root .biography-block .gamer-bg .gamer-hero {
          display: block;
          position: absolute;
          bottom: 0;
          right: 0;
          background: url("../images/training/gaming-grounds-bg.jpg") no-repeat right bottom;
          background-size: cover;
          height: 191.5px;
          width: 124px; } }
      @media all and (min-width: 1024px) {
        .main-content .platform-page app-root .biography-block .gamer-bg .gamer-hero {
          height: 383px;
          width: 248px; } }
    .main-content .platform-page app-root .biography-block .gamer-bg:after {
      display: none; }
      @media all and (min-width: 768px) {
        .main-content .platform-page app-root .biography-block .gamer-bg:after {
          content: '';
          display: block;
          position: absolute;
          background: url("../images/green-blue-shelf.svg") no-repeat top right;
          background-size: cover;
          height: 66.64px;
          width: 333.2px;
          right: 0;
          top: 100%; } }
      @media all and (min-width: 1024px) {
        .main-content .platform-page app-root .biography-block .gamer-bg:after {
          height: 90.0px;
          width: 450.0px; } }
  .main-content .platform-page app-root .biography-block strong {
    color: #25a9e0;
    font-weight: 700; }
  .main-content .platform-page app-root .biography-block aside {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 400;
    font-style: italic;
    color: white;
    padding: 20px 40px 20px 0; }
    @media all and (min-width: 375px) {
      .main-content .platform-page app-root .biography-block aside {
        padding-left: 15px; } }
    @media all and (min-width: 768px) {
      .main-content .platform-page app-root .biography-block aside {
        padding-left: 0; } }
    .main-content .platform-page app-root .biography-block aside:before {
      content: '';
      background: url("../images/blue-angle-bg.svg") no-repeat top right;
      background-size: cover;
      display: block;
      position: absolute;
      left: -200%;
      top: 0;
      bottom: 0;
      right: 0;
      z-index: 0; }
    .main-content .platform-page app-root .biography-block aside span,
    .main-content .platform-page app-root .biography-block aside cite {
      display: block;
      position: relative;
      z-index: 20;
      color: white; }
    .main-content .platform-page app-root .biography-block aside cite {
      display: block;
      width: 100%;
      margin-top: 1.5rem;
      margin-right: -10px;
      text-align: right;
      font-size: 1.2rem;
      line-height: 1.5rem;
      font-weight: 700; }
      .main-content .platform-page app-root .biography-block aside cite:before {
        content: '\2014'; }
    .main-content .platform-page app-root .biography-block aside span {
      font-family: Arial, Helvetica, sans-serif;
      margin-right: 40px;
      font-size: 1.8rem;
      line-height: 2rem; }
      @media all and (min-width: 1024px) {
        .main-content .platform-page app-root .biography-block aside span {
          font-size: 2rem;
          line-height: 2.6rem; } }

.main-content .platform-page app-root .interactive-content-block h2 {
  letter-spacing: 0.3rem;
  color: #25a9e0; }

@media all and (max-width: 767px) {
  .main-content .platform-page app-root .interactive-content-block .icon {
    width: 66.66667%;
    margin-left: 16.66667%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .main-content .platform-page app-root .interactive-content-block .icon img,
    .main-content .platform-page app-root .interactive-content-block .icon p {
      margin: auto; }
    .main-content .platform-page app-root .interactive-content-block .icon p {
      text-align: center; } }

.main-content .platform-page app-root .interactive-content-block .icon p {
  color: gray;
  font-weight: 400;
  margin: 15px 0 30px; }

.main-content .platform-page app-root .interactive-content-block .container {
  position: relative;
  z-index: 10; }

.main-content .platform-page app-root .interactive-content-block .content-block-spacer {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .interactive-content-block .content-block-spacer {
      margin-top: 40px;
      margin-bottom: 40px; } }

.main-content .platform-page app-root .content-block-on-black .left-col-hero {
  background-size: cover;
  position: absolute;
  width: 238.4px;
  height: 235.2px;
  top: 180px;
  left: 50%;
  z-index: 0;
  transform: translateX(-80%); }
  .main-content .platform-page app-root .content-block-on-black .left-col-hero + div {
    margin-bottom: 200px; }
  @media all and (min-width: 375px) {
    .main-content .platform-page app-root .content-block-on-black .left-col-hero {
      top: 190px;
      transform: translateX(-95%); } }
  @media all and (min-width: 425px) {
    .main-content .platform-page app-root .content-block-on-black .left-col-hero {
      top: 140px;
      left: 0;
      transform: translateX(0); } }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .content-block-on-black .left-col-hero {
      width: 357.6px;
      height: 352.8px;
      top: 120px;
      left: 50%;
      transform: translateX(-95%); }
      .main-content .platform-page app-root .content-block-on-black .left-col-hero + div {
        margin: 0; } }
  @media all and (min-width: 1024px) {
    .main-content .platform-page app-root .content-block-on-black .left-col-hero {
      top: 120px;
      left: 45%;
      transform: translateX(-100%); } }
  @media all and (min-width: 1440px) {
    .main-content .platform-page app-root .content-block-on-black .left-col-hero {
      transform: translateX(-120%); } }

.main-content .platform-page app-root .content-block-on-black .btn-play-video:link, .main-content .platform-page app-root .content-block-on-black .btn-play-video:visited, .main-content .platform-page app-root .content-block-on-black .btn-learn-more:link, .main-content .platform-page app-root .content-block-on-black .btn-learn-more:visited {
  color: white; }
  .main-content .platform-page app-root .content-block-on-black .btn-play-video:link:hover, .main-content .platform-page app-root .content-block-on-black .btn-play-video:visited:hover, .main-content .platform-page app-root .content-block-on-black .btn-learn-more:link:hover, .main-content .platform-page app-root .content-block-on-black .btn-learn-more:visited:hover {
    color: #d7d7d7; }

.main-content .platform-page app-root .content-block-on-black .col-xs-3,
.main-content .platform-page app-root .content-block-on-black .col-xs-9 {
  float: left; }

.main-content .platform-page app-root .content-block-on-black .col-xs-3 {
  width: 25%; }

.main-content .platform-page app-root .content-block-on-black .col-xs-9 {
  width: 75%; }

.main-content .platform-page app-root .content-block-on-black .content-block-spacer {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .content-block-on-black .content-block-spacer {
      min-height: 150px; } }

.main-content .platform-page app-root .content-block-on-black h2 {
  margin-top: 40px;
  position: relative;
  z-index: 20;
  font-size: 4rem; }
  @media all and (min-width: 1024px) {
    .main-content .platform-page app-root .content-block-on-black h2 {
      font-size: 5.3rem; } }
  .main-content .platform-page app-root .content-block-on-black h2 small {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: white; }

.main-content .platform-page app-root .content-block-on-black h3 {
  margin-top: 0;
  color: #25a9e0; }

.main-content .platform-page app-root .content-block-on-black p {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400; }

.main-content .platform-page app-root .content-block-on-black strong.blue {
  color: #25a9e0; }

.main-content .platform-page app-root .content-block-on-black .content-block-spacer-2 {
  margin-top: 40px;
  margin-bottom: 40px; }

.main-content .platform-page app-root .content-block-with-image {
  position: relative; }
  .main-content .platform-page app-root .content-block-with-image .left-col-hero {
    position: absolute;
    width: 307px;
    height: 230.5px;
    top: 140px;
    left: 50%;
    transform: translateX(-50%); }
    .main-content .platform-page app-root .content-block-with-image .left-col-hero + div {
      margin-bottom: 200px; }
    @media all and (min-width: 375px) {
      .main-content .platform-page app-root .content-block-with-image .left-col-hero {
        top: 120px; } }
    @media all and (min-width: 425px) {
      .main-content .platform-page app-root .content-block-with-image .left-col-hero {
        top: 80px; } }
    @media all and (min-width: 768px) {
      .main-content .platform-page app-root .content-block-with-image .left-col-hero {
        width: 405.24px;
        height: 304.26px;
        top: 45px;
        transform: translateX(-95%); }
        .main-content .platform-page app-root .content-block-with-image .left-col-hero + div {
          margin: 0; } }
    @media all and (min-width: 1024px) {
      .main-content .platform-page app-root .content-block-with-image .left-col-hero {
        transform: translateX(-117%); } }
    @media all and (min-width: 1440px) {
      .main-content .platform-page app-root .content-block-with-image .left-col-hero {
        transform: translateX(-125%); } }
  .main-content .platform-page app-root .content-block-with-image h2 {
    letter-spacing: 0.3rem; }
  .main-content .platform-page app-root .content-block-with-image h3 {
    color: #25a9e0; }
  .main-content .platform-page app-root .content-block-with-image strong {
    color: #25a9e0;
    text-transform: uppercase; }

.main-content .platform-page app-root .flash-card-block h2 {
  font-size: 4rem;
  margin-top: 40px;
  margin-bottom: 10px; }
  @media all and (min-width: 1440px) {
    .main-content .platform-page app-root .flash-card-block h2 {
      font-size: 5.3rem; } }

.main-content .platform-page app-root .flash-card-block p {
  color: white; }

@media all and (min-width: 768px) {
  .main-content .platform-page app-root .flash-card-block .icon-row {
    display: flex; } }

.main-content .platform-page app-root .flash-card-block .icon {
  background-color: #25a9e0;
  color: white;
  padding: 20px 10px 10px;
  margin: 15px; }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .flash-card-block .icon {
      flex: 1 1 25%; } }
  @media all and (max-width: 767px) {
    .main-content .platform-page app-root .flash-card-block .icon {
      width: 66.66667%;
      margin-left: 16.66667%; } }
  @media all and (max-width: 374px) {
    .main-content .platform-page app-root .flash-card-block .icon {
      width: 90%;
      margin-left: 5%; } }
  .main-content .platform-page app-root .flash-card-block .icon p {
    margin-top: 10px;
    font-size: 1.4rem; }
  .main-content .platform-page app-root .flash-card-block .icon img {
    margin: auto; }
  .main-content .platform-page app-root .flash-card-block .icon strong {
    min-height: 4rem;
    display: block; }
    @media all and (min-width: 1440px) {
      .main-content .platform-page app-root .flash-card-block .icon strong {
        display: inline; } }

.main-content .platform-page app-root .QuoteWithImage {
  position: relative; }
  @media all and (max-width: 767px) {
    .main-content .platform-page app-root .QuoteWithImage {
      clear: left; } }
  .main-content .platform-page app-root .QuoteWithImage .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .main-content .platform-page app-root .QuoteWithImage aside {
    position: relative;
    padding: 20px 0 20px 30px;
    margin-left: 40px;
    margin-bottom: 100px; }
    @media all and (min-width: 1024px) {
      .main-content .platform-page app-root .QuoteWithImage aside {
        padding-left: 40px;
        margin-bottom: 140px; } }
    .main-content .platform-page app-root .QuoteWithImage aside:before {
      content: '';
      background: url("../images/white-zag.svg") no-repeat;
      background-size: contain;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 5%;
      width: 200%;
      height: 200%;
      z-index: 2; }
      @media all and (min-width: 375px) {
        .main-content .platform-page app-root .QuoteWithImage aside:before {
          left: 10%; } }
      @media all and (min-width: 425px) {
        .main-content .platform-page app-root .QuoteWithImage aside:before {
          left: 25%; } }
      @media all and (min-width: 1440px) {
        .main-content .platform-page app-root .QuoteWithImage aside:before {
          left: 35%; } }
    .main-content .platform-page app-root .QuoteWithImage aside:after {
      content: '';
      background: url("../images/blue-zag.svg") no-repeat top left;
      background-size: cover;
      display: block;
      position: absolute;
      top: 0;
      right: -100%;
      bottom: 0;
      left: 0;
      z-index: 0; }
    .main-content .platform-page app-root .QuoteWithImage aside.med-left-align {
      padding-left: 0;
      padding-right: 10px;
      margin-left: 0; }
      .main-content .platform-page app-root .QuoteWithImage aside.med-left-align:after {
        background: url("../images/blue-angle-bg.svg") no-repeat top right;
        right: 0;
        left: -200%;
        background: #25a9e0 none;
        height: 180px; }
      .main-content .platform-page app-root .QuoteWithImage aside.med-left-align cite {
        right: 20px; }
      .main-content .platform-page app-root .QuoteWithImage aside.med-left-align .trainer-image {
        position: absolute;
        left: 80px; }
        .main-content .platform-page app-root .QuoteWithImage aside.med-left-align .trainer-image img {
          /*position: absolute;
            border: 2px solid $saic-blue;
            border-radius: 50%;
            height: 120px;
            width: 120px;
            top: 50%;
            left: 50%;
            transform: translate3D(-50%, -50%, 0);
            z-index: 2;
            @include min-portrait {
                border-width: 3px;
                height: 256px * $ti-scale-p;
                width: 256px * $ti-scale-p;
            }
            @include min-landscape {
                border-width: 4px;
                height: 256px * $ti-scale-l;
                width: 256px * $ti-scale-l;
            }*/ }
        .main-content .platform-page app-root .QuoteWithImage aside.med-left-align .trainer-image:after {
          /*position: absolute;
            content: '';
            background: url("../images/profile-diamond.svg") no-repeat;
            background-size: contain;
            width: 458px * $ti-scale-m;
            height: 184px * $ti-scale-m;
            display: block;
            top: 50%;
            left: 50%;
            z-index: 1;
            transform: translate3D(-50%, -50%, 0);
            @include min-portrait {
                width: 458px * $ti-scale-p;
                height: 184px * $ti-scale-p;
            }
            @include min-landscape {
                width: 458px * $ti-scale-l;
                height: 184px * $ti-scale-l;
            }*/ }
    .main-content .platform-page app-root .QuoteWithImage aside span,
    .main-content .platform-page app-root .QuoteWithImage aside cite {
      display: block;
      position: relative;
      color: white;
      z-index: 20; }
    .main-content .platform-page app-root .QuoteWithImage aside span {
      font-style: italic;
      line-height: 2rem;
      font-size: 1.8rem; }
      @media all and (min-width: 425px) {
        .main-content .platform-page app-root .QuoteWithImage aside span {
          font-size: 1.6rem;
          line-height: 2rem; } }
      @media all and (min-width: 1024px) {
        .main-content .platform-page app-root .QuoteWithImage aside span {
          font-size: 2rem;
          line-height: 2.2rem; } }
    .main-content .platform-page app-root .QuoteWithImage aside cite {
      margin-top: 1rem;
      font-weight: 700; }
      .main-content .platform-page app-root .QuoteWithImage aside cite, .main-content .platform-page app-root .QuoteWithImage aside cite span {
        font-size: 1rem;
        line-height: 1.2;
        text-align: right;
        width: 100%; }
      .main-content .platform-page app-root .QuoteWithImage aside cite span.light {
        margin-top: 4px;
        font-weight: 500; }
      .main-content .platform-page app-root .QuoteWithImage aside cite:before {
        content: '\2014'; }
      @media all and (min-width: 768px) {
        .main-content .platform-page app-root .QuoteWithImage aside cite {
          font-size: 1.2rem; } }
    .main-content .platform-page app-root .QuoteWithImage aside .trainer-image {
      position: absolute;
      left: -40px;
      width: 100px;
      height: 155px; }
      @media all and (max-width: 767px) {
        .main-content .platform-page app-root .QuoteWithImage aside .trainer-image {
          height: 75px; } }
      @media all and (min-width: 768px) {
        .main-content .platform-page app-root .QuoteWithImage aside .trainer-image {
          bottom: -125px;
          left: -5px; } }
      @media all and (min-width: 1024px) {
        .main-content .platform-page app-root .QuoteWithImage aside .trainer-image {
          left: 20px; } }
      @media all and (min-width: 1440px) {
        .main-content .platform-page app-root .QuoteWithImage aside .trainer-image {
          left: 20px; } }
      .main-content .platform-page app-root .QuoteWithImage aside .trainer-image img {
        position: absolute;
        border: 2px solid #25a9e0;
        border-radius: 50%;
        height: 120px;
        width: 120px;
        top: 50%;
        left: 50%;
        transform: translate3D(-50%, -50%, 0);
        z-index: 2; }
        @media all and (min-width: 768px) {
          .main-content .platform-page app-root .QuoteWithImage aside .trainer-image img {
            border-width: 3px;
            height: 179.2px;
            width: 179.2px; } }
        @media all and (min-width: 1024px) {
          .main-content .platform-page app-root .QuoteWithImage aside .trainer-image img {
            border-width: 4px;
            height: 230.4px;
            width: 230.4px; } }
      .main-content .platform-page app-root .QuoteWithImage aside .trainer-image:after {
        position: absolute;
        content: '';
        background: url("../images/profile-diamond.svg") no-repeat;
        background-size: contain;
        width: 229px;
        height: 92px;
        display: block;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate3D(-50%, -50%, 0); }
        @media all and (min-width: 768px) {
          .main-content .platform-page app-root .QuoteWithImage aside .trainer-image:after {
            width: 320.6px;
            height: 128.8px; } }
        @media all and (min-width: 1024px) {
          .main-content .platform-page app-root .QuoteWithImage aside .trainer-image:after {
            width: 412.2px;
            height: 165.6px; } }

.main-content .platform-page app-root .content-block h3 {
  margin-bottom: 20px; }

.main-content .platform-page app-root .map {
  position: relative;
  display: block;
  clear: both;
  margin-bottom: 20px; }
  .main-content .platform-page app-root .map .map-points > li {
    position: absolute;
    list-style: none;
    display: block;
    min-width: 36px;
    min-height: 36px; }
    .main-content .platform-page app-root .map .map-points > li .panel {
      display: none;
      opacity: 0;
      background-color: rgba(242, 242, 242, 0.9);
      padding: 10px 20px;
      border-radius: 0;
      border: none;
      width: 25vw;
      max-width: 300px;
      border-top: 4px solid #C4D600;
      margin-top: 15px; }
      @media all and (max-width: 767px) {
        .main-content .platform-page app-root .map .map-points > li .panel {
          width: 250px;
          transform: translatex(-50%); } }
      .main-content .platform-page app-root .map .map-points > li .panel h3 {
        color: #25a9e0; }
    .main-content .platform-page app-root .map .map-points > li:before {
      content: ''; }
    .main-content .platform-page app-root .map .map-points > li .arrow {
      display: block;
      position: absolute;
      height: 24px;
      width: 24px;
      left: -12px;
      top: 0;
      transform: rotate(0deg) translateZ(0);
      transition: transform 300ms ease-in-out; }
      @media all and (min-width: 768px) {
        .main-content .platform-page app-root .map .map-points > li .arrow {
          height: 32px;
          width: 32px; } }
      .main-content .platform-page app-root .map .map-points > li .arrow img {
        max-width: 100%; }
    .main-content .platform-page app-root .map .map-points > li.active {
      z-index: 10; }
      .main-content .platform-page app-root .map .map-points > li.active .panel {
        animation: fade-in 300ms ease-in-out 200ms forwards;
        display: block; }
      .main-content .platform-page app-root .map .map-points > li.active .arrow {
        z-index: 11;
        transform: rotate(90deg) translateZ(0); }

.main-content .platform-page app-root .black-theme {
  position: relative;
  min-height: 300px;
  background-color: black;
  color: white; }
  @media all and (max-width: 767px) {
    .main-content .platform-page app-root .black-theme {
      padding-bottom: 40px; } }
  .main-content .platform-page app-root .black-theme .corner {
    position: absolute;
    left: 0;
    bottom: -0.25px;
    width: 140px;
    height: 140px;
    z-index: 0;
    fill: white; }
    @media all and (max-width: 767px) {
      .main-content .platform-page app-root .black-theme .corner {
        height: 60px;
        width: 60px; } }
  .main-content .platform-page app-root .black-theme p {
    color: white; }
  .main-content .platform-page app-root .black-theme:before, .main-content .platform-page app-root .black-theme:after {
    content: '';
    position: absolute;
    background-image: url("../images/black-angle-sprite.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 140px;
    z-index: 0; }
    @media all and (max-width: 767px) {
      .main-content .platform-page app-root .black-theme:before, .main-content .platform-page app-root .black-theme:after {
        height: 60px;
        width: 60px; } }
  .main-content .platform-page app-root .black-theme:before {
    content: '';
    background-position: 0 0;
    top: -140px;
    left: 0; }
    @media all and (max-width: 767px) {
      .main-content .platform-page app-root .black-theme:before {
        background-size: 120px 60px;
        top: -60px; } }
  .main-content .platform-page app-root .black-theme:after {
    content: '';
    background-position: 100% 0;
    right: 0;
    bottom: -140px; }
    @media all and (max-width: 767px) {
      .main-content .platform-page app-root .black-theme:after {
        background-size: 120px 60px;
        bottom: -60px; } }

.main-content .platform-page app-root .gray-theme {
  background: linear-gradient(to bottom, rgba(77, 77, 77, 0.15) 0, rgba(77, 77, 77, 0.15) 140px, rgba(255, 255, 255, 0.15) 240px); }

.main-content .platform-page app-root .blue-gradient-theme {
  background-image: linear-gradient(to bottom, white 0%, #25a9e0 100%);
  background-size: contain; }

.main-content .platform-page app-root .divider-theme {
  padding: 20px 0;
  background: none; }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .divider-theme {
      padding: 40px 0;
      background: url("../images/divider-sm.svg") no-repeat center center; } }
  .main-content .platform-page app-root .divider-theme .icon {
    text-align: center; }
  .main-content .platform-page app-root .divider-theme h3 {
    color: #25a9e0;
    font-size: 3rem;
    letter-spacing: 0.3rem; }

.main-content .platform-page app-root .divider-theme-lg {
  background: none;
  padding: 36px 0; }
  @media all and (min-width: 768px) {
    .main-content .platform-page app-root .divider-theme-lg {
      padding: 40px 0;
      background: url("../images/divider.svg") no-repeat center center; }
      .main-content .platform-page app-root .divider-theme-lg.stretch {
        background-size: 2px 100%; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.modal {
  position: fixed;
  height: auto;
  width: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  overflow: hidden;
  z-index: 2000; }
  .modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
    height: calc((100vw - 100px) * 0.5625);
    max-height: 100%;
    width: calc(100vw - 100px);
    max-width: 1280px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    background-color: transparent;
    color: white;
    text-align: center; }
    @media all and (orientation: landscape) and (min-width: 1280px) {
      .modal-content {
        top: 10%;
        height: calc((100vw - 120px) * 0.5625);
        width: calc(100vw - 120px);
        transform: translate3D(-50%, 0, 0); } }
    .modal-content iframe,
    .modal-content video,
    .modal-content img {
      max-width: 100%;
      max-height: 100%; }
    .modal-content p {
      text-align: left; }
  .modal .close-btn {
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 10px;
    height: 33px;
    width: 33px;
    z-index: 100; }
    .modal .close-btn img {
      border: 1px solid #999999;
      border-radius: 100%;
      max-width: 100%; }
  .modal h3 {
    color: white; }

#redefining-ingenuity a.visit-page-link:link,
#redefining-ingenuity a.visit-page-link:visited {
  text-transform: capitalize;
  text-decoration: underline; }

.current-openings {
  margin-left: 4%; }
  @media all and (max-width: 767px) {
    .current-openings {
      margin-left: 0; } }
  .current-openings ol li {
    margin-bottom: 4px; }
  .current-openings a, .current-openings a:link, .current-openings a:visited {
    text-decoration: underline;
    color: gray;
    font-weight: 400; }
  .current-openings a.btn-learn-more {
    text-decoration: none; }
  .current-openings a:hover {
    color: #d7d7d7; }

.share-column {
  text-align: center;
  margin-top: -10px;
  margin-left: -4%; }
  .share-column > ul, .share-column > ul > li {
    list-style: none;
    background-image: none;
    margin: 0;
    padding: 0; }
  .share-column > ul > li:before {
    content: ""; }
  .share-column > ul > li > a {
    width: 32px;
    display: inline-block;
    opacity: 0.99;
    margin-bottom: 12px; }
    .share-column > ul > li > a:hover img {
      opacity: 0.65; }
    .share-column > ul > li > a img {
      width: 100%;
      max-width: 30px;
      height: auto;
      -webkit-transition: opacity 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
      -moz-transition: opacity 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
      -o-transition: opacity 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
      transition: opacity 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
      /* easeOutSine */ }
  @media all and (min-width: 768px) {
    .share-column > h5 {
      line-height: 1.0em;
      margin-bottom: 10px; }
    .share-column > a {
      display: block;
      margin-bottom: 12px; }
      .share-column > a img {
        height: auto; } }

.blue {
  color: #25a9e0; }

.width-70 {
  width: 70%; }

.width-80 {
  width: 80%; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.margin-top-5 {
  margin-top: 5px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-40 {
  margin-top: 40px; }

.margin-top-80 {
  margin-top: 80px; }

.padding-left-0 {
  padding-left: 0 !important; }

.padding-right-0 {
  padding-right: 0 !important; }

.margin-right-20 {
  margin-right: 20px; }

.margin-right-40 {
  margin-right: 40px; }

.margin-right-60 {
  margin-right: 60px; }

.margin-right-80 {
  margin-right: 80px; }

.italic {
  font-style: italic; }

@media all and (min-width: 768px) {
  .padding-left-45-responsive {
    padding-left: 45px; } }

.img-right-align .content-wrap {
  position: relative; }
  .img-right-align .content-wrap img {
    width: 100%;
    float: right; }
    .img-right-align .content-wrap img.width-50 {
      width: 50%; }

.right {
  float: right; }

.block {
  display: block; }

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