@charset "UTF-8";
/**
  Font Weights:
  300 - Light
  400 - Regular
  600 - Semi Bold (Default Bold)
**/
@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-Light.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-Light.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 300;
  font-style: normal; }

@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-LightItalic.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-LightItalic.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 300;
  font-style: italic; }

/*
@font-face {
  @include addFontPartial($fontPathSans, 'IBMPlexSans-Regular', 'Vietnamese');
  font-family: $plexFontFamilySans;
  font-weight: 400;
}

@font-face {
  @include addFontPartial($fontPathSans, 'IBMPlexSans-Regular', 'Latin-Ext');
  font-family: $plexFontFamilySans;
  font-weight: 400;
}

@font-face {
  @include addFontPartial($fontPathSans, 'IBMPlexSans-Regular', 'Latin');
  font-family: $plexFontFamilySans;
  font-weight: 400;
}
*/
@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-Italic.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-Italic.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 400;
  font-style: italic; }

@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-SemiBold.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-SemiBold.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 600;
  font-style: normal; }

@font-face {
  src: url("../fonts/sans/woff2/IBMPlexSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/sans/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff");
  font-family: "ibm-plex-sans";
  font-weight: 600;
  font-style: italic; }

@font-face {
  src: url("../fonts/mono/woff2/IBMPlexMono-Regular.woff2") format("woff2"), url("../fonts/mono/woff/IBMPlexMono-Regular.woff") format("woff");
  font-family: "ibm-plex-mono";
  font-weight: 400;
  font-style: normal; }

/* Serif */
@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-Light.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-Light.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 300;
  font-style: normal; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-LightItalic.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-LightItalic.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 300;
  font-style: italic; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-Regular.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-Regular.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 400; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-Italic.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-Italic.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 400;
  font-style: italic; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-SemiBold.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-SemiBold.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 600;
  font-style: normal; }

@font-face {
  src: url("../fonts/serif/woff2/IBMPlexSerif-SemiBoldItalic.woff2") format("woff2"), url("../fonts/serif/woff/IBMPlexSerif-SemiBoldItalic.woff") format("woff");
  font-family: "ibm-plex-serif";
  font-weight: 600;
  font-style: italic; }

.ibm,
[class*="ibm-type"] {
  font-family: "ibm-plex-sans";
  font-size: 100%;
  margin-top: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

[class*="ibm-type"] {
  margin-top: 0; }

.ibm-type-italic {
  font-style: italic; }

.ibm-type-light {
  font-weight: 300; }

code,
.ibm-type-mono,
.ibm-type-mono * {
  font-family: "ibm-plex-mono"; }

.ibm-type-regular {
  font-weight: 400; }

strong,
.ibm-type-semibold {
  font-weight: 600; }

.ibm-type-serif,
.ibm-type-serif * {
  font-family: "ibm-plex-serif"; }

@font-face {
  font-family: "icons-ibm-duo";
  src: url(../fonts/icons/icons-ibm-duo.eot¿qfnunl.eotl");
  src: url(https://www.ibm.com/watson/assets/duo/fonts/icons/icons-ibm-duo.eot?qfnunl#iefixx") format("embedded-opentype"), url(../fonts/icons/icons-ibm-duo.ttf¿qfnunl.ttfl") format("truetype"), url(../fonts/icons/icons-ibm-duo.woff¿qfnunl.woffl") format("woff"), url(../fonts/icons/icons-ibm-duo.svg¿qfnunlicons-ibm-duo.svgo") format("svg");
  font-weight: normal;
  font-style: normal; }

/*[class^="icon-"], [class*=" icon-"] {*/
  /* use !important to prevent issues with browser extensions that change fonts */
  /*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; }*/
  /*[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons-ibm-duo" !important;
    padding-right: 0.5rem; }*/

.icon-ibm-duo-play:before {
  content: "\e907"; }

.icon-ibm-duo-checkbox:before {
  content: "\e900"; }

.icon-ibm-duo-chevron-left-regular:before {
  content: "\e901"; }

.icon-ibm-duo-close:before {
  content: "\e902"; }

.icon-ibm-duo-forward:before {
  content: "\e903"; }

.icon-ibm-duo-new-window:before {
  content: "\e904"; }

.icon-ibm-duo-plus:before {
  content: "\e905"; }

.icon-ibm-duo-chevron-right-regular:before {
  content: "\e906"; }



.ibm-type-a {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  margin-bottom: 1.25rem;
  color: #626262; }

.ibm-type-b {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 1.25rem;
  text-transform: uppercase; }

.ibm-type-c {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 1.25rem; }

.ibm-type-d {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem; }

.ibm-type-e {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 1rem; }

.ibm-type-f {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 320px) {
    .ibm-type-f {
      font-size: calc(18px + 0.00625 * (100vw - 320px));
      line-height: calc(24px + 0.0125 * (100vw - 320px));
      margin-bottom: calc(24px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-f {
      font-size: 1.25rem;
      line-height: 1.75rem;
      margin-bottom: 1.75rem; } }

.ibm-type-g {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 1.75rem; }
  @media (min-width: 320px) {
    .ibm-type-g {
      font-size: calc(20px + 0.0125 * (100vw - 320px));
      line-height: calc(28px + 0.0125 * (100vw - 320px));
      margin-bottom: calc(28px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-g {
      font-size: 1.5rem;
      line-height: 2rem;
      margin-bottom: 2rem; } }

.ibm-type-h {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 2rem;
  font-size: calc(24px + 0.00962 * (100vw - 640px));
  line-height: calc(32px + 0.00962 * (100vw - 640px)); }
  @media (min-width: 1056px) {
    .ibm-type-h {
      font-size: 1.75rem;
      line-height: 2.25rem; } }

.ibm-type-i {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-bottom: 2rem; }
  @media (min-width: 320px) {
    .ibm-type-i {
      font-size: calc(28px + 0.0125 * (100vw - 320px));
      line-height: calc(36px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-i {
      font-size: 2rem;
      line-height: 2.5rem;
      font-size: calc(32px + 0.00962 * (100vw - 640px));
      line-height: calc(40px + 0.00962 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-i {
      font-size: 2.25rem;
      line-height: 2.75rem;
      margin-bottom: 2.25rem; } }

.ibm-type-j {
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-bottom: 2rem; }
  @media (min-width: 320px) {
    .ibm-type-j {
      font-size: calc(28px + 0.025 * (100vw - 320px));
      line-height: calc(36px + 0.025 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-j {
      font-size: 2.25rem;
      line-height: 2.75rem;
      font-size: calc(36px + 0.01442 * (100vw - 640px));
      line-height: calc(44px + 0.00962 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-j {
      font-size: 2.625rem;
      line-height: 3rem;
      margin-bottom: 2.25rem; } }

.ibm-type-k {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 3rem;
  margin-bottom: 1rem; }
  @media (min-width: 320px) {
    .ibm-type-k {
      font-size: calc(42px + 0.08125 * (100vw - 320px));
      line-height: calc(48px + 0.0875 * (100vw - 320px));
      margin-bottom: calc(16px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-k {
      font-size: 4.25rem;
      line-height: 4.75rem;
      margin-bottom: 1.25rem;
      font-size: calc(68px + 0.21154 * (100vw - 640px));
      line-height: calc(76px + 0.20192 * (100vw - 640px));
      margin-bottom: calc(20px + 0.02885 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-k {
      font-size: 9.75rem;
      line-height: 10rem;
      margin-bottom: 2rem; } }

.ibm-type-l {
  font-size: 2.625rem;
  font-weight: 600;
  line-height: 3rem;
  margin-bottom: 1rem; }
  @media (min-width: 320px) {
    .ibm-type-l {
      font-size: calc(42px + 0.08125 * (100vw - 320px));
      line-height: calc(48px + 0.0875 * (100vw - 320px));
      margin-bottom: calc(16px + 0.0125 * (100vw - 320px)); } }
  @media (min-width: 640px) {
    .ibm-type-l {
      font-size: 4.25rem;
      line-height: 4.75rem;
      margin-bottom: 1.25rem;
      font-size: calc(68px + 0.21154 * (100vw - 640px));
      line-height: calc(76px + 0.20192 * (100vw - 640px));
      margin-bottom: calc(20px + 0.02885 * (100vw - 640px)); } }
  @media (min-width: 1056px) {
    .ibm-type-l {
      font-size: 9.75rem;
      line-height: 10rem;
      margin-bottom: 2rem; } }

.duo-transform-fadeIn-right {
  transition: transform 1.2s cubic-bezier(0.645, 0.045, 0.355, 1), all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: 1s ease-out 0s 1 fadein-right; }

.duo-transform-fadeIn-right-2 {
  transition: transform 1.2s cubic-bezier(0.645, 0.045, 0.355, 1), all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: 1s ease-out 0s 1 fadein-right;
  animation-delay: .25s; }

.duo-transform-fadein, .duo-service-tabs .duo-tabs .duo-tab {
  animation-name: content-fade-in;
  animation-direction: normal;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1; }

/*.tab-label {
  height: 12.5vw;
  max-height: 265px;
  transition: .35s ease;
  z-index: 1;
  flex-direction: column; }*/
  .tab-label.ibm-background-white-core {
    color: #000; }
  .tab-label.ibm-background-blue-gradient {
    background: linear-gradient(to bottom, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%); }
  @media (max-width: 1056px) {
    .tab-label {
      height: 20vw; } }
  @media (max-width: 640px) {
    .tab-label {
      height: auto;
      max-height: auto; } }
  @media (min-width: 640px) {
    .tab-label:hover {
      animation: expand-2 .75s ease forwards;
      /*keep arrow at bottom left along with enlargement*/
      /*enlarge title on second half of enlargement*/
      /*make text & gradient fade in after hover*/ }
      .tab-label:hover.tab-title-left {
        padding-left: 3.0303vw; }
      .tab-label:hover .tab-title {
        transform-origin: top left;
        animation: expand-title .75s forwards; }
      .tab-label:hover .tab-description {
        animation: expand-description .75s forwards; } }

@media (min-width: 1056px) {
  .ibm-col-lg-4 .tab-label:hover {
    animation: expand-2 .75s ease forwards; }
  .ibm-col-lg-8 .tab-label:hover {
    animation: full-width-parent-expand-2 .75s ease forwards; } }

@media (min-width: 1650px) {
  .ibm-col-lg-4 .tab-label:hover {
    animation: expand-2--xl .75s ease forwards; }
  .ibm-col-lg-8 .tab-label:hover {
    animation: full-width-parent-expand-2--xl .75s ease forwards; } }

/*keep arrow at bottom left along with enlargement*/
/*enlarge title on second half of enlargement*/
/*make text & gradient fade in after hover*/
.tab-label-words {
  color: #fff !important; }
  .tab-label-words .tab-desc-left {
    max-width: 24.24242vw; }

@media (max-width: 640px) {
  .tab-label {
    min-height: 100%; } }

.tab-label .tab-description {
  position: absolute;
  opacity: 0;
  transform: scaleY(0);
  margin-top: 3.5em;
  color: #fff !important; }
  @media (max-width: 1056px) {
    .tab-label .tab-description {
      margin-top: 2em; } }
  @media (max-width: 640px) {
    .tab-label .tab-description {
      opacity: 1;
      transform: scaleY(1);
      margin-top: 0;
      position: relative; } }

@media (max-width: 640px) {
  .tab-label .icon-ibm-duo-forward {
    opacity: 1; } }

/* sequential expansion – left, then up for index hover module */
@keyframes expand-2 {
  0% {
    min-height: 12.5vw;
    width: 50%; }
  37.5%, 50% {
    min-height: 12.5vw;
    width: 100%;
    padding-left: 1.51515; }
  75%, 100% {
    min-height: 100%;
    width: 100%; } }

@keyframes full-width-parent-expand-2 {
  0% {
    min-height: 12.5vw;
    width: 25%; }
  37.5%, 50% {
    min-height: 12.5vw;
    width: 50%; }
  75%, 100% {
    min-height: 100%;
    width: 50%; } }

@keyframes expand-2--xl {
  0% {
    min-height: 12.5vw;
    width: 50%; }
  37.5%, 50% {
    min-height: 12.5vw;
    width: 100%; }
  75%, 100% {
    min-height: 100%;
    width: 100%; } }

@keyframes full-width-parent-expand-2--xl {
  0% {
    /*height: 25%;*/
    min-height: 12.5vw;
    width: 25%; }
  37.5%, 50% {
    /*min-height: 25%;*/
    min-height: 12.5vw;
    width: 50%; }
  75%, 100% {
    min-height: 100%;
    width: 50%; } }

@keyframes expand-2-out {
  0% {
    min-height: 50vw;
    width: 100%; }
  100% {
    min-height: 12.5vw;
    width: 50%; } }

@keyframes expand-title {
  0% {
    transform: scale(1, 1) translateX(0%); }
  37.5%, 50% {
    transform: scale(1, 1) translateX(0%); }
  75%, 100% {
    transform: scale(1.4, 1.4) translate(0%);
    font-weight: 300; } }

@keyframes expand-description {
  0% {
    position: absolute;
    transform: scaleY(0); }
  37.5%, 50% {
    position: absolute;
    transform: scaleY(0);
    opacity: 0; }
  75% {
    display: block;
    position: static;
    transform: scaleY(1);
    opacity: 0; }
  100% {
    display: block;
    position: static;
    transform: scaleY(1);
    opacity: 1; } }

@keyframes expand-img {
  0% {
    transform: translateX(0%); }
  37.5%, 50% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0%); } }

@keyframes fadein-right {
  0% {
    opacity: 0;
    transform: translateX(20%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes content-fade-in {
  from {
    opacity: 0;
    transform: translateY(1%); }
  to {
    opacity: 1;
    transform: translateY(0%); } }

#why-watson-container {
  width: 100%;
  height: 90vh;
  margin: 0;
  padding: 0;
  overflow: visible; }

.ww-title {
  padding-left: 1.51515vw; }
  @media (min-width: 1056px) {
    .ww-title {
      padding-left: 25px; } }

#progress {
  position: fixed;
  display: block;
  top: 200px;
  right: 0px;
  color: red;
  font-size: 24px;
  height: 30px;
  width: 80px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden; }

.scrollmagic-pin-spacer {
  margin: 0 !important;
  padding: 0; }

#why-watson {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1; }

.animation-copy {
  position: absolute;
  margin: 0;
  left: 55%;
  width: 40%;
  height: 100%;
  z-index: 20; }
  .animation-copy .copy-container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 1056px) {
      .animation-copy .copy-container {
        padding-right: 100px; } }
    .animation-copy .copy-container > div {
      width: 100%; }

/* SVG styling */
#svg-container {
  position: relative;
  overflow: visible;
  width: 45%;
  margin-left: 5%;
  height: 100%;
  box-sizing: border-box; }

.ring {
  transform-origin: "50% 50%"; }

.ring-svg {
  fill: none;
  stroke: #ffffff;
  stroke-width: 0.5px;
  stroke-miterlimit: 10;
  stroke-dasharray: 1370 260 1370;
  stroke-dashoffset: 3005;
  stroke-opacity: .8; }

.data-item {
  position: absolute;
  opacity: 0;
  /*z-index: 1000;*/ }

.data-item svg {
  /**/ }

.di-1 {
  fill: #50ffd2; }

.di-2 {
  fill: #0064ff; }

.di-3 {
  fill: #50ffd2; }

.di-4 {
  fill: #0064ff; }

.di-5 {
  fill: #558fff; }

.di-6 {
  fill: #558fff; }

.di-7 {
  fill: #558fff; }

.di-8 {
  fill: #0064ff; }

.di-9 {
  fill: #0064ff; }

.di-10 {
  fill: #50ffd2; }

.di-11 {
  fill: #fff; }

.di-12 {
  fill: #50ffd2; }

.di-13 {
  fill: #0064ff; }

.di-14 {
  fill: #558fff; }

.di-15 {
  fill: #0064ff; }

.di-16 {
  fill: #558fff; }

.di-17 {
  fill: #50ffd2; }

.di-18 {
  fill: #0064ff; }

.di-19 {
  fill: #50ffd2; }

.di-20 {
  fill: #0064ff; }

.di-21 {
  fill: #558fff; }

.di-22 {
  fill: #50ffd2; }

.di-23 {
  fill: #0064ff; }

.di-24 {
  fill: #558fff; }

.di-25 {
  fill: #558fff; }

.di-26 {
  fill: #50ffd2; }

.di-27 {
  fill: #558fff; }

.di-28 {
  fill: #558fff; }

.di-29 {
  fill: #0064ff; }

.di-30 {
  fill: #558fff; }

.di-31 {
  fill: #fff; }

/*lines*/
.tree {
  stroke: #ffffff;
  stroke-width: 0.5px;
  stroke-miterlimit: 10;
  stroke-opacity: .8; }

.tree-1 {
  stroke-dasharray: 167;
  stroke-dashoffset: 167; }

.tree-2 {
  stroke-dasharray: 228;
  stroke-dashoffset: 228; }

.tree-3 {
  stroke-dasharray: 130;
  stroke-dashoffset: 130; }

.tree-4 {
  stroke-dasharray: 80;
  stroke-dashoffset: 80; }

.tree-5 {
  stroke-dasharray: 135;
  stroke-dashoffset: 135; }

.tree-6 {
  stroke-dasharray: 88;
  stroke-dashoffset: 88; }

.duo-textcolor-black-core {
  color: #000; }

.duo-background-black-core {
  background-color: #012041; }

.duo-border-black-core {
  border-color: #000; }

.duo-btn-black-core.duo-btn-pri {
  background-color: #000;
  border-color: #000;
  color: #fff; }

.duo-btn-black-core.duo-btn-sec {
  color: #000;
  background-color: transparent;
  border-color: #000; }

.duo-textcolor-black-10 {
  color: #070D14; }

.duo-background-black-10 {
  background-color: #070D14; }

.duo-border-black-10 {
  border-color: #070D14; }

.duo-btn-black-10.duo-btn-pri {
  background-color: #070D14;
  border-color: #070D14;
  color: #fff; }

.duo-btn-black-10.duo-btn-sec {
  color: #070D14;
  background-color: transparent;
  border-color: #070D14; }

.duo-textcolor-white-core {
  color: #fff; }

.duo-background-white-core {
  background-color: #fff; }

.duo-border-white-core {
  border-color: #fff; }

.duo-btn-white-core.duo-btn-pri {
  background-color: #fff;
  border-color: #fff;
  color: #000; }

.duo-btn-white-core.duo-btn-sec {
  color: #fff;
  background-color: transparent;
  border-color: #fff; }

.duo-textcolor-gray-5 {
  color: #f4f4f4; }

.duo-background-gray-5 {
  background-color: #f4f4f4; }

.duo-border-gray-5 {
  border-color: #f4f4f4; }

.duo-btn-gray-5.duo-btn-pri {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #000; }

.duo-btn-gray-5.duo-btn-sec {
  color: #f4f4f4;
  background-color: transparent;
  border-color: #f4f4f4; }

.duo-textcolor-gray-10 {
  color: #f3f3f3; }

.duo-background-gray-10 {
  background-color: #f3f3f3; }

.duo-border-gray-10 {
  border-color: #f3f3f3; }

.duo-btn-gray-10.duo-btn-pri {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  color: #000; }

.duo-btn-gray-10.duo-btn-sec {
  color: #f3f3f3;
  background-color: transparent;
  border-color: #f3f3f3; }

.duo-textcolor-gray-20 {
  color: #d8d8d8; }

.duo-background-gray-20 {
  background-color: #d8d8d8; }

.duo-border-gray-20 {
  border-color: #d8d8d8; }

.duo-btn-gray-20.duo-btn-pri {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #000; }

.duo-btn-gray-20.duo-btn-sec {
  color: #d8d8d8;
  background-color: transparent;
  border-color: #d8d8d8; }

.duo-textcolor-gray-30 {
  color: #bebebe; }

.duo-background-gray-30 {
  background-color: #bebebe; }

.duo-border-gray-30 {
  border-color: #bebebe; }

.duo-btn-gray-30.duo-btn-pri {
  background-color: #bebebe;
  border-color: #bebebe;
  color: #000; }

.duo-btn-gray-30.duo-btn-sec {
  color: #bebebe;
  background-color: transparent;
  border-color: #bebebe; }

.duo-textcolor-gray-40 {
  color: #a3a3a3; }

.duo-background-gray-40 {
  background-color: #a3a3a3; }

.duo-border-gray-40 {
  border-color: #a3a3a3; }

.duo-btn-gray-40.duo-btn-pri {
  background-color: #a3a3a3;
  border-color: #a3a3a3;
  color: #000; }

.duo-btn-gray-40.duo-btn-sec {
  color: #a3a3a3;
  background-color: transparent;
  border-color: #a3a3a3; }

.duo-textcolor-gray-50 {
  color: #8a8a8a; }

.duo-background-gray-50 {
  background-color: #8a8a8a; }

.duo-border-gray-50 {
  border-color: #8a8a8a; }

.duo-btn-gray-50.duo-btn-pri {
  background-color: #8a8a8a;
  border-color: #8a8a8a;
  color: #000; }

.duo-btn-gray-50.duo-btn-sec {
  color: #8a8a8a;
  background-color: transparent;
  border-color: #8a8a8a; }

.duo-textcolor-gray-core {
  color: #8a8a8a; }

.duo-background-gray-core {
  background-color: #8a8a8a; }

.duo-border-gray-core {
  border-color: #8a8a8a; }

.duo-btn-gray-core.duo-btn-pri {
  background-color: #8a8a8a;
  border-color: #8a8a8a;
  color: #000; }

.duo-btn-gray-core.duo-btn-sec {
  color: #8a8a8a;
  background-color: transparent;
  border-color: #8a8a8a; }

.duo-textcolor-gray-60 {
  color: #757575; }

.duo-background-gray-60 {
  background-color: #757575; }

.duo-border-gray-60 {
  border-color: #757575; }

.duo-btn-gray-60.duo-btn-pri {
  background-color: #757575;
  border-color: #757575;
  color: #fff; }

.duo-btn-gray-60.duo-btn-sec {
  color: #757575;
  background-color: transparent;
  border-color: #757575; }

.duo-textcolor-gray-70 {
  color: #565656; }

.duo-background-gray-70 {
  background-color: #565656; }

.duo-border-gray-70 {
  border-color: #565656; }

.duo-btn-gray-70.duo-btn-pri {
  background-color: #565656;
  border-color: #565656;
  color: #fff; }

.duo-btn-gray-70.duo-btn-sec {
  color: #565656;
  background-color: transparent;
  border-color: #565656; }

.duo-textcolor-gray-80 {
  color: #3d3d3d; }

.duo-background-gray-80 {
  background-color: #3d3d3d; }

.duo-border-gray-80 {
  border-color: #3d3d3d; }

.duo-btn-gray-80.duo-btn-pri {
  background-color: #3d3d3d;
  border-color: #3d3d3d;
  color: #fff; }

.duo-btn-gray-80.duo-btn-sec {
  color: #3d3d3d;
  background-color: transparent;
  border-color: #3d3d3d; }

.duo-textcolor-gray-90 {
  color: #252525; }

.duo-background-gray-90 {
  background-color: #252525; }

.duo-border-gray-90 {
  border-color: #252525; }

.duo-btn-gray-90.duo-btn-pri {
  background-color: #252525;
  border-color: #252525;
  color: #fff; }

.duo-btn-gray-90.duo-btn-sec {
  color: #252525;
  background-color: transparent;
  border-color: #252525; }

.duo-textcolor-gray-100 {
  color: #171717; }

.duo-background-gray-100 {
  background-color: #171717; }

.duo-border-gray-100 {
  border-color: #171717; }

.duo-btn-gray-100.duo-btn-pri {
  background-color: #171717;
  border-color: #171717;
  color: #fff; }

.duo-btn-gray-100.duo-btn-sec {
  color: #171717;
  background-color: transparent;
  border-color: #171717; }

.duo-textcolor-blue-10 {
  color: #edf4ff; }

.duo-background-blue-10 {
  background-color: #edf4ff; }

.duo-border-blue-10 {
  border-color: #edf4ff; }

.duo-btn-blue-10.duo-btn-pri {
  background-color: #edf4ff;
  border-color: #edf4ff;
  color: #000; }

.duo-btn-blue-10.duo-btn-sec {
  color: #edf4ff;
  background-color: transparent;
  border-color: #edf4ff; }

.duo-textcolor-blue-20 {
  color: #c2daff; }

.duo-background-blue-20 {
  background-color: #c2daff; }

.duo-border-blue-20 {
  border-color: #c2daff; }

.duo-btn-blue-20.duo-btn-pri {
  background-color: #c2daff;
  border-color: #c2daff;
  color: #000; }

.duo-btn-blue-20.duo-btn-sec {
  color: #c2daff;
  background-color: transparent;
  border-color: #c2daff; }

.duo-textcolor-blue-30 {
  color: #97c1ff; }

.duo-background-blue-30 {
  background-color: #97c1ff; }

.duo-border-blue-30 {
  border-color: #97c1ff; }

.duo-btn-blue-30.duo-btn-pri {
  background-color: #97c1ff;
  border-color: #97c1ff;
  color: #000; }

.duo-btn-blue-30.duo-btn-sec {
  color: #97c1ff;
  background-color: transparent;
  border-color: #97c1ff; }

.duo-textcolor-blue-40 {
  color: #6ba5ff; }

.duo-background-blue-40 {
  background-color: #6ba5ff; }

.duo-border-blue-40 {
  border-color: #6ba5ff; }

.duo-btn-blue-40.duo-btn-pri {
  background-color: #6ba5ff;
  border-color: #6ba5ff;
  color: #000; }

.duo-btn-blue-40.duo-btn-sec {
  color: #6ba5ff;
  background-color: transparent;
  border-color: #6ba5ff; }

.duo-textcolor-blue-50 {
  color: #3d8aff; }

.duo-background-blue-50 {
  background-color: #3d8aff; }

.duo-border-blue-50 {
  border-color: #3d8aff; }

.duo-btn-blue-50.duo-btn-pri {
  background-color: #3d8aff;
  border-color: #3d8aff;
  color: #000; }

.duo-btn-blue-50.duo-btn-sec {
  color: #3d8aff;
  background-color: transparent;
  border-color: #3d8aff; }

.duo-textcolor-blue-core {
  color: #3d8aff; }

.duo-background-blue-core {
  background-color: #3d8aff; }

.duo-border-blue-core {
  border-color: #3d8aff; }

.duo-btn-blue-core.duo-btn-pri {
  background-color: #3d8aff;
  border-color: #3d8aff;
  color: #000; }

.duo-btn-blue-core.duo-btn-sec {
  color: #3d8aff;
  background-color: transparent;
  border-color: #3d8aff; }

.duo-textcolor-blue-60 {
  color: #0f6dff; }

.duo-background-blue-60 {
  background-color: #0f6dff; }

.duo-border-blue-60 {
  border-color: #0f6dff; }

.duo-btn-blue-60.duo-btn-pri {
  background-color: #0f6dff;
  border-color: #0f6dff;
  color: #fff; }

.duo-btn-blue-60.duo-btn-sec {
  color: #0f6dff;
  background-color: transparent;
  border-color: #0f6dff; }

.duo-textcolor-blue-70 {
  color: #054ada; }

.duo-background-blue-70 {
  background-color: #054ada; }

.duo-border-blue-70 {
  border-color: #054ada; }

.duo-btn-blue-70.duo-btn-pri {
  background-color: #054ada;
  border-color: #054ada;
  color: #fff; }

.duo-btn-blue-70.duo-btn-sec {
  color: #054ada;
  background-color: transparent;
  border-color: #054ada; }

.duo-textcolor-blue-80 {
  color: #0530ad; }

.duo-background-blue-80 {
  background-color: #0530ad; }

.duo-border-blue-80 {
  border-color: #0530ad; }

.duo-btn-blue-80.duo-btn-pri {
  background-color: #0530ad;
  border-color: #0530ad;
  color: #fff; }

.duo-btn-blue-80.duo-btn-sec {
  color: #0530ad;
  background-color: transparent;
  border-color: #0530ad; }

.duo-textcolor-blue-90 {
  color: #031a77; }

.duo-background-blue-90 {
  background-color: #031a77; }

.duo-border-blue-90 {
  border-color: #031a77; }

.duo-btn-blue-90.duo-btn-pri {
  background-color: #031a77;
  border-color: #031a77;
  color: #fff; }

.duo-btn-blue-90.duo-btn-sec {
  color: #031a77;
  background-color: transparent;
  border-color: #031a77; }

.duo-textcolor-blue-100 {
  color: #141140; }

.duo-background-blue-100 {
  background-color: #141140; }

.duo-border-blue-100 {
  border-color: #141140; }

.duo-btn-blue-100.duo-btn-pri {
  background-color: #141140;
  border-color: #141140;
  color: #fff; }

.duo-btn-blue-100.duo-btn-sec {
  color: #141140;
  background-color: transparent;
  border-color: #141140; }

.duo-textcolor-purple-10 {
  color: #b380e0; }

.duo-background-purple-10 {
  background-color: #b380e0; }

.duo-border-purple-10 {
  border-color: #b380e0; }

.duo-btn-purple-10.duo-btn-pri {
  background-color: #b380e0;
  border-color: #b380e0;
  color: #000; }

.duo-btn-purple-10.duo-btn-sec {
  color: #b380e0;
  background-color: transparent;
  border-color: #b380e0; }

.duo-textcolor-purple-20 {
  color: #8747b8; }

.duo-background-purple-20 {
  background-color: #8747b8; }

.duo-border-purple-20 {
  border-color: #8747b8; }

.duo-btn-purple-20.duo-btn-pri {
  background-color: #8747b8;
  border-color: #8747b8;
  color: #fff; }

.duo-btn-purple-20.duo-btn-sec {
  color: #8747b8;
  background-color: transparent;
  border-color: #8747b8; }

.duo-textcolor-purple-30 {
  color: #6e177d; }

.duo-background-purple-30 {
  background-color: #6e177d; }

.duo-border-purple-30 {
  border-color: #6e177d; }

.duo-btn-purple-30.duo-btn-pri {
  background-color: #6e177d;
  border-color: #6e177d;
  color: #fff; }

.duo-btn-purple-30.duo-btn-sec {
  color: #6e177d;
  background-color: transparent;
  border-color: #6e177d; }

.duo-background-gradient-blue-core:hover, .duo-background-gradient-blue-core:focus {
  background: #006EFF;
  background: -webkit-linear-gradient(-90deg, #006EFF 30%, #5652BA 100%);
  background: linear-gradient(180deg, #006EFF 30%, #5652BA 100%); }
  .duo-background-gradient-blue-core:hover *, .duo-background-gradient-blue-core:hover[class^="icon-"], .duo-background-gradient-blue-core:hover[class*="icon-"], .duo-background-gradient-blue-core:focus *, .duo-background-gradient-blue-core:focus[class^="icon-"], .duo-background-gradient-blue-core:focus[class*="icon-"] {
    color: #fff; }

.duo-blocklink:hover .duo-background-gradient-blue-core, .duo-blocklink:focus .duo-background-gradient-blue-core {
  background: #006EFF;
  background: -webkit-linear-gradient(-90deg, #006EFF 30%, #5652BA 100%);
  background: linear-gradient(180deg, #006EFF 30%, #5652BA 100%); }
  .duo-blocklink:hover .duo-background-gradient-blue-core *, .duo-blocklink:hover .duo-background-gradient-blue-core[class^="icon-"], .duo-blocklink:hover .duo-background-gradient-blue-core[class*="icon-"], .duo-blocklink:focus .duo-background-gradient-blue-core *, .duo-blocklink:focus .duo-background-gradient-blue-core[class^="icon-"], .duo-blocklink:focus .duo-background-gradient-blue-core[class*="icon-"] {
    color: #fff; }

.duo-block-blue-gradient {
  background: #006EFF;
  background: -webkit-linear-gradient(top, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%);
  background: linear-gradient(to bottom, #006EFF 30%, rgba(86, 82, 186, 0.8) 100%); }

.ibm-mobilemenu .cloud-mega {
  display: none; }

.ibm-mobilemenu .cloud-mega-mobile {
  display: block; }
  .ibm-mobilemenu .cloud-mega-mobile p {
    padding: 7px 20px 7px 30px; }

.ibm-sitenav-menu-container .cloud-mega-mobile {
  display: none; }

.ibm-sitenav-menu-container #cloud-mega {
  width: 100vw;
  border: none; }
  .ibm-sitenav-menu-container #cloud-mega .duo-subnav {
    margin: 0; }
    .ibm-sitenav-menu-container #cloud-mega .duo-subnav a {
      padding: 0;
      margin-bottom: 1rem; }
      .ibm-sitenav-menu-container #cloud-mega .duo-subnav a:hover {
        background-color: transparent;
        text-decoration: underline; }
    .ibm-sitenav-menu-container #cloud-mega .duo-subnav > .ibm-col-group > .ibm-col-md-1 {
      min-height: 250px; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-name a:after {
  background: #000; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-name a:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-name a:focus {
  color: #000; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-name a:hover:after, .ibm-sitenav-menu-container .ibm-sitenav-menu-name a:focus:after {
    background: #000; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list ul.ibm-align-right {
  right: -7px; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) {
  color: #fff;
  background-color: #171717;
  border: none;
  padding-bottom: 20px; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) li {
    padding: 1.51515vw 4rem 0 0; }
    .ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) li:last-of-type {
      padding-bottom: 10px; }
    .ibm-sitenav-menu-container .ibm-sitenav-menu-list li ul:not(#cloud-mega) li a:hover {
      background-color: transparent;
      text-decoration: underline; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-active > button, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-active > span, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-active > a {
  color: #fff;
  background-color: #171717;
  border-bottom: 1px solid #8a8a8a; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:focus, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:focus, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:hover, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:focus {
  color: #fff;
  background-color: #171717;
  border-bottom: 1px solid #8a8a8a; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:hover::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button:focus::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:hover::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span:focus::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:hover::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a:focus::after {
    display: none; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > button::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > span::after, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li > a::after {
  display: none; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li a:not(.duo-btn-pri) {
  padding: 0 20px;
  margin: 0; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist button, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist span, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist a {
  margin: 0;
  cursor: pointer;
  font-size: 1rem;
  padding: 0 35px 0 20px;
  position: relative; }
  .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist button:before, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist span:before, .ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li.ibm-haschildlist a:before {
    right: 10px; }

.ibm-sitenav-menu-container .ibm-sitenav-menu-list > ul > li:last-of-type a:not(.duo-btn-pri) {
  display: none; }

.ibm-mobilemenu-sitenavmenu .duo-subnav {
  display: none; }

.ibm-mobilemenu-sitenavmenu > ul > li .duo-btn-pri {
  display: none; }

.ibm-mobilemenu-sitenavmenu > ul > li:not(.duo-btn-pri) {
  display: block; }

/* ================= */


.ibm-btt-auto.ibm-hidden-small {
  display: block !important; }

.logo-watson-avatar {
  max-width: 100px; }

@media (max-width: 1056px) {
  .logo-watson-avatar {
    max-width: 80px; } }

.ibm-type-d {
  font-size: 16px; }

.duo-nospacing {
  margin: 0 !important;
  padding: 0 !important; }

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

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

.duo-margin-right-0 {
  margin-right: 0 !important; }

.duo-margin-left-0 {
  margin-left: 0 !important; }

.duo-margin-bottom-0 {
  margin-bottom: 0 !important; }

.duo-margin-bottom-1 {
  margin-bottom: 20px !important; }

.duo-margin-bottom-2 {
  margin-bottom: 40px !important; }

.duo-margin-bottom-3 {
  margin-bottom: 60px !important; }

.duo-margin-bottom-r1 {
  margin-bottom: 2vw !important; }

.duo-margin-bottom-r2 {
  margin-bottom: 5vw !important; }

.duo-margin-bottom-r3 {
  margin-bottom: 10vw !important; }

.duo-margin-top-0 {
  margin-top: 0 !important; }

.duo-margin-top-1 {
  margin-top: 20px !important; }

.duo-margin-top-2 {
  margin-top: 40px !important; }

.duo-margin-top-3 {
  margin-top: 60px !important; }

.duo-margin-top-r1 {
  margin-top: 2vw !important; }

.duo-margin-top-r2 {
  margin-top: 5vw !important; }

.duo-margin-top-r3 {
  margin-top: 10vw !important; }

.duo-padding-bottom-0 {
  padding-bottom: 0 !important; }

.duo-padding-bottom-1 {
  padding-bottom: 20px !important; }

.duo-padding-bottom-2 {
  padding-bottom: 40px !important; }

.duo-padding-bottom-3 {
  padding-bottom: 60px !important; }

.duo-padding-bottom-r1 {
  padding-bottom: 2vw !important; }

.duo-padding-bottom-r2 {
  padding-bottom: 5vw !important; }

.duo-padding-bottom-r3 {
  padding-bottom: 10vw !important; }

.duo-padding-top-0 {
  padding-top: 0 !important; }

.duo-padding-top-1 {
  padding-top: 20px !important; }

.duo-padding-top-2 {
  padding-top: 40px !important; }

.duo-padding-top-3 {
  padding-top: 60px !important; }

.duo-padding-top-r1 {
  padding-top: 2vw !important; }

.duo-padding-top-r2 {
  padding-top: 5vw !important; }

.duo-padding-top-r3 {
  padding-top: 10vw !important; }

@media (max-width: 640px) {
  .duo-border-bottom-sm {
    border-bottom-width: 1px;
    border-bottom-style: solid; } }

@media (max-width: 320px) {
  .duo-border-sm-none {
    border: none !important; } }

@media (max-width: 640px) {
  .duo-border-md-none {
    border: none !important; } }

@media (max-width: 640px) {
  .duo-border-left-md-none {
    border-left: none !important; } }

@media (max-width: 640px) {
  .duo-border-top-md-none {
    border-top: none !important; } }

@media (max-width: 1056px) {
  .duo-border-lg-none {
    border: none !important; } }

.duo-border-none {
  border: none !important; }

@media (min-width: 640px) {
  .duo-border-inset {
    margin-left: 3.125vw; } }

@media (min-width: 1056px) {
  .duo-border-inset {
    margin-left: 1.51515vw; } }

@media (min-width: 1650px) {
  .duo-border-inset {
    margin-left: 25px; } }

@media (min-width: 640px) {
  .duo-border-inset a:first-of-type {
    margin-left: -3.125vw; } }

@media (min-width: 1056px) {
  .duo-border-inset a:first-of-type {
    margin-left: -1.51515vw; } }

@media (min-width: 1650px) {
  .duo-border-inset a:first-of-type {
    margin-left: -25px; } }

.duo-img-resize {
  height: auto !important;
  width: 100%; }

.duo-img-resize-sm {
  height: auto !important;
  width: 75%; }

.watson-stories .duo-blocklink-img img {
  width: 100%; }

.navbar-button {
  height: 32px !important;
  margin-top: 9px;
  line-height: 18px !important; }
  .navbar-button:after {
    background: transparent !important;
    height: 0; }

.ibm .duo-alternate-background {
  color: #fff; }
  .ibm .duo-alternate-background a {
    color: #fff; }
    .ibm .duo-alternate-background a:hover {
      color: #3d8aff; }
    .ibm .duo-alternate-background a.duo-blocklink:hover [class*='-blue-60'] {
      color: #3d8aff; }
    .ibm .duo-alternate-background a.duo-blocklink.duo-background-gradient-blue-core:hover [class*='icon-ibm-'] {
      color: #fff; }
    .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-pri {
      color: #fff; }
      .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-pri:hover {
        color: #000;
        background-color: #3d8aff;
        border-color: #3d8aff; }
    .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-sec {
      color: #0f6dff; }
      .ibm .duo-alternate-background a.duo-btn-blue-60.duo-btn-sec:hover {
        color: #3d8aff;
        border-color: #3d8aff; }

.ibm a:hover {
  color: #054ada;
  text-decoration: none; }
  .ibm a:hover[class*='icon-ibm-'] {
    color: #fff; }

.ibm a.duo-blocklink:hover [class*='-blue-60'] {
  color: #054ada; }

.ibm a.duo-blocklink.duo-background-gradient-blue-core:hover [class*='icon-ibm-'] {
  color: #fff; }

.ibm a.duo-btn-blue-60.duo-btn-pri {
  color: #fff; }
  .ibm a.duo-btn-blue-60.duo-btn-pri:hover {
    color: #fff;
    background-color: #054ada;
    border-color: #054ada; }

.ibm a.duo-btn-blue-60.duo-btn-sec {
  color: #0f6dff; }
  .ibm a.duo-btn-blue-60.duo-btn-sec:hover {
    color: #054ada;
    border-color: #054ada; }

.ibm a[class*='duo-btn-'][class*='-btn'] {
  border-radius: 50px; }

.ibm a.duo-blocklink {
  color: inherit !important; }
  .ibm a.duo-blocklink:hover .duo-blocklink-img {
    position: relative; }
    .ibm a.duo-blocklink:hover .duo-blocklink-img::before {
      content: " ";
      position: absolute;
      height: 99%;
      width: 100%;
      background-color: rgba(0, 100, 255, 0.1); }

@media (min-width: 1056px) {
  .ibm-col-bleed-left .ibm-col-full_padding {
    padding-left: 1.51515vw; } }

.duo-link-list-detailed a:last-of-type .flex-row {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.duo-btn-pri, .duo-btn-sec {
  border: 2px solid #323232;
  border-radius: 50px;
  background-color: #323232;
  color: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  max-width: 100%;
  min-width: 120px;
  min-width: 90px\9;
  min-height: 20px;
  padding: 6px 18px;
  text-align: center;
  text-decoration: none;
  transition: border .3s,color .3s,background-color .3s;
  white-space: normal; }

ul > li::before {
  display: inline-block;
  font-weight: 300;
  margin-left: -1.8rem;
  position: absolute; }

ul.ibm-dashed-list > li::before {
  content: '\2013'; }

/* POSITIONING */
.ibm-col-section-header p {
  padding-top: 15px; }

.flex {
  display: flex;
  justify-content: space-between;
  position: relative; }
  @media (max-width: 640px) {
    .flex[class*='-0-only'] {
      display: none !important; } }

.flex-right {
  justify-content: flex-end; }

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

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

.flex-self {
  align-self: flex-start; }

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

.flex-self-end {
  align-self: flex-end; }

.flex-top {
  justify-content: flex-start; }

.flex-bottom-right {
  justify-content: flex-end;
  align-items: flex-end; }

.flex-column {
  align-items: flex-start;
  flex-direction: column;
  height: 100%; }
  @media (max-width: 640px) {
    .flex-column.flex-sm-row {
      flex-direction: row !important; } }

.flex-justify-end {
  justify-content: flex-end; }

.flex-row {
  flex-direction: row; }

.flex-align-self-end {
  align-self: flex-end; }

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

.slick-slider {
  margin-bottom: 0; }
  .slick-slider.slick-initialized .slick-slide {
    outline: none;
    height: auto; }
  .slick-slider .slick-dots {
    position: absolute;
    bottom: 3.2rem;
    right: 3.5rem;
    width: auto;
    height: 4px;
    padding: 0; }
    @media (max-width: 640px) {
      .slick-slider .slick-dots {
        left: 6.25vw; } }
    .slick-slider .slick-dots li {
      height: 100%;
      width: 45px; }
      .slick-slider .slick-dots li button {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
        border: none;
        height: 100%;
        width: 100%;
        padding: 0; }
      .slick-slider .slick-dots li.slick-active button {
        outline: none;
        background: white; }
  .slick-slider .slick-prev, .slick-slider .slick-next {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 100;
    cursor: pointer;
    background-size: contain; }
    .slick-slider .slick-prev:before, .slick-slider .slick-next:before {
      color: #c2daff; }
  .slick-slider .slick-prev {
    left: 3.125vw;
    background-image: url(../img/icons/duo-chevron-round-ko-prev.svgg"); }
    .slick-slider .slick-prev:before {
      content: ''; }
  .slick-slider .slick-next {
    right: 3.125vw;
    background-image: url(../img/icons/duo-chevron-round-ko-next.svgg"); }
    .slick-slider .slick-next:before {
      content: ''; }

.duo-sm-carousel .slick-dots {
  left: 25px;
  bottom: 20px !important;
  top: auto;
  right: auto; }
  .duo-sm-carousel .slick-dots li.slick-active button {
    background: rgba(0, 0, 0, 0.5); }
  .duo-sm-carousel .slick-dots li button {
    background: rgba(0, 0, 0, 0.2); }

.duo-sm-carousel .slick-prev,
.duo-sm-carousel .slick-next {
  width: 20px;
  height: 20px; }

.duo-carousel {
  overflow: hidden; }
  .duo-carousel .ibm-col-sm-0-only .duo-img-resize {
    max-width: 85%; }
  .duo-carousel .duo-sidebar {
    top: 0; }
  .duo-carousel .slick-dots {
    top: 20px;
    left: 25px;
    right: auto;
    bottom: auto; }
    .duo-carousel .slick-dots li.slick-active button {
      background: rgba(0, 0, 0, 0.5); }
    .duo-carousel .slick-dots li button {
      background: rgba(0, 0, 0, 0.2); }
  @media (max-width: 1650px) {
    .duo-carousel .slick-dots {
      left: 1.51515vw; } }
  @media (max-width: 1056px) {
    .duo-carousel .slick-dots {
      left: 3.125vw; } }
  @media (max-width: 640px) {
    .duo-carousel .slick-prev {
      left: 20px; }
    .duo-carousel .slick-next {
      right: 20px; }
    .duo-carousel .slick-dots {
      left: 25px; } }

.duo-carousel-jump-menu {
  margin-top: -1rem; }
  .duo-carousel-jump-menu li {
    color: #a3a3a3;
    margin-bottom: 5px !important; }
    .duo-carousel-jump-menu li.active {
      color: #565656; }
    .duo-carousel-jump-menu li a {
      color: inherit !important; }

.duo-border-top-none {
  border-top-width: 0; }

.duo-border-bottom-none {
  border-top-width: 0; }

.duo-border-top {
  border-top-width: 1px;
  border-top-style: solid; }

.duo-border-right {
  border-right-width: 1px;
  border-right-style: solid; }

.duo-border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.duo-border-left {
  border-left-width: 1px;
  border-left-style: solid; }

.duo-tile-bordered > [class*=ibm-col-] {
  box-shadow: inset -1px -1px 0 0 #f3f3f3, inset 0 0 0 0 white; }

.duo-tile-bordered:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3; }

.duo-tile-bordered-gray-20 > [class*=ibm-col-] {
  box-shadow: inset -1px -1px 0 0 #d8d8d8, inset 0 0 0 0 white; }

.duo-tile-bordered-gray-20:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8; }

/* CONTENT */
.ibm-leadspace-links a, .ibm-leadspace-links span {
  transition: all 0.2s ease; }

.ibm-leadspace-links span {
  position: relative;
  z-index: 2; }
  .ibm-leadspace-links span::before {
    content: " ";
    position: absolute;
    height: 0.8em;
    width: 0.8em;
    background-color: #0f6dff;
    z-index: -1;
    border-radius: 50%;
    top: 0.35em;
    left: -0.05em; }

.ibm-leadspace-links .ibm-leadspace-links-hovered {
  color: #565656;
  transition: all 0.2s ease; }
  .ibm-leadspace-links .ibm-leadspace-links-hovered span {
    color: #565656; }
    .ibm-leadspace-links .ibm-leadspace-links-hovered span:hover {
      color: #0f6dff;
      text-decoration: none;
      cursor: pointer; }
      .ibm-leadspace-links .ibm-leadspace-links-hovered span:hover::before {
        display: none; }

.duo-leadspace-background {
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  overflow: hidden; }
  @media (max-width: 640px) {
    .duo-leadspace-background {
      background-position: 70% 0;
      background-size: auto 100% !important; }
      .duo-leadspace-background::after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.25) 100%);
        z-index: 1; } }

#duo-leadspace-carousel .duo-leadspace-background {
  width: 100%; }

@media (max-width: 640px) {
  #duo-leadspace-carousel.slick-slider .slick-slide {
    height: 133vw !important; } }

@media (max-width: 640px) {
  #duo-leadspace-carousel .slick-dots {
    bottom: 2rem;
    text-align: left; } }

#duo-leadspace-carousel .slick-prev, #duo-leadspace-carousel .slick-next {
  opacity: 0;
  margin-top: -10px;
  transition: opacity .35s; }

@media (min-width: 1056px) {
  #duo-leadspace-carousel:hover .slick-prev, #duo-leadspace-carousel:hover .slick-next {
    opacity: 0.7; }
    #duo-leadspace-carousel:hover .slick-prev::before, #duo-leadspace-carousel:hover .slick-next::before {
      opacity: 0.7; } }

.duo-full-height {
  height: 100%; }

.duo-leadspace {
  position: relative;
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat; }
  .duo-leadspace video {
    width: 100%; }
  .duo-leadspace * {
    z-index: 5; }
  .duo-leadspace.ibm-leadspace-bg-contain {
    background-size: contain; }
  .duo-leadspace.ibm-leadspace-bg-cover {
    background-size: cover; }
  @media (max-width: 1056px) {
    .duo-leadspace {
      background-position: 25% 0;
      background-size: cover !important; }
      .duo-leadspace:after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        padding-bottom: 0 !important; } }
  @media (max-width: 640px) {
    .duo-leadspace {
      background-position: 40% 0;
      background-size: cover; }
      .duo-leadspace::after {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1; } }
  .duo-leadspace > .ibm-col-group {
    z-index: 5; }
  .duo-leadspace .duo-leadspace-anim {
    transform: translateY(20px);
    opacity: 0;
    transition: .35s ease; }
    .duo-leadspace .duo-leadspace-anim.active {
      transform: translateY(0);
      opacity: 1; }
      .duo-leadspace .duo-leadspace-anim.active.duo-leadspace-anim-desc {
        transition-delay: 0.2s; }
  @media (min-width: 640px) and (max-width: 690px) {
    .duo-leadspace.prod-serv:after {
      display: none;
      min-height: 350px; } }

.duo-text-aside {
  position: relative; }
  .duo-text-aside::before, .duo-text-aside::after {
    content: " ";
    position: absolute;
    width: 3.5rem;
    height: 4px;
    left: 1.51515vw;
    background-color: #000; }
    @media (max-width: 1056px) {
      .duo-text-aside::before, .duo-text-aside::after {
        left: 3.125vw; } }
    @media (max-width: 640px) {
      .duo-text-aside::before, .duo-text-aside::after {
        left: 6.25vw; } }
  .duo-text-aside::before {
    top: 0; }
  .duo-text-aside::after {
    bottom: 0; }

.duo-max-width {
  max-width: 85%; }
  @media (max-width: 1056px) {
    .duo-max-width {
      max-width: 93%; } }
  @media (max-width: 640px) {
    .duo-max-width {
      max-width: 100%; } }

@media (min-width: 320px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

@media (min-width: 640px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

@media (min-width: 1056px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

@media (min-width: 1650px) {
  .duo-max-width-sm {
    max-width: 75% !important; } }

.duo-pull-quote blockquote {
  position: relative;
  padding-left: .7em; }
  .duo-pull-quote blockquote em {
    display: block;
    font-style: normal; }
    .duo-pull-quote blockquote em .duo-pullquote-quote {
      display: inline-block; }

.duo-pull-quote.ibm-inset {
  float: right;
  margin: 5px 0 0 20px;
  padding: 0;
  width: 280px; }
  .duo-pull-quote.ibm-inset.ibm-alternate {
    float: left;
    margin: 5px 20px 0 0; }

.news-marquee-stories {
  line-height: 1.4rem; }

.duo-pullquote-open, .duo-pull-quote-open {
  position: absolute;
  transform: translate3d(-105%, 0.065em, 0); }

.duo-pullquote-close, .duo-pull-quote-close {
  position: absolute;
  transform: translate3d(20%, 0.12em, 0); }

.duo-pullquote-source, .duo-pull-quote-source {
  color: #5a5a5a; }

.duo-img-cta-module > .ibm-col-group {
  padding: 20px 0;
  width: 90%;
  border-top: 1px solid #d8d8d8; }
  @media (max-width: 640px) {
    .duo-img-cta-module > .ibm-col-group {
      width: 100%; }
      .duo-img-cta-module > .ibm-col-group .flex-row {
        flex-direction: column !important; } }
  .duo-img-cta-module > .ibm-col-group:last-child {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 40px; }
  .duo-img-cta-module > .ibm-col-group .duo-cta-image-container {
    padding: 0 20px 0 0; }
    .duo-img-cta-module > .ibm-col-group .duo-cta-image-container img {
      width: 120px;
      height: 120px; }
    @media (max-width: 640px) {
      .duo-img-cta-module > .ibm-col-group .duo-cta-image-container {
        padding: 0 0 20px 0; }
        .duo-img-cta-module > .ibm-col-group .duo-cta-image-container img {
          width: 100%; } }

.scrollmagic-pin-spacer .duo-sidebar {
  min-width: auto !important; }

.duo-sidebar p.ibm-type-c {
  padding-bottom: 0; }
  @media (max-width: 640px) {
    .duo-sidebar p.ibm-type-c {
      font-size: 16px;
      padding-bottom: 15px !important; } }

.duo-sidebar a {
  display: block;
  line-height: 1.5rem; }

@media (max-width: 1056px) {
  .duo-sidebar .flex {
    display: block; }
    .duo-sidebar .flex p {
      margin-bottom: 0; } }

.duo-sidebar img {
  padding-right: 20px;
  width: 120px;
  height: 120px; }
  @media (max-width: 1056px) {
    .duo-sidebar img {
      padding: 0 0 20px 0;
      display: block;
      width: 100%;
      height: auto; } }

@media (max-width: 640px) {
  .duo-sidebar .ibm-col-sm-1:last-of-type {
    border-top-width: 1px;
    border-top-style: solid; } }

.duo-service-tabs {
  /* tab setting */
  /* selectors relative to radio inputs */ }
  .duo-service-tabs .duo-tabs .duo-tab {
    display: none; }
  .duo-service-tabs input[name="tab-control"] {
    display: none; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tab-list > label:nth-child(1) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tab-list > label:nth-child(1)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tab-list > label:nth-child(1) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .duo-tabs > .duo-tab:nth-child(1) {
      display: block; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tab-list > label:nth-child(2) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tab-list > label:nth-child(2)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tab-list > label:nth-child(2) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .duo-tabs > .duo-tab:nth-child(2) {
      display: block; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tab-list > label:nth-child(3) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tab-list > label:nth-child(3)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tab-list > label:nth-child(3) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .duo-tabs > .duo-tab:nth-child(3) {
      display: block; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tab-list > label:nth-child(4) {
      cursor: default;
      font-weight: 600;
      background-color: #fff; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tab-list > label:nth-child(4)::after {
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #000;
        top: 0;
        left: 0; }
      .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tab-list > label:nth-child(4) span {
        border-bottom: 3px solid #000; }
    .duo-service-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .duo-tabs > .duo-tab:nth-child(4) {
      display: block; }
  .duo-service-tabs .duo-tab-list label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: -25px; }
  @media (max-width: 640px) {
    .duo-service-tabs .duo-tab-list {
      display: flex; }
      .duo-service-tabs .duo-tab-list label {
        flex-grow: 1;
        left: 0; } }

.duo-video-background-container {
  position: absolute;
  overflow: hidden; }
  .duo-video-background-container video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover; }
  @media (max-width: 640px) {
    .duo-video-background-container {
      position: relative; }
      .duo-video-background-container video {
        display: none; } }

.duo-video-background-container2 {
  position: absolute;
  overflow: hidden; }
  .duo-video-background-container2 video {
    position: absolute;
    left: 62%;
    top: 43%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover; }
  @media (max-width: 1056px) {
    .duo-video-background-container2 video {
      top: 36%; } }
  @media (max-width: 640px) {
    .duo-video-background-container2 {
      position: relative; }
      .duo-video-background-container2 video {
        display: none; } }

.sr-reveal {
  visibility: hidden; }

.watson-avatar {
  object-fit: initial;
  width: 100%;
  height: 100%; }

.ibm-superpowers {
  box-sizing: border-box;
  overflow: hidden;
  z-index: 50; }
  .ibm-superpowers .duo-blocklink.ibm-hidden {
    display: none; }
  @media (min-width: 640px) and (max-width: 1366px) {
    .ibm-superpowers .duo-blocklink.ibm-col-ratio-lg-6:after {
      padding-bottom: 100%; } }

.ibm-superpower-close {
  position: relative;
  width: auto; }

#superpowers-carousel {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transform: translate3d(0, 100%, 0);
  transition: transform .35s ease-in-out; }
  #superpowers-carousel.ibm-superpower-reveal {
    z-index: 10;
    transform: translate3d(0, 0, 0); }

.superpowers-close-strip {
  position: absolute;
  right: 0;
  top: 1px;
  width: auto;
  height: calc(100% - 2px);
  padding: 25px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 30%, white 100%);
  box-sizing: border-box;
  z-index: 200;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: opacity .25s .35s; }
  .superpowers-close-strip.reveal {
    opacity: 1;
    visibility: visible; }
  .superpowers-close-strip .ibm-superpower-close:before {
    padding-right: 0.25rem; }
  @media (max-width: 1650px) {
    .superpowers-close-strip {
      padding: 1.51515vw !important; } }
  @media (max-width: 1056px) {
    .superpowers-close-strip {
      padding: 3.125vw !important; } }

.ibm-superpower {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }
  .ibm-superpower img {
    width: 65%; }
    @media (max-width: 1366px) {
      .ibm-superpower img {
        width: 80%; } }
  @media (max-width: 1366px) {
    .ibm-superpower .ibm-col-ratio-lg-6:after {
      padding-bottom: 100%; } }
  .ibm-superpower .duo-overflow-auto {
    overflow: auto; }
    .ibm-superpower .duo-overflow-auto .duo-max-width {
      padding-left: 0;
      max-width: 80%; }
      .ibm-superpower .duo-overflow-auto .duo-max-width .ibm-type-c {
        max-width: 100%; }

.ibm-superpower-sm {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: none;
  overflow: hidden;
  z-index: -1;
  animation-duration: .35s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out; }
  .ibm-superpower-sm.ibm-superpower-reveal {
    display: block !important;
    z-index: 10;
    animation-name: open-sp-sm; }

.superpowers-nav {
  position: absolute;
  left: 1.51515vw;
  bottom: 1.51515vw;
  width: 80px;
  height: 20px;
  z-index: 200;
  display: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }
  @media (max-width: 1056px) {
    .superpowers-nav {
      left: 3.125vw;
      bottom: 3.125vw; } }
  .superpowers-nav .prev, .superpowers-nav .next {
    height: 100%;
    width: 28px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    cursor: pointer; }
  .superpowers-nav .prev {
    background-image: url(../img/superpowers/superpowers-prev-arrow.svgg"); }
  .superpowers-nav .next {
    background-image: url(../img/superpowers/superpowers-next-arrow.svgg"); }

.duo-content-expand .details-more {
  display: none; }

.duo-content-expand .icon-ibm-duo-plus.is-active {
  display: block; }
  .duo-content-expand .icon-ibm-duo-plus.is-active::before {
    content: "\e902" !important; }

.duo-content-expand .icon-ibm-duo-plus:hover {
  cursor: pointer; }

.duo-content-expand.is-active .details-more {
  display: inline; }

.duo-content-expand.is-active .details-ellipses {
  display: none; }

.duo-content-expand.is-active .icon-ibm-duo-plus::before {
  content: "\e902" !important; }

.header-shiv {
  height: 51px;
  display: none; }
  .ibm-sitenav-menu-sticky .header-shiv {
    display: block; }



button.ibm-contact-widget-btn.ibm-active {
  background-color: #0f6dff !important; }
  button.ibm-contact-widget-btn.ibm-active:hover {
    background-color: #054ada !important; }

@keyframes open-sp-sm {
  0% {
    height: 16vh; }
  100% {
    height: auto; } }

#view-change-button {
  display: inline-block;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 1.5625rem;
  background: #AB72F8;
  top: 0.3125rem;
  right: 0.3125rem;
  line-height: 3.125rem;
  vertical-align: middle; }
  #view-change-button:hover {
    cursor: pointer; }
  #view-change-button img {
    display: none;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
  #view-change-button:not(.full) .not-full, #view-change-button.full .full {
    display: inline-block; }

#conversation-demo {
  position: relative; }

.responsive-columns-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -ms-display: flex;
  -ms-flex-direction: row; }

.responsive-column {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto; }

#chat-column-holder {
  text-align: center;
  width: 55%; }

.chat-column {
  padding: 0.9375rem 0 0 2em;
  text-align: left;
  height: 28rem;
  width: 80%; }
  .chat-column p {
    font-size: 20px;
    font-weight: 300; }

#scrollingChat {
  margin: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 7rem); }

.message-inner {
  opacity: 0;
  margin-top: 0.9375rem;
  -webkit-transition-property: opacity, margin-top;
  -webkit-transition-duration: 0.75s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-property: opacity, margin-top;
  -moz-transition-duration: 0.75s;
  -moz-transition-timing-function: ease-in;
  -o-transition-property: opacity, margin-top;
  -o-transition-duration: 0.75s;
  -o-transition-timing-function: ease-in;
  -ms-transition-property: opacity, margin-top;
  -ms-transition-duration: 0.75s;
  -ms-transition-timing-function: ease-in;
  transition-property: opacity, margin-top;
  transition-duration: 0.75s;
  transition-timing-function: ease-in; }

.load .message-inner {
  opacity: 1;
  margin: 0.5125rem 0; }

.from-user {
  text-align: right; }
  .from-user .message-inner {
    position: relative;
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.015rem;
    line-height: 1.3125rem;
    background: #00B4A0;
    border-radius: 1.25rem;
    border-bottom-right-radius: 0;
    text-align: left;
    display: inline-block;
    margin-left: 2.5rem;
    min-width: 2.5rem; }
    .from-user .message-inner p {
      margin: 0.3125rem;
      padding: 0 0.9375rem; }
    .from-user .message-inner:before, .from-user .message-inner:after {
      content: "";
      position: absolute; }
    .from-user .message-inner:before {
      z-index: -2;
      bottom: -0.375rem;
      right: 0;
      height: 0.375rem;
      width: 0.5rem;
      background: #1cb3a0; }
    .from-user .message-inner:after {
      z-index: -1;
      bottom: -0.5rem;
      right: 0;
      height: 0.5rem;
      width: 0.5rem;
      background: #fff;
      border-top-right-radius: 1.25rem; }

.from-watson .message-inner {
  position: relative;
  border-radius: 1.5625rem;
  color: #B5B5B5;
  letter-spacing: 0.015rem;
  line-height: 1.3125rem; }

.from-watson.latest .message-inner {
  color: #323232; }
  .from-watson.latest .message-inner p {
    font-size: 20px;
    font-weight: 300; }

.from-watson p {
  margin: 0.3125rem;
  padding: 0 1.25rem;
  font-size: 16px;
  font-weight: 300; }

.from-watson.latest.top p:before {
  content: ".";
  color: #9855D4;
  background-image: url(../img/icons/ico-chat-marker.pngg");
  background-size: 0.3125rem 1.3125rem;
  position: absolute;
  z-index: 2;
  left: 0.4375rem;
  width: 0.3125rem;
  height: 1.3125rem;
  line-height: 1.3125rem; }

#textInput {
  border: none;
  outline: none;
  background: transparent;
  font-size: 20px;
  color: #323232;
  letter-spacing: 0.015rem;
  line-height: 1.3125rem;
  height: 2.5rem;
  max-width: 100%;
  padding-left: 0.125rem;
  margin-bottom: -0.125rem;
  font-weight: 300; }
  #textInput.underline {
    border-bottom: 2px solid #00B4A0; }

::-webkit-input-placeholder {
  color: #B5B5B5; }

::-moz-placeholder, input:-moz-placeholder {
  color: #B5B5B5;
  opacity: 1; }

:-ms-input-placeholder {
  color: #B5B5B5; }

::-ms-clear {
  display: none; }

.inputOutline {
  display: block;
  border-bottom: 0.0625rem solid #aeaeae;
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

#textInputDummy {
  position: absolute;
  white-space: pre;
  top: 0;
  left: -1000%;
  opacity: 0; }

#payload-column {
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.125rem;
  background-color: #23292A;
  color: #fff;
  overflow-x: auto;
  width: 45%;
  max-height: 32rem; }
  #payload-column.full {
    width: 100%;
    max-width: none;
    min-width: initial; }
  #payload-column .header-text, #payload-column #payload-initial-message {
    font-size: 1.125rem;
    color: #9E9E9E;
    letter-spacing: 0.01875rem;
    padding: 0.5rem;
    padding-left: 2.5rem;
    background: #383D3E; }

.hide {
  display: none; }

.payload .line-numbers, .payload .payload-text {
  padding: 0.5rem; }

.line-numbers {
  width: 2rem;
  color: #898989;
  text-align: right; }

pre {
  margin: 0;
  word-wrap: normal; }

.string {
  color: #54EED0; }

.boolean, .null, .number {
  color: #CE8EFF; }

.key {
  color: #66B7FF; }

html {
  font-size: 16px; }

@media only screen and (max-width: 1000px) {
  html {
    font-size: 15px; } }

@media only screen and (max-width: 600px) {
  html {
    font-size: 14px; }
  .chat-column {
    padding-top: 4rem; }
  #payload-column {
    width: 0;
    max-width: none;
    min-width: initial; } }

.news-marquee {
  overflow: hidden;
  position: relative;
  padding-left: 8rem;
  z-index: 1; }
  .news-marquee::before {
    content: "From the blog";
    color: #757575;
    display: inline-block;
    padding-right: 1.5rem;
    position: absolute;
    left: 0;
    border-right: 1px solid #fff;
    background-color: #000;
    z-index: 5; }

.news-marquee-stories-container {
  /*width: 2000px;*/
  transform: translateX(100%);
  animation: marquee-scroll 40s linear infinite; }

.news-marquee-stories {
  list-style: none;
  display: table-cell;
  white-space: nowrap;
  /*float: left;*/ }

.news-marquee-stories-container:hover {
  animation-play-state: paused !important; }

.news-marquee-stories li {
  display: inline;
  margin-left: 0;
  padding-left: 3em; }

.news-marquee-stories li a:hover {
  text-decoration: none; }

.news-marquee-stories li a:hover span {
  text-decoration: underline;
  color: white; }

.news-marquee-stories li:before {
  content: ""; }

.news-marquee-stories li a span:after {
  /*content: "|";*/
  /*margin-left: .75em;*/
  content: "Read more →";
  color: #757575;
  display: inline-block;
  padding-left: 0.5em; }

.news-marquee-stories li a:hover span:after {
  transform: translateX(0.25em);
  transition: .25s ease;
  color: #fff; }

/*.news-marquee-stories li:last-of-type:after {
    content: "";
}*/
@keyframes marquee-scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%);
    /*-2000px*/ } }