@font-face {font-family: "socialite-0-6-0"; src: url("//massrel-all.massrel.io/static/socialite-0-6-0.1bc9a68139ddab14eb66404e06b049027a22275b.eot"); src: url("//massrel-all.massrel.io/static/socialite-0-6-0.1bc9a68139ddab14eb66404e06b049027a22275b.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-0-6-0.5b7e556e667e4044fdaae1d116d1cc0322edb2e3.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-0-6-0.68d0885fbddf87f5af22b12a4cd3c3378b804115.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-0-6-0.b3df75333f21f0abfdd48f74cf716e5ac7daa190.svg#socialite-0-6-0") format("svg"); font-weight: normal; font-style: normal;} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-angle-left:before, .icon-angle-right:before, .icon-camera:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-close-x:before, .icon-facebook-comment:before, .icon-facebook-logo-letter:before, .icon-facebook-logo:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo-letter:before, .icon-google-plus-logo:before, .icon-instagram-comment:before, .icon-instagram-like:before, .icon-instagram-logo:before, .icon-mass-relevance-logo-copy:before, .icon-mass-relevance-logo:before, .icon-pinterest-logo:before, .icon-place:before, .icon-search:before, .icon-twitter-favorite:before, .icon-twitter-logo:before, .icon-twitter-reply:before, .icon-twitter-retweet:before, .icon-twitter-verified-bg:before, .icon-twitter-verified-check:before, .icon-upload:before, .icon-vine-logo:before, .icon-vote-check:before, .icon-youtube-logo:before {font-family: "socialite-0-6-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit;} .icon-angle-left:before {content: "\f100";} .icon-angle-right:before {content: "\f101";} .icon-camera:before {content: "\f102";} .icon-chevron-down:before {content: "\f103";} .icon-chevron-up:before {content: "\f104";} .icon-close-x:before {content: "\f105";} .icon-facebook-comment:before {content: "\f106";} .icon-facebook-logo-letter:before {content: "\f107";} .icon-facebook-logo:before {content: "\f108";} .icon-facebook-mobilelike:before {content: "\f109";} .icon-facebook-share:before {content: "\f10a";} .icon-getglue-logo:before {content: "\f10b";} .icon-google-plus-logo-letter:before {content: "\f10c";} .icon-google-plus-logo:before {content: "\f10d";} .icon-instagram-comment:before {content: "\f10e";} .icon-instagram-like:before {content: "\f10f";} .icon-instagram-logo:before {content: "\f110";} .icon-mass-relevance-logo-copy:before {content: "\f111";} .icon-mass-relevance-logo:before {content: "\f112";} .icon-pinterest-logo:before {content: "\f113";} .icon-place:before {content: "\f114";} .icon-search:before {content: "\f115";} .icon-twitter-favorite:before {content: "\f116";} .icon-twitter-logo:before {content: "\f117";} .icon-twitter-reply:before {content: "\f118";} .icon-twitter-retweet:before {content: "\f119";} .icon-twitter-verified-bg:before {content: "\f11a";} .icon-twitter-verified-check:before {content: "\f11b";} .icon-upload:before {content: "\f11c";} .icon-vine-logo:before {content: "\f11d";} .icon-vote-check:before {content: "\f11e";} .icon-youtube-logo:before {content: "\f11f";} .status.twitter.has-klout .klout {float: left;} .status.twitter.has-klout .avatar {margin-left: 3px;} .status.twitter.has-klout .body .content {padding-left: 91px;} .status.twitter .body:hover .meta .intents {visibility: visible;} .status.twitter .content a {color: #55acee;} .status.twitter .content .author:hover .primary-name {color: #55acee;} .status.twitter .content .verified {position: relative; display: inline-block; font-size: 1.3em; width: 1em; height: 1em;} .status.twitter .content .verified .icon-twitter-verified-bg {position: absolute; top: 0; left: 0; color: #1dcaff;} .status.twitter .content .verified .icon-twitter-verified-check {position: absolute; top: 0; left: 0; color: #fff;} .status.twitter .content .permalink {font-size: 1.0em; line-height: 1.3em;} .status.twitter .content .permalink .permalink-logo {font-size: 1.3em; vertical-align: -2px; color: #55acee;} .status.twitter .content .timestamp {color: #55acee;} .status.twitter .media {padding-bottom: 1.0em;} .status.twitter .meta:after {clear: both; display: block; content: ''; height: 0; padding: 0; margin: 0; overflow: hidden;} .status.twitter .meta .intents {visibility: hidden; display: inline-block; text-align: right; float: right;} .status.twitter .meta .intents .intent {margin-left: 0.5em;} .status.twitter .meta .intents .intent:hover {text-decoration: none;} .status.twitter .meta .intents .intent:hover .intent-text {text-decoration: underline;} .status.facebook .content a {color: #3b5998;} .status.facebook .permalink {color: #3b5998;} .status.facebook .permalink:hover {text-decoration: none;} .status.facebook .meta {color: #666666;} .status.facebook .permalink.timestamp {float: none;} .status.facebook .author .primary-name {color: #3b5998;} .icon-instagram-like.liked {color: #b40404;} .status.instagram .left-content {width: 14em;} @media (max-width: 480px) {.status.instagram .left-content {float: none; width: auto; text-align: left;}} @media (max-width: 480px) {.status.instagram .avatar {float: none;}} .status.instagram .author {text-align: left; padding-right: 4.4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 250px;} .status.instagram .author .primary-name {display: block;} @media (max-width: 480px) {.status.instagram .author {display: inline-block; text-align: left; padding-right: 0;}} .status.instagram .timestamp, .status.instagram .place {color: #666666;} .status.instagram .timestamp.permalink {float: none;} .status.instagram .primary-name, .status.instagram .timestamp, .status.instagram .place {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .status.instagram .place {clear: both; padding: 0.4em 0.4em 0 0.4em;} @media (max-width: 480px) {.status.instagram .place {padding-bottom: 0.4em; padding-left: 0;}} .status.instagram .content {padding-left: 56px;} @media (max-width: 480px) {.status.instagram .content {padding-left: 0;}} .status.instagram .media-container {position: relative;} .status.instagram .media-container .permalink {visibility: hidden; float: none; position: absolute; top: 2px; right: 2px; text-shadow: 0 0 2px #000; color: #FFF; z-index: 1;} .status.instagram .media-container .permalink .permalink-logo {opacity: 0.7;} .status.google {padding: 0.5em;} .status.google .author {margin-bottom: 2.0em;} .status.google .author .permalink .permalink-logo {color: #dd4b39;} .status.google .author .primary-name {display: block;} .status.google .author .avatar {-webkit-border-radius: 50%; border-radius: 50%;} .status.google .author .avatar img {-webkit-border-radius: 50%; border-radius: 50%;} .status.google .author .timestamp, .status.google .author .place {color: #666666;} .status.google .author .timestamp.permalink {float: none;} .status.google .content {padding-left: 0; clear: both;} .status.google .content .media {-webkit-box-shadow: inset 0 0 2px #CCC; box-shadow: inset 0 0 2px #CCC; line-height: 0; background-color: #EFEFEF; text-align: center;} .status.getglue .permalink {font-size: 1.0em;} .status.getglue .permalink-logo {font-size: 1.2em; vertical-align: -0.05em;} .klout {font-size: 13px; height: 32px; width: 32px; line-height: 24px; text-align: center; background-image: url("/components/stream-1/static/klout.png"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/components/stream-1/static/klout.png', sizingMethod='scale')";} .klout .klout-score {vertical-align: middle; color: #FFF; font-weight: bold; text-decoration: none;} .klout .klout-score:hover {text-decoration: none;} .status {clear: both;} .status .body {padding: 0.35em;} .status a {text-decoration: none; color: #666666;} .status a:hover {text-decoration: underline;} .status a.klout-score {color: #FFF;} .status .avatar {-webkit-border-radius: 6px; border-radius: 6px; float: left; margin-right: 0.5em; display: inline-block; max-width: 48px;} .status .avatar img {-webkit-border-radius: 6px; border-radius: 6px; max-width: 48px;} .status .author {display: block; text-decoration: none;} .status .author:hover {text-decoration: none;} .status .author:hover .primary-name {text-decoration: underline;} .status .author:hover .secondary-name {text-decoration: none;} .status .author .primary-name {font-size: 1.1em; font-weight: bold;} .status .author .secondary-name {font-weight: bold; font-size: 0.9em;} .status .author .secondary-name .prefix {font-weight: normal;} .status .timestamp, .status .place, .status .retweeted-by {color: #666666;} .status .permalink {font-size: 1.5em; line-height: 1.0em; float: right; text-decoration: none;} .status .content {padding-left: 56px;} .status .content .text {margin: 0.5em 0; word-wrap: break-word;} .status .content .media {max-width: 100%; overflow: hidden;} .status .content .media img {max-width: 100%;} .status .content .media iframe {width: 300px; height: 300px;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} a {text-decoration: none;} a:active, a:focus, a:hover {text-decoration: none;} @font-face {font-family: 'LubalinGraphBold'; src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBold.eot"); src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBold.eot?#iefix") format('embedded-opentype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBold.woff") format('woff'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBold.ttf") format('truetype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBold.svg#5efdd43233b7f287ead8869e155df3c0") format('svg'); font-style: normal; font-weight: 700;} @font-face {font-family: 'LubalinGraphDemiRegular'; src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphDemiRegular.eot"); src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphDemiRegular.eot?#iefix") format('embedded-opentype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphDemiRegular.woff") format('woff'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphDemiRegular.ttf") format('truetype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphDemiRegular.svg#be63dbf9b90615273ca5771d6d52eb60") format('svg'); font-style: normal; font-weight: 600;} @font-face {font-family: 'LubalinGraphBookRegular'; src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBookRegular.eot"); src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBookRegular.eot?#iefix") format('embedded-opentype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBookRegular.woff") format('woff'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBookRegular.ttf") format('truetype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/LubalinGraphBookRegular.svg#4c9bcf0f23d49a8df15796280732c8c9") format('svg'); font-style: normal; font-weight: 400;} @font-face {font-family: 'HN-Light'; src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/helveticaneuew02-45light.eot"); src: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/helveticaneuew02-45light.eot?#iefix") format('embedded-opentype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/helveticaneuew02-45light.woff") format('woff'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/helveticaneuew02-45light.ttf") format('truetype'), url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/fonts/helveticaneuew02-45light.svg#HN-Light") format('svg'); font-style: normal; font-weight: 300;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #eaeaea;} input:focus, select:focus, textarea:focus, button:focus, [contenteditable="true"]:focus {outline: none;} .screen {position: relative; background-color: #eaeaea; margin: 0 auto;} @media only screen and (min-width: 1920px) {.screen {width: 1920px; height: 1080px; overflow: hidden;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.screen {width: 940px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.screen {width: 320px; padding-bottom: 5px;}} iframe {display: block;} header {background-color: #d4d4d4; padding-bottom: 20px;} @media only screen and (min-width: 320px) and (max-width: 939px) {header {margin-bottom: 0;}} @media only screen and (min-width: 1920px) {header {background-color: transparent;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.uri {display: none;}} .uri strong {font-weight: bold;} .logo {position: absolute;} @media only screen and (min-width: 1920px) {.logo {background-image: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/tv/sprite.png");}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.logo {background-image: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/desktop/sprite.png");}} @media only screen and (min-width: 320px) and (max-width: 939px) {.logo {background-image: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/mobile/sprite.png");}} @media only screen and (min-width: 320px) and (max-width: 939px) and (min-device-pixel-ratio: 2), only screen and (min-width: 320px) and (max-width: 939px) and (-webkit-min-device-pixel-ratio: 2) {.logo {background-image: url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/mobile/sprite@2x.png"); -webkit-background-size: 156px 23px; background-size: 156px 23px;}} .ibm {background-position: 0 0;} @media only screen and (min-width: 1920px) {.ibm {width: 121px; height: 49px; left: 161px; top: 35px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.ibm {width: 83px; height: 33px; left: 40px; top: 16px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.ibm {width: 42px; height: 17px; left: 25px; top: 15px;}} h1 {color: #fff; text-align: center; background: #585b61; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NWI2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIwMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585b61), color-stop(100%, #202022)); background: -webkit-linear-gradient(top, #585b61 0%, #202022 100%); background: -webkit-gradient(linear, left top, left bottom, from(#585b61), to(#202022)); background: linear-gradient(to bottom, #585b61 0%, #202022 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585b61', endColorstr='#202022', GradientType=0); font-family: 'LubalinGraphBookRegular'; font-style: normal; font-weight: 400; font-size: inherit; line-height: inherit; height: 114px; overflow: hidden;} @media only screen and (min-width: 1920px) {h1 {font-size: 65px; line-height: 116px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {h1 {font-size: 32px; line-height: 65px; height: 64px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {h1 {font-size: 20px; line-height: 34px; height: 84px; padding-left: 40px; padding-top: 8px;}} h1 strong {font-family: 'LubalinGraphDemiRegular'; font-style: normal; font-weight: 600; font-size: inherit; line-height: inherit;} h1 span {color: #fff;} @media only screen and (min-width: 320px) and (max-width: 939px) {h1 span {display: block;}} .call-to-action {color: #1a5185; text-align: center; font-family: 'LubalinGraphBookRegular'; font-style: normal; font-weight: 400; font-size: inherit; line-height: inherit;} .call-to-action.mobile {display: none;} @media only screen and (min-width: 320px) and (max-width: 939px) {.call-to-action.mobile {display: block;}} @media only screen and (min-width: 1920px) {.call-to-action {font-size: 36px; line-height: 2;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.call-to-action {font-size: 18px; line-height: 54px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.call-to-action {font-size: 14px; line-height: 18px; padding: 25px 25px 0; text-align: justify; display: none;}} .call-to-action i {line-height: 1;} @media only screen and (min-width: 1920px) {.call-to-action i {font-size: 48px; padding: 0 3px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.call-to-action i {font-size: 24px; padding: 0 2px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.call-to-action i {font-size: 15px; padding-right: 4px;}} .call-to-action .hashtag {font-family: 'LubalinGraphDemiRegular'; font-style: normal; font-weight: 600; font-size: inherit; line-height: inherit;} @media only screen and (min-width: 320px) and (max-width: 939px) {.call-to-action .hashtag {margin-left: -3px;}} @media only screen and (min-width: 1920px) {.segments {margin-bottom: 58px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.segments {width: 100%; float: left; margin-bottom: 58px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.segments {margin-bottom: 38px; margin-top: 50px;}} @media only screen and (min-width: 1920px) {.segments ul {margin: 0 110px; height: 336px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.segments ul {margin: 0; height: 216px;}} @media only screen and (min-width: 1920px) {.segments li {float: left; width: 340px; height: 336px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.segments li {float: left; width: 187px; height: 196px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.segments li {margin-bottom: 38px;}} .segments li p {color: #212122; margin: 0 auto; display: table; font-family: 'HN-Light'; font-style: normal; font-weight: 300; font-size: inherit; line-height: inherit; -webkit-transition: text-shadow 0.5s; transition: text-shadow 0.5s;} @media only screen and (min-width: 1920px) {.segments li p {width: 209px; height: 94px; font-size: 36px; line-height: 39px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.segments li p {height: 52px; font-size: 22px; line-height: 24px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.segments li p {height: 50px; font-size: 28px; line-height: 44px; margin-top: 3px;}} .segments li p.glow {text-shadow: 0 0 30px #ffffff;} .segments li p span {display: table-cell; vertical-align: middle; text-align: center; width: 125px;} .segments iframe {margin: 0 auto;} @media only screen and (min-width: 1920px) {.segments iframe {width: 226px; height: 34px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.segments iframe {width: 136px; height: 20px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.segments iframe {width: 202px; height: 30px;}} .segments li {position: relative;} .segments li:after {display: block; width: 64px; height: 64px; z-index: 50; position: absolute; content: ""; top: 15%; left: 33%;} .segments li.loyalty:after {background: transparent url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/loyalty.png") no-repeat left top; -webkit-background-size: 100% 100%; background-size: 100% 100%;} .segments li.revenue:after {background: transparent url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/revenue.png") no-repeat left top; -webkit-background-size: 100% 100%; background-size: 100% 100%;} .segments li.costs:after {background: transparent url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/costs.png") no-repeat left top; -webkit-background-size: 100% 100%; background-size: 100% 100%;} .segments li.agility:after {background: transparent url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/agility.png") no-repeat left top; -webkit-background-size: 100% 100%; background-size: 100% 100%;} .segments li.risks:after {background: transparent url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/risks.png") no-repeat left top; -webkit-background-size: 100% 100%; background-size: 100% 100%;} @media only screen and (min-width: 1920px) {.segments li:after {width: 114px; height: 114px; top: 14%; left: 34%;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.segments li:after {width: 100px; height: 100px; left: 50%; top: 96px; margin-left: -50px; margin-top: -50px;}} .orb {-webkit-border-radius: 100%; border-radius: 100%; margin: 0 auto; overflow: hidden; background-color: #d4d4d4; position: relative; -webkit-transition: -webkit-box-shadow 0.5s; transition: box-shadow 0.5s;} @media only screen and (min-width: 1920px) {.orb {width: 208px; height: 208px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.orb {width: 124px; height: 124px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.orb {width: 190px; height: 190px;}} .orb.glow {-webkit-box-shadow: 0 0 40px 0 #ffffff; box-shadow: 0 0 40px 0 #ffffff;} .donut {position: absolute;} @media only screen and (min-width: 1920px) {.donut {width: 184px; height: 184px; left: 12px; top: 12px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.donut {width: 108px; height: 108px; left: 8px; top: 8px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.donut {width: 162px; height: 162px; left: 14px; top: 14px;}} .fitb {position: relative; background-color: #d4d4d4;} @media only screen and (min-width: 1920px) {.fitb {display: none;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb {width: 100%; height: 131px; padding: 0 10px 0 50px; float: left; margin-right: 0; margin-bottom: 78px;} .fitb:before {content: ''; position: absolute; bottom: -45px; left: 20px; width: 0; height: 0; border-style: solid; border-width: 46px 440px 0 440px; border-color: #d4d4d4 transparent transparent transparent;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.fitb {padding: 0px 25px 10px; margin: 0; margin-bottom: 30px; padding-bottom: 60px;} .fitb:before {content: ''; position: absolute; bottom: -26px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 26px 160px 0 160px; border-color: #d4d4d4 transparent transparent transparent;}} .fitb .bg-icon {color: #2ba8e0; display: none; position: absolute;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb .bg-icon {font-size: 27px; left: 18px; top: 1px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.fitb .bg-icon {font-size: 19px; left: 13px; top: 8px;}} .fitb .standard-text {color: #1a5185; font-family: 'LubalinGraphBookRegular'; font-style: normal; font-weight: 400; font-size: inherit; line-height: inherit;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb .standard-text {font-size: 20px; line-height: 1.5;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.fitb .standard-text {font-size: 14px; line-height: 24px; margin-left: 0px;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb .intro {width: 250px;}} .fitb .because {display: block; clear: left;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb .because {position: absolute; left: 585px; top: 15px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.fitb .because {margin-top: 48px; margin-bottom: 5px;}} .fitb .trending {display: none;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb .trending {color: #1a5185; display: block; font-size: 16px; position: absolute; bottom: -26px; left: 50%; margin-left: -47px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.fitb .trending {color: #1a5185; display: block; font-size: 11px; position: absolute; bottom: -14px; left: 50%; margin-left: -32px;}} .fitb .remaining {color: #939598; text-transform: uppercase; text-align: right; font-family: 'HN-Light'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 24px;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb .remaining {position: absolute; right: 200px; top: 106px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.fitb .remaining {margin-bottom: 9px;}} .fitb .remaining span {color: #939598; text-align: right; width: 20px; display: inline-block;} .fitb .remaining span.over {color: #f00;} .fitb input {display: block; color: #777777; background-color: #fff; border: solid #bebebe 1px; border: none; height: 32px; padding: 0 8px 0; margin: 0; font-family: 'HN-Light'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 32px;} .fitb input::-webkit-input-placeholder {color: #939598;} .fitb input::-moz-placeholder {color: #939598;} .fitb input:-ms-input-placeholder {color: #939598;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb input {width: 420px; position: absolute; top: 70px; left: 320px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.fitb input {width: 270px;}} .fitb .intent-button {display: block; float: right; background-color: #eaeaea; color: #212122; padding: 0 50px 0 20px; position: relative; border: solid #bebebe 1px; font-family: 'LubalinGraphBookRegular'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 32px;} .fitb .intent-button:hover {text-decoration: none;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.fitb .intent-button {position: absolute; top: 69px; right: 40px;}} .fitb .intent-button .icon-twitter-logo {font-size: 29px; vertical-align: middle; position: absolute; right: 16px; top: -1px; color: #2ba8e0;} .select {color: #1a5185; position: absolute; border: solid #bebebe 1px; font-family: 'LubalinGraphBookRegular'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.select {left: 320px; top: 13px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.select {left: 24px; top: 58px;}} .select .selected-line {height: 32px; line-height: 32px; padding-left: 8px; cursor: pointer; position: relative; background-color: #eaeaea;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.select .selected-line {width: 244px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.select .selected-line {width: 270px;}} .select .arrow-box {width: 35px; height: 30px; position: absolute; top: 1px; right: 0; border-left: 1px solid #bebebe;} .select .arrow {width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #aaa8a8 transparent transparent; margin: 12px 0 0 9px;} .select ul {padding: 5px 0; position: relative; background-color: #eaeaea; margin-top: 3px; z-index: 1;} .select li {padding: 0 8px; line-height: 32px; cursor: pointer;} .products {overflow: hidden; margin: 0; background-color: #d4d4d4; text-align: center;} @media only screen and (min-width: 940px) and (max-width: 1919px) {.products {clear: left; padding: 20px 0px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.products {margin: 0;}} .products iframe {display: inline-block; width: 440px; height: 327px; margin-right: 20px;} @media only screen and (min-width: 1920px) {.products iframe {width: 634px; height: 458px; margin-right: 0;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.products iframe {width: 440px; height: 327px; margin-right: 20px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.products iframe {width: 300px; margin: 0 auto 15px;}} .products iframe:last-child {margin-right: 0;} .products .spotlight {display: none;} @media only screen and (min-width: 1920px) {.products .spotlight {display: inline-block;}} @media only screen and (min-width: 940px) and (max-width: 1919px) {.products .spotlight {display: none;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.products .spotlight {display: none;}} .products .photo-wall {margin-right: 0 !important;} @media only screen and (min-width: 320px) and (max-width: 939px) {.products .photo-wall {height: 889px;}} @media only screen and (min-width: 320px) and (max-width: 939px) {.products .stream {height: 440px;}} footer {background-color: #eaeaea; text-align: center; display: none; min-height: 260px; padding-top: 20px; display: block;} @media only screen and (min-width: 1920px) {footer {display: none;}} footer .logo {width: 100%; height: 33px; display: inline-block; background: transparent url("//ibm-2014-trial-rtm-and-platform.massrel.io/template-static-75c162482bb156129f871691a3e2aa8509b96a37/img/footer-logo.png") no-repeat center top; position: relative; margin-bottom: 20px;} footer .btn {font-family: 'LubalinGraphBookRegular'; font-style: normal; font-weight: 400; font-size: inherit; line-height: inherit; display: inline-block; background-color: #9cd8f5; height: 32px; line-height: 32px; border: solid #d2d2d2 1px; padding: 0 30px; color: #212122; font-size: 20px; width: 430px;} @media only screen and (min-width: 320px) and (max-width: 939px) {footer .btn {padding: 0 20px; font-size: 14px; width: 98%; margin-bottom: 4%;}} footer strong {font-family: 'LubalinGraphDemiRegular'; font-style: normal; font-weight: 600; font-size: inherit; line-height: inherit;}