/** Breakpoints **/
/** Responsive variables to use site wide **/
@import url("//hello.myfonts.net/count/348a7d");
/* resource center colors */
/** Breakpoints **/
/** Breakpoints **/
/** Responsive variables to use site wide **/
@import url("//hello.myfonts.net/count/348a7d");
/* resource center colors */
/** Breakpoints **/
@import url("//hello.myfonts.net/count/348a7d");
@font-face {
  font-family: 'Stint-Ultra-Condensed';
  src: url(/web/fonts/StintUltraCondensed-Regular.eot);
  src: url(/web/fonts/StintUltraCondensed-Regular.eot?#iefix) format("embedded-opentype"), url(/web/fonts/StintUltraCondensed-Regular.woff) format("woff"), url(/web/fonts/StintUltraCondensed-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'icon';
  src: url("/web/fonts/icons-primary.eot?s");
  src: url("/web/fonts/icons-primary.eot?#iefix") format("embedded-opentype"), url("/web/fonts/icons-primary.ttf?s") format("truetype"), url("/web/fonts/icons-primary.woff?s") format("woff"), url("/web/fonts/icons-primary.svg#icons-primary?s") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Nav-Icon';
  src: url("/web/fonts/icons-navigation.eot");
  src: url("/web/fonts/icons-navigation.eot?#iefix") format("embedded-opentype"), url("/web/fonts/icons-navigation.woff") format("woff"), url("/web/fonts/icons-navigation.ttf") format("truetype"), url("/web/fonts/icons-navigation.svg#icons-navigation") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sofia-pro';
  src: url("/web/fonts/SofiaProSemiBold.eot");
  src: url("/web/fonts/SofiaProSemiBold.eot?#iefix") format("embedded-opentype"), url("/web/fonts/SofiaProSemiBold.woff2") format("woff2"), url("/web/fonts/SofiaProSemiBold.woff") format("woff"), url("/web/fonts/SofiaProSemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'robotoblack';
  src: url("/web/fonts/Roboto-Black.eot");
  src: url("/web/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Black.woff") format("woff"), url("/web/fonts/Roboto-Black.ttf") format("truetype"), url("/web/fonts/Roboto-Black.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'robotoblack';
  src: url("/web/fonts/Roboto-BlackItallic.eot");
  src: url("/web/fonts/Roboto-BlackItallic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-BlackItalic.woff") format("woff"), url("/web/fonts/Roboto-BlackItalic.ttf") format("truetype"), url("/web/fonts/Roboto-BlackItalic.svg#robotoblackitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-Regular.eot");
  src: url("/web/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Regular.woff") format("woff"), url("/web/fonts/Roboto-Regular.ttf") format("truetype"), url("/web/fonts/Roboto-Regular.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-Bold.eot");
  src: url("/web/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Bold.woff") format("woff"), url("/web/fonts/Roboto-Bold.ttf") format("truetype"), url("/web/fonts/Roboto-Bold.svg#robotobold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-Italic.eot");
  src: url("/web/fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Italic.woff") format("woff"), url("/web/fonts/Roboto-Italic.ttf") format("truetype"), url("/web/fonts/Roboto-Italic.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-BoldItalic.eot");
  src: url("/web/fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-BoldItalic.woff") format("woff"), url("/web/fonts/Roboto-BoldItalic.ttf") format("truetype"), url("/web/fonts/Roboto-BoldItalic.svg#robotobolditalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-light';
  src: url("/web/fonts/Roboto-Light.eot");
  src: url("/web/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Light.woff") format("woff"), url("/web/fonts/Roboto-Light.ttf") format("truetype"), url("/web/fonts/Roboto-Light.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-light';
  src: url("/web/fonts/Roboto-LightItalic.eot");
  src: url("/web/fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-LightItalic.woff") format("woff"), url("/web/fonts/Roboto-LightItalic.ttf") format("truetype"), url("/web/fonts/Roboto-LightItalic.svg#robotolightitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-medium';
  src: url("/web/fonts/Roboto-Medium.eot");
  src: url("/web/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Medium.woff") format("woff"), url("/web/fonts/Roboto-Medium.ttf") format("truetype"), url("/web/fonts/Roboto-Medium.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-medium';
  src: url("/web/fonts/Roboto-MediumItalic.eot");
  src: url("/web/fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-MediumItalic.woff") format("woff"), url("/web/fonts/Roboto-MediumItalic.ttf") format("truetype"), url("/web/fonts/Roboto-MediumItalic.svg#robotomediumitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-thin';
  src: url("/web/fonts/Roboto-Thin.eot");
  src: url("/web/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Thin.woff") format("woff"), url("/web/fonts/Roboto-Thin.ttf") format("truetype"), url("/web/fonts/Roboto-Thin.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-thin';
  src: url("/web/fonts/Roboto-ThinItalic.eot");
  src: url("/web/fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-ThinItalic.woff") format("woff"), url("/web/fonts/Roboto-ThinItalic.ttf") format("truetype"), url("/web/fonts/Roboto-ThinItalic.svg#robotothinitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'robotoblack';
  src: url("/web/fonts/Roboto-Black.eot");
  src: url("/web/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Black.woff") format("woff"), url("/web/fonts/Roboto-Black.ttf") format("truetype"), url("/web/fonts/Roboto-Black.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'robotoblack';
  src: url("/web/fonts/Roboto-BlackItallic.eot");
  src: url("/web/fonts/Roboto-BlackItallic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-BlackItalic.woff") format("woff"), url("/web/fonts/Roboto-BlackItalic.ttf") format("truetype"), url("/web/fonts/Roboto-BlackItalic.svg#robotoblackitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-Regular.eot");
  src: url("/web/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Regular.woff") format("woff"), url("/web/fonts/Roboto-Regular.ttf") format("truetype"), url("/web/fonts/Roboto-Regular.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-Bold.eot");
  src: url("/web/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Bold.woff") format("woff"), url("/web/fonts/Roboto-Bold.ttf") format("truetype"), url("/web/fonts/Roboto-Bold.svg#robotobold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-Italic.eot");
  src: url("/web/fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Italic.woff") format("woff"), url("/web/fonts/Roboto-Italic.ttf") format("truetype"), url("/web/fonts/Roboto-Italic.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto';
  src: url("/web/fonts/Roboto-BoldItalic.eot");
  src: url("/web/fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-BoldItalic.woff") format("woff"), url("/web/fonts/Roboto-BoldItalic.ttf") format("truetype"), url("/web/fonts/Roboto-BoldItalic.svg#robotobolditalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-light';
  src: url("/web/fonts/Roboto-Light.eot");
  src: url("/web/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Light.woff") format("woff"), url("/web/fonts/Roboto-Light.ttf") format("truetype"), url("/web/fonts/Roboto-Light.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-light';
  src: url("/web/fonts/Roboto-LightItalic.eot");
  src: url("/web/fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-LightItalic.woff") format("woff"), url("/web/fonts/Roboto-LightItalic.ttf") format("truetype"), url("/web/fonts/Roboto-LightItalic.svg#robotolightitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-medium';
  src: url("/web/fonts/Roboto-Medium.eot");
  src: url("/web/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Medium.woff") format("woff"), url("/web/fonts/Roboto-Medium.ttf") format("truetype"), url("/web/fonts/Roboto-Medium.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-medium';
  src: url("/web/fonts/Roboto-MediumItalic.eot");
  src: url("/web/fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-MediumItalic.woff") format("woff"), url("/web/fonts/Roboto-MediumItalic.ttf") format("truetype"), url("/web/fonts/Roboto-MediumItalic.svg#robotomediumitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-thin';
  src: url("/web/fonts/Roboto-Thin.eot");
  src: url("/web/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-Thin.woff") format("woff"), url("/web/fonts/Roboto-Thin.ttf") format("truetype"), url("/web/fonts/Roboto-Thin.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

@font-face {
  font-family: 'roboto-thin';
  src: url("/web/fonts/Roboto-ThinItalic.eot");
  src: url("/web/fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/web/fonts/Roboto-ThinItalic.woff") format("woff"), url("/web/fonts/Roboto-ThinItalic.ttf") format("truetype"), url("/web/fonts/Roboto-ThinItalic.svg#robotothinitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-variant: normal; }

@font-face {
  font-family: 'VivaBeautiful';
  src: url("/web/fonts/VivaBeautifulPro-Regular.eot");
  src: url("/web/fonts/VivaBeautifulPro-Regular.eot?#iefix") format("embedded-opentype"), url("/web/fonts/VivaBeautifulPro-Regular.woff") format("woff"), url("/web/fonts/VivaBeautifulPro-Regular.woff2") format("woff2"), url("/web/fonts/VivaBeautifulPro-Regular.ttf") format("truetype"), url("/web/fonts/VivaBeautifulPro-Regular.svg#robotothinitalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }

.icon, .icon-nav, [class^="icon-"], [class*=" icon-"] {
  font-family: 'icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-nav {
  font-family: 'Nav-Icon'; }

body, .cs-atscs-jobdet-rtpane {
  font-family: "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  color: #415364;
  font-size: 16px;
  line-height: 1.5; }

h1, h2, h3, h4 {
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-weight: bold; }
  .jp h1,
  .kr h1, .jp h2,
  .kr h2, .jp h3,
  .kr h3, .jp h4,
  .kr h4 {
    font-family: "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif; }

h1, .h1, h2, .h2 {
  color: #323e48;
  margin: 0 0 .4em;
  font-size: 2.875em;
  line-height: 0.8913em; }
  @media (max-width: 750px) {
    h1, .h1, h2, .h2 {
      font-size: 2.1875em;
      line-height: 35px; } }

h3, .h3 {
  margin: 1.5em 0 1.5em;
  font-size: 1.375em;
  line-height: 1.36364;
  color: #758592;
  font-weight: bold; }

h4, .h4 {
  color: #758592;
  margin: 1.5em 0 .75em;
  font-size: 1.125em; }

.dropdown h5, .dropdown .h5 {
  font-weight: normal;
  color: #A3A3A3;
  margin: 0;
  font-size: 0.6875em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .7em; }

h6, .h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  color: #0e0e0e; }

p {
  margin: 0 0 1.5em; }

.italic {
  font-style: italic !important; }

.bold {
  font-weight: bold !important;
  color: #0e0e0e; }

a {
  color: #0047ba; }
  a.hover {
    color: #0054DD; }

.link {
  letter-spacing: -0.05em; }

.title-text {
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0;
  margin-bottom: 40px;
  font-weight: bold; }
  @media (max-width: 750px) {
    .title-text {
      font-size: 25px; } }

.subtitle-text {
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px; }

.subtitle-text.white, .subtitle-text.white a,
.title-text.white,
.title-text.white a {
  color: #fff; }

.SofiaProSemiBold {
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif !important; }

/** Breakpoints **/
/** Responsive variables to use site wide **/
/* resource center colors */
/** Breakpoints **/
@-webkit-keyframes hover-up-and-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes hover-up-and-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes hover-back-and-forth {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes hover-back-and-forth {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%);
            transform: scale(0.2) translate(0%, 200%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
            transform: scale(1) translate(0%, 0%); } }

@keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%);
            transform: scale(0.2) translate(0%, 200%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%);
            transform: scale(1) translate(0%, 0%); } }

@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
            transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  30% {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
            transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
            transform: scale(1, 1) rotate(0deg) translateY(0%); } }

@keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
            transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  30% {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
            transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
            transform: scale(1, 1) rotate(0deg) translateY(0%); } }

@-webkit-keyframes banner-text-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(20px);
            transform: scale(0.9) translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); } }

@keyframes banner-text-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(20px);
            transform: scale(0.9) translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); } }

@-webkit-keyframes fill-header-background {
  0% {
    background-position: 50% 100%; }
  12.5% {
    background-position: 50% 87.5%; }
  25% {
    background-position: 50% 75%; }
  37.5% {
    background-position: 50% 62.5%; }
  50% {
    background-position: 50% 50%; }
  62.5% {
    background-position: 50% 37.5%; }
  75% {
    background-position: 50% 25%; }
  87.5% {
    background-position: 50% 12.5%; }
  100% {
    background-position: 50% 0%; } }

@keyframes fill-header-background {
  0% {
    background-position: 50% 100%; }
  12.5% {
    background-position: 50% 87.5%; }
  25% {
    background-position: 50% 75%; }
  37.5% {
    background-position: 50% 62.5%; }
  50% {
    background-position: 50% 50%; }
  62.5% {
    background-position: 50% 37.5%; }
  75% {
    background-position: 50% 25%; }
  87.5% {
    background-position: 50% 12.5%; }
  100% {
    background-position: 50% 0%; } }

@-webkit-keyframes unfill-header-background {
  0% {
    background-position: 50% 0%;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.21); }
  12.5% {
    background-position: 50% 12.5%; }
  25% {
    background-position: 50% 25%; }
  37.5% {
    background-position: 50% 37.5%; }
  50% {
    background-position: 50% 50%; }
  62.5% {
    background-position: 50% 62.5%; }
  75% {
    background-position: 50% 75%; }
  87.5% {
    background-position: 50% 87.5%; }
  100% {
    background-position: 50% 100%; } }

@keyframes unfill-header-background {
  0% {
    background-position: 50% 0%;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.21); }
  12.5% {
    background-position: 50% 12.5%; }
  25% {
    background-position: 50% 25%; }
  37.5% {
    background-position: 50% 37.5%; }
  50% {
    background-position: 50% 50%; }
  62.5% {
    background-position: 50% 62.5%; }
  75% {
    background-position: 50% 75%; }
  87.5% {
    background-position: 50% 87.5%; }
  100% {
    background-position: 50% 100%; } }

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

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

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

@-webkit-keyframes fade-in-up-banner-text {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-in-up-banner-text {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.suite-product__edit {
  border-radius: 25px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
  padding: 7.5px 20px;
  letter-spacing: .5px;
  line-height: 14px;
  overflow: hidden;
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-weight: 600;
  color: #fff;
  background-color: #f26178; }
  .blue.suite-product__edit {
    color: #fff;
    background-color: #0047ba;
    border: solid 2px #0047ba; }
    .blue.suite-product__edit:hover, .blue.suite-product__edit:active {
      background-color: #0054DD;
      border: solid 2px #0054DD; }
  .blue.outline.suite-product__edit {
    color: #0047ba;
    border: solid 2px #0047ba;
    background-color: transparent; }
    .blue.outline.suite-product__edit:hover {
      color: #fff;
      box-shadow: inset 0 0 0 20px #0054DD; }
  .accent-color.suite-product__edit {
    color: #fff;
    background-color: #f26178;
    border: solid 2px #f26178; }
    .accent-color.suite-product__edit:hover {
      background-color: #E14864;
      border-color: #E14864; }
    .accent-color.suite-product__edit:active {
      background-color: #E14864;
      border-color: #E14864; }
  .accent-color.outline.suite-product__edit {
    color: #f26178;
    border: solid 2px #f26178;
    background-color: transparent; }
    .accent-color.outline.suite-product__edit:hover, .accent-color.outline.suite-product__edit:active {
      color: #fff;
      box-shadow: inset 0 0 0 20px #f26178; }
  .white.suite-product__edit {
    color: #0047ba;
    background-color: #fff;
    border: solid 2px #fff; }
    .white.suite-product__edit:hover, .white.suite-product__edit:active {
      background-color: #758592;
      border: solid 2px #758592; }
  .white.outline.suite-product__edit {
    color: #fff;
    border: solid 2px #fff;
    background-color: transparent; }
    .white.outline.suite-product__edit:hover, .white.outline.suite-product__edit:active {
      color: #0047ba;
      box-shadow: inset 0 0 0 20px #fff;
      border-color: #fff;
      background-color: transparent; }
    .white.outline.suite-product__edit:active {
      box-shadow: inset 0 0 0 20px #ACB6BE; }
  .suite-product__edit:hover {
    background-color: #E14864; }
  .suite-product__edit:active {
    background-color: #E14864; }

.small_button {
  border-radius: 25px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
  padding: 7.5px 20px;
  letter-spacing: .5px;
  line-height: 14px;
  overflow: hidden;
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-weight: 600;
  font-size: 0.9375em;
  padding: .5em; }
  .small_button.blue {
    color: #fff;
    background-color: #0047ba;
    border: solid 2px #0047ba; }
    .small_button.blue:hover, .small_button.blue:active {
      background-color: #0054DD;
      border: solid 2px #0054DD; }
  .small_button.blue.outline {
    color: #0047ba;
    border: solid 2px #0047ba;
    background-color: transparent; }
    .small_button.blue.outline:hover {
      color: #fff;
      box-shadow: inset 0 0 0 20px #0054DD; }
  .small_button.accent-color {
    color: #fff;
    background-color: #f26178;
    border: solid 2px #f26178; }
    .small_button.accent-color:hover {
      background-color: #E14864;
      border-color: #E14864; }
    .small_button.accent-color:active {
      background-color: #E14864;
      border-color: #E14864; }
  .small_button.accent-color.outline {
    color: #f26178;
    border: solid 2px #f26178;
    background-color: transparent; }
    .small_button.accent-color.outline:hover, .small_button.accent-color.outline:active {
      color: #fff;
      box-shadow: inset 0 0 0 20px #f26178; }
  .small_button.white {
    color: #0047ba;
    background-color: #fff;
    border: solid 2px #fff; }
    .small_button.white:hover, .small_button.white:active {
      background-color: #758592;
      border: solid 2px #758592; }
  .small_button.white.outline {
    color: #fff;
    border: solid 2px #fff;
    background-color: transparent; }
    .small_button.white.outline:hover, .small_button.white.outline:active {
      color: #0047ba;
      box-shadow: inset 0 0 0 20px #fff;
      border-color: #fff;
      background-color: transparent; }
    .small_button.white.outline:active {
      box-shadow: inset 0 0 0 20px #ACB6BE; }

.button--clients {
  border-radius: 25px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
  padding: 7.5px 20px;
  letter-spacing: .5px;
  line-height: 14px;
  overflow: hidden;
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-weight: 600;
  color: #f26178;
  box-shadow: inset 0 0 0 2px #f26178; }
  .button--clients.blue {
    color: #fff;
    background-color: #0047ba;
    border: solid 2px #0047ba; }
    .button--clients.blue:hover, .button--clients.blue:active {
      background-color: #0054DD;
      border: solid 2px #0054DD; }
  .button--clients.blue.outline {
    color: #0047ba;
    border: solid 2px #0047ba;
    background-color: transparent; }
    .button--clients.blue.outline:hover {
      color: #fff;
      box-shadow: inset 0 0 0 20px #0054DD; }
  .button--clients.accent-color {
    color: #fff;
    background-color: #f26178;
    border: solid 2px #f26178; }
    .button--clients.accent-color:hover {
      background-color: #E14864;
      border-color: #E14864; }
    .button--clients.accent-color:active {
      background-color: #E14864;
      border-color: #E14864; }
  .button--clients.accent-color.outline {
    color: #f26178;
    border: solid 2px #f26178;
    background-color: transparent; }
    .button--clients.accent-color.outline:hover, .button--clients.accent-color.outline:active {
      color: #fff;
      box-shadow: inset 0 0 0 20px #f26178; }
  .button--clients.white {
    color: #0047ba;
    background-color: #fff;
    border: solid 2px #fff; }
    .button--clients.white:hover, .button--clients.white:active {
      background-color: #758592;
      border: solid 2px #758592; }
  .button--clients.white.outline {
    color: #fff;
    border: solid 2px #fff;
    background-color: transparent; }
    .button--clients.white.outline:hover, .button--clients.white.outline:active {
      color: #0047ba;
      box-shadow: inset 0 0 0 20px #fff;
      border-color: #fff;
      background-color: transparent; }
    .button--clients.white.outline:active {
      box-shadow: inset 0 0 0 20px #ACB6BE; }
  .button--clients:hover {
    color: white;
    box-shadow: inset 0 0 0 30px #f26178; }

.demo {
  display: inline-block;
  margin-left: .25em;
  vertical-align: middle;
  font-size: 0.875em;
  border: 1px solid #f26178;
  box-shadow: 0 0 3px transparent;
  transition: color .5s, box-shadow .5s, border .02s;
  color: #fff;
  background-color: #f26178;
  border-radius: 5px;
  line-height: 1em;
  padding: 10px; }
  .demo:hover {
    color: #fff;
    background-color: #E14864;
    border: 1px solid #E14864;
    transition: color .5s .12s, box-shadow .5s, border .3s; }
  .demo.hide-demo-button {
    display: none; }

.hero__play {
  position: relative;
  display: inline-block;
  box-sizing: content-box !important;
  margin-bottom: 1em;
  padding: .6em;
  width: 1em;
  height: 1em;
  font-size: 60px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50%;
  transition: all .5s;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 3px 0px #7B7979; }
  .hero__play:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border: 2px dashed #fff;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .5s; }
  .hero__play:hover {
    border: 2px solid transparent;
    color: #fff;
    transition: .5s;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: none; }
    .hero__play:hover:before {
      opacity: 1;
      -webkit-animation: spinAround 9s linear infinite;
      animation: spinAround 9s linear infinite; }
  .hero__play:active {
    background-color: rgba(255, 255, 255, 0.72); }
  .product-page .hero__play {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .product-page .hero__play {
        display: none; } }

/* Sticky Nav */
.sticky-wrap {
  background: #0047ba; }
  @media (max-width: 1140px) {
    .sticky-wrap {
      display: none; } }

.sticky-this.stuck {
  position: fixed; }

/* Suite Nav Item */
.suite-nav {
  font-size: 0;
  text-align: center;
  background: #0047ba; }
  .suite-nav * {
    box-sizing: border-box; }

.suite-nav__items {
  width: 100%;
  height: 58px;
  display: table; }

.suite-nav__item {
  display: table-cell;
  vertical-align: middle; }

.suite-nav__item-link {
  width: auto;
  padding: 10px 20px;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif; }
  .jp .suite-nav__item-link,
  .kr .suite-nav__item-link {
    font-family: "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif; }
  .suite-nav__item.-active .suite-nav__item-link, .suite-nav__item-link:hover {
    color: #f26178; }

/* Sticky Menu Overrides */
.suite-nav--sticky .sticky-this {
  width: 100%;
  z-index: 99; }

.suite-nav--sticky .stuck {
  box-shadow: 0 1px 7px rgba(19, 13, 13, 0.35); }

/* Suite Meta */
.suite-meta {
  margin: 0 0 15px; }

.suite-meta__title {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 1px;
  font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-weight: 600; }

.suite-meta__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px; }

.suite-meta__icon--learning {
  background: url("/web/img/suites/learning.png") no-repeat center center; }

.suite-meta__icon--hcm {
  background: url("/web/img/suites/hcm.png") no-repeat center center; }

.suite-meta__icon--recruiting {
  background: url("/web/img/suites/recruiting.png") no-repeat center center; }

.suite-meta__icon--performance {
  background: url("/web/img/suites/performance.png") no-repeat center center; }

/* Masthead */
.suite-masthead {
  position: relative; }
  @media (max-width: 1024px) {
    .suite-masthead .layout--page {
      width: auto;
      margin: 0 20px; } }
  @media (max-width: 750px) {
    .suite-masthead .layout--page {
      margin: 0 10px; } }

.suite-masthead__background {
  width: 100%;
  height: 490px;
  position: absolute;
  top: 0;
  z-index: 0;
  border-bottom: 3px solid #193059;
  background: transparent no-repeat center center;
  background-size: cover; }
  @media (max-width: 1024px) {
    .suite-masthead__background {
      height: 470px; } }
  @media (max-width: 750px) {
    .suite-masthead__background {
      height: 420px; } }
  @media (max-width: 400px) {
    .suite-masthead__background {
      height: 390px; } }

.suite-masthead__content {
  padding: 30px 0 60px;
  position: relative;
  z-index: 1;
  text-align: center; }
  @media (max-width: 750px) {
    .suite-masthead__content {
      padding: 24px 0 45px; } }

.suite-masthead__title {
  max-width: 830px;
  margin: 0 auto 20px;
  line-height: 1.15;
  color: #fff;
  font-weight: 300; }

.suite-masthead__description {
  max-width: 980px;
  margin: 50px auto 0;
  font-size: 25px;
  font-family: "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-weight: 300;
  line-height: 1.4;
  color: #0047ba; }
  @media (max-width: 750px) {
    .suite-masthead__description {
      font-size: 20px; } }

/* Suite Section */
.suite-section {
  padding: 60px 0;
  position: relative; }
  @media (max-width: 1024px) {
    .suite-section {
      background: #fff !important; }
      .suite-section.suite-section--even {
        background: #758592 !important; } }
  @media (max-width: 750px) {
    .suite-section {
      padding: 45px 0; } }
  .suite-section .layout--page {
    width: auto;
    z-index: 10; }
    @media (max-width: 1024px) {
      .suite-section .layout--page {
        margin: 0 20px; } }
    @media (max-width: 750px) {
      .suite-section .layout--page {
        margin: 0 10px; } }
  .suite-section.suite-section--has-bg {
    background: transparent no-repeat center center;
    background-size: cover; }
    .suite-section.suite-section--has-bg.suite-section--no-graphic {
      padding: 125px 0; }
      @media (max-width: 1024px) {
        .suite-section.suite-section--has-bg.suite-section--no-graphic {
          padding: 45px 0; } }
  .suite-section.suite-section--graphic-align-bottom {
    padding-bottom: 0; }

/* Suite Product */
.suite-product__edit {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px; }
  .suite-section:hover .suite-product__edit {
    display: block; }
    @media (max-width: 1024px) {
      .suite-section:hover .suite-product__edit {
        display: none; } }

.suite-product {
  font-size: 0;
  box-sizing: border-box; }
  @media (max-width: 1024px) {
    .suite-product.suite-product--asset-left {
      width: 100%;
      display: table;
      table-layout: fixed; } }
  .suite-product * {
    box-sizing: border-box; }

.suite-product__content {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px; }
  @media (max-width: 1024px) {
    .suite-product__content {
      width: 100%;
      padding-right: 15%;
      padding-left: 15%;
      padding-bottom: 30px;
      display: block; }
      .suite-section--no-graphic .suite-product__content {
        padding-bottom: 0; } }
  @media (max-width: 750px) {
    .suite-product__content {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 1025px) {
    .suite-section--has-bg .suite-product__content {
      color: #fff; } }
  .suite-section--graphic-align-bottom .suite-product__content {
    padding-bottom: 60px; }
    @media (max-width: 1024px) {
      .suite-section--graphic-align-bottom .suite-product__content {
        padding-bottom: 45px; } }

.suite-product__title {
  font-size: 40px;
  line-height: 1.15;
  color: #0047ba;
  letter-spacing: 0; }
  @media (max-width: 750px) {
    .suite-product__title {
      font-size: 32px; } }
  @media (min-width: 1025px) {
    .suite-section--has-bg .suite-product__title {
      color: #fff; } }

.suite-product__description {
  margin: 0;
  line-height: 1.45;
  color: #758592; }
  @media (min-width: 1025px) {
    .suite-section--has-bg .suite-product__description {
      color: #fff; } }

.suite-product__actions {
  margin-top: 1.5em; }
  .suite-product__actions .suite-product__button {
    margin-left: 5px;
    font-family: "sofia-pro", "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif; }
    .jp .suite-product__actions .suite-product__button,
    .kr .suite-product__actions .suite-product__button {
      font-family: "roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif; }
  .suite-product__actions:first-child {
    margin-left: 0; }

.suite-product__button--alt {
  padding: 10px 20px; }

.suite-product__asset {
  padding: 0 50px 0 0;
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 16px; }
  @media (max-width: 1024px) {
    .suite-product__asset {
      width: auto;
      padding: 0;
      display: block; }
      .suite-product__asset.suite-product__asset--left {
        display: table-footer-group; } }

.suite-product__graphic {
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 1024px) {
    .suite-product__graphic {
      display: block;
      width: auto; } }
  .suite-product__asset--align-bottom .suite-product__graphic {
    vertical-align: bottom; }
    .suite-product__asset--align-bottom .suite-product__graphic img {
      max-width: inherit; }
      @media (max-width: 1024px) {
        .suite-product__asset--align-bottom .suite-product__graphic img {
          max-width: 70%; } }
      @media (max-width: 750px) {
        .suite-product__asset--align-bottom .suite-product__graphic img {
          max-width: 100%; } }
  .suite-product__asset--align-bottom.suite-product__asset--left .suite-product__graphic {
    float: right; }
    @media (max-width: 1024px) {
      .suite-product__asset--align-bottom.suite-product__asset--left .suite-product__graphic {
        float: none; } }

.suite-product__asset--right {
  padding: 0 0 0 50px; }
  @media (max-width: 1024px) {
    .suite-product__asset--right {
      padding: 0; } }