/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body {
  background: #dadee0;
}

ul, ol, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
}

input[type=text],
input[type=email],
select {
  outline: none;
}

/**
 * Basic typography style for copy text
 */
html {
  font-size: 62.5%;
}

body {
  color: #4e5052;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1.15;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3rem;
  font-weight: bold;
  color: #324b5c;
  margin: 0;
  padding: 0;
}
@media (min-width: 801px) {
  h1 {
    font-size: 4.4rem;
  }
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 2rem;
}
@media (min-width: 801px) {
  h2 {
    font-size: 3.3rem;
  }
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.6rem;
  font-weight: normal;
  color: #4e5052;
  padding: 0;
  margin: 0 0 2rem;
}
@media (min-width: 801px) {
  h3 {
    font-size: 3.2rem;
    font-weight: bold;
  }
}
h3.margin-zero {
  margin-bottom: .5rem;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  color: #4e5052;
  padding: 0;
  margin: 0 0 2rem;
}
@media (min-width: 801px) {
  h4 {
    font-size: 2rem;
    font-weight: bold;
  }
}
h4.margin-zero {
  margin: 0;
}

p {
  margin-bottom: 1em;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #4e5052;
}
@media (min-width: 801px) {
  p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

ul.basic-list {
  list-style: disc;
  margin: 0 0 1em 2.5em;
}

a {
  color: #4e5052;
  text-decoration: none;
  border-bottom: 1px solid #4e5052;
  cursor: pointer;
  outline: none;
  word-wrap: break-word;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
a:hover {
  border-width: 0;
}
@media (min-width: 801px) {
  a {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

table {
  border: 1px solid #939699;
  border-collapse: collapse;
  font-size: 1.6rem;
  line-height: 2.2rem;
  width: 100%;
}
table thead {
  background-color: #f80000;
  color: white;
  font-weight: bold;
}
@media (min-width: 801px) {
  table {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
table td {
  padding: 1.5rem .5rem;
  border-bottom: 1px solid #939699;
  border-right: 1px solid #939699;
  text-align: center;
}
@media (min-width: 801px) {
  table td {
    padding: 1.5rem;
  }
}
table td.left {
  text-align: left;
}
table tbody td {
  padding: 1rem .5rem;
}
@media (min-width: 801px) {
  table tbody td {
    padding: 1rem 1.5rem;
  }
}

.outer-wrap:before, .inner-wrap:before, .outer-wrap:after, .inner-wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.text-hidden {
  display: inline-block;
  text-indent: -9999px;
}

.vertical-fix-table {
  display: table;
  width: 100%;
  height: 100%;
}
.vertical-fix-table .vertical-fix-row {
  display: table-row;
}
.vertical-fix-table .vertical-fix-cell {
  display: table-cell;
  vertical-align: middle;
}

/* STRUCTURAL STUFF */
#main-wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

.outer-wrap {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background-color: white;
}

.inner-wrap {
  max-width: 110rem;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  position: relative;
}
@media (min-width: 1150px) {
  .inner-wrap {
    padding: 5rem 0;
  }
}

.left-half,
.right-half {
  position: relative;
}
.left-half aside,
.right-half aside {
  padding: 3rem 1.5rem 1rem;
}
@media (min-width: 801px) {
  .left-half aside,
  .right-half aside {
    max-width: 520px;
    width: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media (min-width: 801px) {
  .hero-left .right-half {
    width: 52%;
    float: right;
  }
}
@media (min-width: 801px) {
  .hero-left .right-half aside {
    padding-right: 1.5rem;
  }
}
.hero-left .left-half {
  min-height: 500px;
}
@media (min-width: 801px) {
  .hero-left .left-half {
    width: 45%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
  }
}
.hero-left .left-half .quote-wrap {
  padding-left: 3em;
}
@media (min-width: 1440px) {
  .hero-left .left-half .quote-wrap {
    padding-left: 17em;
  }
}

@media (min-width: 801px) {
  .hero-right .left-half {
    width: 52%;
    float: left;
  }
}
@media (min-width: 801px) {
  .hero-right .left-half aside {
    padding-right: 7%;
    padding-left: 1.5rem;
    margin: 0 0 0 auto;
  }
}
.hero-right .right-half {
  min-height: 500px;
}
@media (min-width: 801px) {
  .hero-right .right-half {
    width: 45%;
    height: 100%;
    float: right;
    position: absolute;
    right: 0;
  }
}

h3 {
  position: relative;
  padding-left: 0.75em;
}
@media (min-width: 801px) {
  h3 {
    padding-left: 0;
  }
}
h3 .line {
  display: block;
  width: 3px;
  height: 100%;
  background-color: #f80000;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 801px) {
  h3 .line {
    left: -0.75em;
  }
}

h4.sub-head {
  padding-left: 1.2em;
}
@media (min-width: 801px) {
  h4.sub-head {
    padding-left: 0;
  }
}

#back-top {
  width: 4em;
  height: 4em;
  position: fixed;
  bottom: 1em;
  right: 1em;
  background: rgba(64, 64, 64, 0.7);
  display: block;
}

#back-top a {
  display: block;
  height: 100%;
}

#back-top a:before {
  display: block;
  content: "";
  color: #ffffff;
  text-align: center;
  height: 100%;
  background: url("../images/arrow_up.svg") no-repeat 50% 50%;
}

/* -------------------- */
/* COTNENT STARTS HERE */
/* HEADER */
header {
  background: url(../images/header.jpg) no-repeat 40% top/cover;
}
@media (min-width: 414px) {
  header {
    background: url(../images/header.jpg) no-repeat 80% top/cover;
  }
}
@media (min-width: 801px) {
  header {
    background: url(../images/header.jpg) no-repeat center top/cover;
    background-size: cover;
  }
}
header h1 {
  margin: 6rem 0 1rem;
}
header h1 span {
  display: block;
  font-weight: normal;
}
@media (min-width: 801px) {
  header h1 {
    margin: 12rem 0 1rem;
  }
}
header p {
  margin-bottom: 5rem;
  font-size: 2.4rem;
  line-height: 2.8rem;
}
@media (min-width: 801px) {
  header p {
    font-size: 3rem;
    line-height: 3.2rem;
    width: 64rem;
    margin-bottom: 10rem;
  }
}
header .atom {
  position: absolute;
  display: none;
}
header .atom#atom-1 {
  width: 41rem;
  top: 0;
  left: 0;
}
header .atom#atom-2 {
  width: 47rem;
  top: 50%;
  right: 0;
  opacity: 0.4;
}
@media (min-width: 801px) {
  header .atom {
    display: block;
  }
}
header .inner-wrap {
  padding: 0;
}
@media (min-width: 801px) {
  header .inner-wrap {
    padding: 0;
  }
}
header .inner-wrap .text-wrap {
  padding: 20px;
}
@media (min-width: 801px) {
  header .inner-wrap .text-wrap {
    padding: 5px;
  }
}
header .logo {
  display: block;
  text-decoration: none;
  border: 0;
  background: #c90000;
  background: -moz-linear-gradient(top, #c90000 0, #f80000 70%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c90000), color-stop(70%, #f80000));
  background: -webkit-linear-gradient(top, #c90000 0, #f80000 70%);
  background: -o-linear-gradient(top, #c90000 0, #f80000 70%);
  background: -ms-linear-gradient(top, #c90000 0, #f80000 70%);
  background: linear-gradient(to bottom, #c90000 0, #f80000 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#f80000',GradientType=0 );
  margin: 0;
  width: 100%;
  cursor: none;
  padding-left: 75px;
}
@media (min-width: 801px) {
  header .logo {
    background: none;
    width: 18rem;
    cursor: pointer;
    padding-left: 0;
  }
}
header .logo img {
  width: 175px;
}
@media (min-width: 801px) {
  header .logo img {
    width: 100%;
  }
}

/*Navigation*/
nav {
  z-index: 100;
  position: absolute;
  width: 100%;
  top: 0;
}
@media (min-width: 801px) {
  nav {
    left: auto !important;
    position: relative;
  }
}
nav.nav-outer-wrap {
  background-color: transparent;
  overflow: visible;
  height: auto;
  max-width: 1440px;
}
@media (min-width: 801px) {
  nav.nav-outer-wrap {
    background-color: #8a8d90;
    min-height: 89px;
  }
}
nav ul {
  max-width: 120rem;
  flex-direction: row;
  list-style: none;
  margin: 0 auto;
  max-height: 0;
  overflow: hidden;
  display: block;
  background-color: #8a8d90;
}
@media (min-width: 801px) {
  nav ul {
    display: flex;
    max-height: auto;
    overflow: visible;
    background-color: transparent;
  }
}
nav ul li {
  flex: 1 1 auto;
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-right: 0;
}
@media (min-width: 801px) {
  nav ul li {
    width: 25%;
    padding: auto;
  }
}
nav ul li a {
  text-transform: uppercase;
  text-decoration: none;
  flex-grow: 1;
  color: white;
  border-bottom: 0;
  border-right: 0;
  display: block;
  padding: 20px 20px 20px 45px;
}
@media (min-width: 801px) {
  nav ul li a {
    border-right: 1px solid white;
    padding: auto;
    min-height: 89px;
    box-sizing: border-box;
  }
}
nav ul li a:hover {
  border-right: 0;
  border-bottom: 0;
  background-color: #f80000;
}
@media (min-width: 801px) {
  nav ul li a:hover {
    background-color: transparent;
    border-right: 1px solid white;
  }
}
nav ul li a.selected {
  background-color: #f80000;
}
nav ul li a label {
  cursor: pointer;
  display: block;
}
@media (min-width: 801px) {
  nav ul li a label {
    padding-left: 6rem;
  }
}
@media (min-width: 1150px) {
  nav ul li a label {
    padding-left: 8rem;
  }
}
@media (min-width: 801px) {
  nav ul li a {
    padding: 2.5rem 1rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 1280px) {
  nav ul li a {
    padding: 3.2rem 2rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
nav ul li:first-child {
  border-top: 1px solid #ccc;
}
@media (min-width: 801px) {
  nav ul li:first-child {
    border-top: 0;
  }
}
@media (min-width: 801px) {
  nav ul li:first-child a {
    background: #939699 url(../images/icon-overview.svg) no-repeat 10% center/15% auto;
  }
  nav ul li:first-child a:hover, nav ul li:first-child a.selected {
    background: #f80000 url(../images/icon-overview.svg) no-repeat 10% center/15% auto;
  }
}
@media (min-width: 1150px) {
  nav ul li:first-child a {
    background: #939699 url(../images/icon-overview.svg) no-repeat 10% center/16% auto;
  }
  nav ul li:first-child a:hover, nav ul li:first-child a.selected {
    background: #f80000 url(../images/icon-overview.svg) no-repeat 10% center/16% auto;
  }
}
@media (min-width: 1280px) {
  nav ul li:first-child a {
    background: #939699 url(../images/icon-overview.svg) no-repeat 10% center/18% auto;
  }
  nav ul li:first-child a:hover, nav ul li:first-child a.selected {
    background: #f80000 url(../images/icon-overview.svg) no-repeat 10% center/18% auto;
  }
}
@media (min-width: 801px) {
  nav ul li:nth-child(2) a {
    background: #939699 url(../images/icon-business-initiatives.svg) no-repeat 10% center/14% auto;
    text-align: left;
    padding: 1.5rem 1rem;
    padding: 1.3rem 2rem;
  }
  nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a.selected {
    background: #f80000 url(../images/icon-business-initiatives.svg) no-repeat 10% center/14% auto;
  }
  nav ul li:nth-child(2) a label {
    padding-left: 5rem;
  }
}
@media (min-width: 1150px) {
  nav ul li:nth-child(2) a {
    background: #939699 url(../images/icon-business-initiatives.svg) no-repeat 10% center/14% auto;
    text-align: left;
    padding: 3.2rem 2rem;
    padding: 1.3rem 2rem;
  }
  nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a.selected {
    background: #f80000 url(../images/icon-business-initiatives.svg) no-repeat 10% center/14% auto;
  }
  nav ul li:nth-child(2) a label {
    padding-left: 7rem;
  }
}
@media (min-width: 1280px) {
  nav ul li:nth-child(2) a {
    background: #939699 url(../images/icon-business-initiatives.svg) no-repeat 10% center/14% auto;
    text-align: right;
    padding: 3.2rem 2rem;
  }
  nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2) a.selected {
    background: #f80000 url(../images/icon-business-initiatives.svg) no-repeat 10% center/14% auto;
  }
  nav ul li:nth-child(2) a label {
    padding-left: 3rem;
  }
}
@media (min-width: 801px) {
  nav ul li:nth-child(3) a {
    background: #939699 url(../images/icon-job-roles.svg) no-repeat 10% center/14% auto;
  }
  nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a.selected {
    background: #f80000 url(../images/icon-job-roles.svg) no-repeat 10% center/14% auto;
  }
}
@media (min-width: 1150px) {
  nav ul li:nth-child(3) a {
    background: #939699 url(../images/icon-job-roles.svg) no-repeat 10% center/16% auto;
  }
  nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a.selected {
    background: #f80000 url(../images/icon-job-roles.svg) no-repeat 10% center/16% auto;
  }
}
@media (min-width: 1280px) {
  nav ul li:nth-child(3) a {
    background: #939699 url(../images/icon-job-roles.svg) no-repeat 10% center/18% auto;
  }
  nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3) a.selected {
    background: #f80000 url(../images/icon-job-roles.svg) no-repeat 10% center/18% auto;
  }
}
@media (min-width: 801px) {
  nav ul li:last-child a {
    border-right: 0;
    background: #939699 url(../images/icon-industries.svg) no-repeat 10% center/12% auto;
  }
  nav ul li:last-child a:hover, nav ul li:last-child a.selected {
    background: #f80000 url(../images/icon-industries.svg) no-repeat 10% center/12% auto;
  }
  nav ul li:last-child a label {
    padding-left: 5rem;
  }
}
@media (min-width: 1150px) {
  nav ul li:last-child a {
    border-right: 0;
    background: #939699 url(../images/icon-industries.svg) no-repeat 10% center/12% auto;
  }
  nav ul li:last-child a:hover, nav ul li:last-child a.selected {
    background: #f80000 url(../images/icon-industries.svg) no-repeat 10% center/12% auto;
  }
  nav ul li:last-child a label {
    padding-left: 7rem;
  }
}
@media (min-width: 1280px) {
  nav ul li:last-child a {
    border-right: 0;
    background: #939699 url(../images/icon-industries.svg) no-repeat 10% center/15% auto;
  }
  nav ul li:last-child a:hover, nav ul li:last-child a.selected {
    background: #f80000 url(../images/icon-industries.svg) no-repeat 10% center/15% auto;
  }
  nav ul li:last-child a label {
    padding-left: 7rem;
  }
}
nav #nav-btn {
  display: inline-block;
  background: url(../images/menu_icon.svg) no-repeat 50% 50%;
  width: 4em;
  height: 4em;
  text-indent: -9999px;
  margin-left: 0.5em;
  text-decoration: none;
  border: 0;
}
@media (min-width: 801px) {
  nav #nav-btn {
    display: none;
  }
}
nav #nav-btn.open {
  background: url("../images/menu_icon_close.svg") no-repeat 50% 50%;
}

footer label {
  text-align: center;
  display: block;
}

section:after, section:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
section:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #88b7d5;
  border-width: 30px;
  margin-left: -30px;
}
section:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #c2e1f5;
  border-width: 36px;
  margin-left: -36px;
}
section .icon {
  background-repeat: no-repeat;
  background-position: 0%;
  background-size: contain;
  position: absolute;
  display: none;
}
@media (min-width: 1440px) {
  section .icon {
    display: block;
  }
}
section .box-wrap {
  padding: 30px 0;
  display: inline-block;
  width: 100%;
}
section .box-wrap .box {
  width: 100%;
  background-color: white;
  height: auto;
  float: none;
  margin-right: 15px;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  border-top-width: 15px;
  border-top-style: solid;
}
@media (min-width: 801px) {
  section .box-wrap .box {
    width: 30%;
    float: left;
    height: 400px;
  }
}
section .box-wrap .box.left {
  border-top-color: #00758f;
}
@media (min-width: 801px) {
  section .box-wrap .box.left {
    width: calc(25% - 15px);
  }
}
section .box-wrap .box.left h4 {
  color: #00758f;
}
section .box-wrap .box.center {
  border-top-color: #3a913f;
}
@media (min-width: 801px) {
  section .box-wrap .box.center {
    width: calc(25% - 15px);
  }
}
section .box-wrap .box.center h4 {
  color: #3a913f;
}
section .box-wrap .box.right {
  margin-right: 0;
  border-top-color: #f29111;
}
@media (min-width: 801px) {
  section .box-wrap .box.right {
    width: 50%;
  }
}
section .box-wrap .box.right h4 {
  color: #f29111;
}
section .box-wrap .box ul {
  padding-left: 20px;
}
section .box-wrap .box ul li {
  list-style: disc;
}
section .cta a {
  color: #f80000;
  border-color: #f80000;
}
section .arrow-down {
  width: 65px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: top 0%;
  background-size: contain;
  position: absolute;
  top: 0;
}
@media (min-width: 801px) {
  section .arrow-down {
    width: 108px;
  }
}
section .arrow-down.white {
  background-image: url(../images/arrow-down-white.png);
}
section .arrow-down.grey {
  background-image: url(../images/arrow-down-grey.png);
}
section .arrow-down.left {
  left: 0;
}
section .arrow-down.right {
  right: 0;
}

.do-parallax {
  transition: all;
}

/* TAB1-> SECTION 1 [JOURNEY] */
#section-journey {
  background-image: url(../images/atoms-3.svg), url(../images/atoms-4.svg);
  background-repeat: no-repeat, no-repeat;
  background-position-x: -70px, 103%;
  background-position-y: 0, 0;
  background-size: contain;
  position: relative;
}
#section-journey .icon.left {
  background-image: url(../images/icon-disk.svg);
  width: 50px;
  height: 50px;
  left: 5%;
  top: 50%;
}
#section-journey .icon.right {
  background-image: url(../images/icon-strategy.svg);
  width: 100px;
  height: 100px;
  right: 5%;
  top: 10%;
}

/* TAB1-> SECTION 2 [MEASURE] */
#section-measure {
  background-image: url(../images/atoms-5.svg);
  background-repeat: no-repeat;
  background-position: -110px;
  background-size: contain;
}
#section-measure.outer-wrap {
  background-color: #f3f3f3;
}
#section-measure.outer-wrap .right-half {
  background-image: url(../images/overview-image-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0;
  z-index: 10;
  display: none;
}
@media (min-width: 801px) {
  #section-measure.outer-wrap .right-half {
    display: block;
  }
}
#section-measure.outer-wrap .right-half.overlay {
  background-image: url(../images/atoms-6.svg);
  background-position: bottom;
  background-size: contain;
  opacity: 0.7;
  display: none;
}
@media (min-width: 801px) {
  #section-measure.outer-wrap .right-half.overlay {
    display: block;
  }
}
#section-measure.outer-wrap .right-half .icon {
  z-index: 20;
}
#section-measure.outer-wrap .right-half .icon.right {
  background-image: url(../images/icon-disk-yellow.svg);
  width: 100px;
  height: 100px;
  right: 60%;
  top: 55%;
}
#section-measure.outer-wrap .right-half .icon.right.two {
  background-image: url(../images/icon-bulb.svg);
  width: 50px;
  height: 50px;
  right: 10%;
  top: 60%;
}
#section-measure .icon.left {
  background-image: url(../images/icon-server.svg);
  width: 50px;
  height: 50px;
  left: 5%;
  top: 50%;
}
#section-measure p strong {
  font-weight: bold;
  color: #f80000;
}

/* TAB1-> SECTION 3 [SUPPLY CHAIN] */
#section-strategic-path {
  overflow: hidden;
}
#section-strategic-path.outer-wrap {
  background-color: #f3f3f3;
}
#section-strategic-path .arrow {
  width: 100%;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url(../images/section-5/sec5-arrow.png);
  margin-bottom: 20px;
}
#section-strategic-path h3.anim-heading {
  text-align: center;
  margin-top: 30px;
}
#section-strategic-path .graphic-container {
  width: 100%;
  float: none;
  height: auto;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc;
}
#section-strategic-path .graphic-container:last-child {
  border: 0;
}
@media (min-width: 801px) {
  #section-strategic-path .graphic-container {
    width: calc((100% / 3) - 6px);
    float: left;
    height: auto;
    border: 0;
    margin-bottom: 0;
  }
}
#section-strategic-path .graphic-container h4 {
  padding: 0;
  margin: 0;
  text-align: center;
  color: #f80000;
  font-weight: normal;
}
#section-strategic-path .graphic-container h4.red-head {
  font-weight: bold;
}
#section-strategic-path .graphic-container h4.bottom {
  color: #4e5052;
  font-weight: bold;
  opacity: 0;
}
#section-strategic-path .graphic-container .graphic-holder {
  width: 100%;
  height: 300px;
  position: relative;
  margin: 20px auto;
}
#section-strategic-path .graphic-container .graphic-holder .graphic-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 10;
  opacity: 0;
}
#section-strategic-path .graphic-container .graphic-holder.left .one {
  background-image: url(../images/section-5/sec5-left-1.png);
}
#section-strategic-path .graphic-container .graphic-holder.left .two {
  background-image: url(../images/section-5/sec5-left-2.png);
}
#section-strategic-path .graphic-container .graphic-holder.left .three {
  background-image: url(../images/section-5/sec5-left-3.png);
}
#section-strategic-path .graphic-container .graphic-holder.center .one {
  background-image: url(../images/section-5/sec5-center-1.png);
}
#section-strategic-path .graphic-container .graphic-holder.center .two {
  background-image: url(../images/section-5/sec5-center-2.png);
}
#section-strategic-path .graphic-container .graphic-holder.center .three {
  background-image: url(../images/section-5/sec5-center-3.png);
}
#section-strategic-path .graphic-container .graphic-holder.center .four {
  background-image: url(../images/section-5/sec5-center-4.png);
  z-index: 5;
}
#section-strategic-path .graphic-container .graphic-holder.right .one {
  background-image: url(../images/section-5/sec5-right-1.png);
}
#section-strategic-path .graphic-container .graphic-holder.right .two {
  background-image: url(../images/section-5/sec5-right-2.png);
}
#section-strategic-path .graphic-container .graphic-holder.right .three {
  background-image: url(../images/section-5/sec5-right-3.png);
  z-index: 5;
}

#section-supply-chain .inner-wrap {
  padding-bottom: 2rem;
}
@media (min-width: 801px) {
  #section-supply-chain .inner-wrap {
    padding-bottom: 7rem;
  }
}
#section-supply-chain .icon.left {
  background-image: url(../images/icon-server.svg);
  width: 80px;
  height: 80px;
  left: 2%;
  top: 10%;
}
#section-supply-chain .icon.left.two {
  background-image: url(../images/icon-bulb.svg);
  width: 150px;
  height: 150px;
  left: -2%;
  top: 50%;
}
#section-supply-chain .icon.right {
  background-image: url(../images/icon-disk-yellow.svg);
  width: 100px;
  height: 100px;
  right: 1%;
  top: 30%;
}

/* TAB1-> SECTION 4 [COMBAT DATA] */
#section-combat-data .left-half {
  background: none;
  min-height: auto;
}
@media (min-width: 801px) {
  #section-combat-data .left-half {
    background: #f3f3f3 url(../images/overview-image-2.jpg) no-repeat right top/cover;
    min-height: 500px;
    background-size: 200%;
  }
}
@media (min-width: 1150px) {
  #section-combat-data .left-half {
    background-size: 140%;
  }
}
@media (min-width: 1280px) {
  #section-combat-data .left-half {
    background-size: 130%;
  }
}
@media (min-width: 1440px) {
  #section-combat-data .left-half {
    background-size: 110%;
  }
}
#section-combat-data .left-half .quote-wrap {
  position: relative;
}
@media (min-width: 801px) {
  #section-combat-data .left-half .quote-wrap {
    position: absolute;
  }
}
#section-combat-data .right-half {
  background-image: url(../images/atoms-9.svg);
  background-position: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
#section-combat-data .icon.right {
  background-image: url(../images/icon-disk-green.svg);
  width: 50px;
  height: 50px;
  right: 2%;
  top: 10%;
}
#section-combat-data .icon.right.two {
  background-image: url(../images/icon-disk.svg);
  width: 100px;
  height: 100px;
  right: 2%;
  top: 50%;
}

/* TAB1-> SECTION 5 [LEARNING PATH] */
#section-learning-path ul {
  margin-top: 2rem;
}
@media (min-width: 801px) {
  #section-learning-path ul {
    margin-top: 5rem;
  }
}
#section-learning-path ul li {
  background-color: #939699;
  color: white;
  margin-bottom: 1.5rem;
}
#section-learning-path ul li:first-child {
  background-color: #dadee0;
}
#section-learning-path ul li:first-child a {
  color: #4e5052;
}
#section-learning-path ul li:last-child {
  background-color: #4e5052;
}
#section-learning-path ul li:last-child a {
  color: white;
}
#section-learning-path ul li a {
  padding: 2rem;
  font-size: 1.8rem;
  font-weight: normal;
  display: table;
  text-decoration: none;
  border-bottom: 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 801px) {
  #section-learning-path ul li a {
    font-size: 2rem;
    font-weight: bold;
    padding: 2rem 1.5rem;
  }
}
@media (min-width: 1150px) {
  #section-learning-path ul li a {
    font-size: 2rem;
    font-weight: bold;
    padding: 2rem 3rem;
  }
}
#section-learning-path ul li a.cta-gray {
  color: white;
}
#section-learning-path ul li a svg {
  right: 10px;
  display: table-cell;
  vertical-align: middle;
  float: right;
}
@media (min-width: 801px) {
  #section-learning-path ul li {
    float: left;
    float: left;
    width: 30%;
    margin-bottom: 0 !important;
  }
  #section-learning-path ul li:nth-child(n) {
    margin-right: 5%;
    margin-bottom: 5%;
  }
  #section-learning-path ul li:nth-child(3n) {
    margin-right: 0;
  }
}

/* TAB1-> SECTION 5 [LEARNING PATH] */
#section-learn-cta .inner-wrap {
  background-color: #f80000;
}
@media (min-width: 801px) {
  #section-learn-cta .inner-wrap {
    padding: 2rem 0;
    margin: 3rem auto;
  }
}
#section-learn-cta .inner-wrap a {
  border: 1px solid white;
  color: white;
  display: block;
  padding: 1rem;
}
@media (min-width: 414px) {
  #section-learn-cta .inner-wrap a {
    padding: 2rem;
  }
}
@media (min-width: 801px) {
  #section-learn-cta .inner-wrap a {
    padding: 2rem 10rem 2rem 2rem;
    margin: 0 3rem;
    display: inline-block;
  }
}

/* TAB2-> SECTION 1 [VALUE CHAIN] */
#section-value-chain {
  background-color: #f5f6f6;
}
#section-value-chain .right-half {
  background: #f80000;
  min-height: auto !important;
}
@media (min-width: 801px) {
  #section-value-chain .right-half {
    background: #f3f3f3 url(../images/value-chain-image-1.jpg) no-repeat right top/cover;
    min-height: 500px;
  }
}
#section-value-chain .right-half .quote-wrap {
  background-image: none;
  background-color: #f80000;
  position: relative;
  min-height: auto;
}
@media (min-width: 801px) {
  #section-value-chain .right-half .quote-wrap {
    background-color: rgba(248, 0, 0, 0.8);
    position: absolute;
    min-height: 25%;
  }
}
#section-value-chain .left-half {
  background-image: url(../images/atoms-1.svg);
  background-position-x: -320px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}
#section-value-chain .icon.left {
  background-image: url(../images/icon-chain.svg);
  width: 80px;
  height: 80px;
  left: 2%;
  top: 20%;
}

/* TAB2-> SECTION 3 [ACTION PLAN] */
.section-action-plan {
  overflow: hidden;
  background-image: url(../images/atoms-11.svg), url(../images/atoms-12.svg);
  background-repeat: no-repeat, no-repeat;
  background-position-x: 0, 100%;
  background-position-y: bottom, 0;
}
.section-action-plan.outer-wrap {
  background-color: #eeefef;
}

/* TAB2-> SECTION 4 [PRODUCT COMMECIAL] */
#section-product-commercial .right-half {
  min-height: auto;
}
@media (min-width: 801px) {
  #section-product-commercial .right-half {
    min-height: 500px;
  }
}
#section-product-commercial .right-half .quote-wrap {
  height: 100%;
  box-sizing: border-box;
  display: table;
  background-image: url(../images/strategic-quote.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 801px) {
  #section-product-commercial .right-half .quote-wrap {
    position: absolute;
  }
}
#section-product-commercial .right-half .quote-wrap blockquote {
  display: table-cell;
  vertical-align: middle;
}
#section-product-commercial .right-half .quote-wrap blockquote:before {
  top: auto !important;
}
#section-product-commercial .right-half .quote-wrap blockquote p:after {
  bottom: auto !important;
}
#section-product-commercial .left-half {
  position: relative;
}

/* TAB2-> SECTION 8 [Omnichannel] */
#section-Omnichannel {
  background-color: #f5f6f6;
}
#section-Omnichannel .left-half {
  background: #f3f3f3 url(../images/business-image-2.jpg) no-repeat right top/cover;
  display: none;
}
@media (min-width: 801px) {
  #section-Omnichannel .left-half {
    display: block;
  }
}
#section-Omnichannel .right-half {
  background-image: url(../images/atoms-9.svg);
  background-position: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
#section-Omnichannel .icon.right {
  background-image: url(../images/icon-disk-green.svg);
  width: 50px;
  height: 50px;
  right: 2%;
  top: 10%;
}
#section-Omnichannel .icon.right.two {
  background-image: url(../images/icon-disk.svg);
  width: 100px;
  height: 100px;
  right: 2%;
  top: 50%;
}

/* TAB2-> SECTION 9 [CONTRACT] */
#section-contract.outer-wrap {
  background-color: #f5f6f6;
}
#section-contract.outer-wrap .right-half {
  background-image: url(../images/business-image-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 0;
  z-index: 10;
  display: none;
}
@media (min-width: 801px) {
  #section-contract.outer-wrap .right-half {
    display: block;
  }
}

/* TAB2-> SECTION 10 [CONTRACT] */
#section-manufacturing-flow {
  background-image: url(../images/atoms-3.svg);
  background-repeat: no-repeat;
  background-position: 0 5%;
  background-size: 15%;
}
#section-manufacturing-flow.outer-wrap .layer-holder {
  margin-bottom: 20px;
}
#section-manufacturing-flow.outer-wrap .layer-holder .layer {
  display: none;
}
@media (min-width: 801px) {
  #section-manufacturing-flow.outer-wrap .layer-holder .layer {
    display: block;
  }
}
#section-manufacturing-flow.outer-wrap .layer-holder img {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 801px) {
  #section-manufacturing-flow.outer-wrap .layer-holder img {
    display: none;
  }
}
#section-manufacturing-flow.outer-wrap p {
  width: 100%;
}
@media (min-width: 801px) {
  #section-manufacturing-flow.outer-wrap p {
    width: 50%;
  }
}

/* TAB3-> SECTION 1 [executives] */
#section-executives .left-half {
  background: #f3f3f3 url(../images/job-image-1.jpg) no-repeat right top/cover;
  display: none;
}
@media (min-width: 801px) {
  #section-executives .left-half {
    display: block;
  }
}

/* TAB2-> SECTION 3 [IT PROFESSIONALS] */
#section-it-professionals.outer-wrap .right-half {
  background-image: url(../images/job-image-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 0;
  z-index: 10;
  display: none;
}
@media (min-width: 801px) {
  #section-it-professionals.outer-wrap .right-half {
    display: block;
  }
}

/* TAB3-> SECTION 5 [PRODUCT MANAGERS] */
#section-product-managers {
  background-color: #f5f6f6;
}
#section-product-managers .left-half {
  background: #f3f3f3 url(../images/job-image-3.jpg) no-repeat right top/cover;
  display: none;
}
@media (min-width: 801px) {
  #section-product-managers .left-half {
    display: block;
  }
}

/* TAB3-> SECTION 6 [PRODUCT MANAGERS] */
#section-product-lifecycle .layer-holder {
  margin-top: 30px;
  margin-bottom: 30px;
}
#section-product-lifecycle .layer-holder .layer {
  display: none;
}
@media (min-width: 801px) {
  #section-product-lifecycle .layer-holder .layer {
    display: block;
  }
}
#section-product-lifecycle .layer-holder img {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 801px) {
  #section-product-lifecycle .layer-holder img {
    display: none;
  }
}

/* TAB2-> SECTION 8 [OPERATIONS] */
#section-operations.outer-wrap {
  background-color: #f5f6f6;
}
#section-operations.outer-wrap .right-half {
  background-image: url(../images/job-image-4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 0;
  z-index: 10;
  display: none;
}
@media (min-width: 801px) {
  #section-operations.outer-wrap .right-half {
    display: block;
  }
}

/* TAB3-> SECTION 9 [PRODUCT MANAGERS] */
#section-product-reality .layer-holder {
  margin-bottom: 30px;
}
#section-product-reality .layer-holder .layer {
  display: none;
}
@media (min-width: 801px) {
  #section-product-reality .layer-holder .layer {
    display: block;
  }
}
#section-product-reality .layer-holder img {
  display: block;
}
@media (min-width: 801px) {
  #section-product-reality .layer-holder img {
    display: none;
  }
}

/* TAB4-> SECTION 1 [life sciences] */
#section-life-science {
  background-color: #f5f6f6;
}
#section-life-science .left-half {
  background: url(../images/science-image-1.jpg) no-repeat right top/cover;
  display: none;
}
@media (min-width: 801px) {
  #section-life-science .left-half {
    display: block;
  }
}

/* TAB4-> SECTION 2 [AUTOMATION] */
#section-automation .layer-holder .layer {
  display: none;
}
@media (min-width: 801px) {
  #section-automation .layer-holder .layer {
    display: block;
  }
}
#section-automation .layer-holder img {
  display: block;
}
@media (min-width: 801px) {
  #section-automation .layer-holder img {
    display: none;
  }
}

/* TAB4-> SECTION 4 [HIGH TECH] */
#section-high-tech.outer-wrap .right-half {
  background-image: url(../images/science-image-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 0;
  z-index: 10;
  display: none;
}
@media (min-width: 801px) {
  #section-high-tech.outer-wrap .right-half {
    display: block;
  }
}

/* TAB4-> SECTION 5 [INDUSTRIAL] */
#section-industrial .left-half {
  background: url(../images/science-image-3.jpg) no-repeat right top/cover;
  display: none;
}
@media (min-width: 801px) {
  #section-industrial .left-half {
    display: block;
  }
}

/* TAB4-> SECTION 8 [RETAIL] */
#section-retail {
  background-color: #f5f6f6;
}
#section-retail.outer-wrap .right-half {
  background-image: url(../images/science-image-4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 0;
  z-index: 10;
  width: 30%;
  display: none;
}
@media (min-width: 801px) {
  #section-retail.outer-wrap .right-half {
    display: block;
  }
}
#section-retail.outer-wrap .left-half {
  width: 100%;
}
@media (min-width: 801px) {
  #section-retail.outer-wrap .left-half {
    width: 68%;
  }
}
#section-retail.outer-wrap .left-half aside {
  max-width: 740px;
}
#section-retail.outer-wrap .left-half .layer-holder .layer {
  display: none;
}
@media (min-width: 801px) {
  #section-retail.outer-wrap .left-half .layer-holder .layer {
    display: block;
  }
}
#section-retail.outer-wrap .left-half .layer-holder img {
  display: block;
}
@media (min-width: 801px) {
  #section-retail.outer-wrap .left-half .layer-holder img {
    display: none;
  }
}

/* TAB4-> SECTION 10 [RETAIL COPY] */
/* TAB4-> SECTION 5 [CONSUMER] */
#section-consumer .left-half {
  background: url(../images/science-image-5.jpg) no-repeat right top/cover;
  display: none;
}
@media (min-width: 801px) {
  #section-consumer .left-half {
    display: block;
  }
}

/* TAB4-> SECTION 11 [CONSUMER] */
.section-action-plan.consumer .box {
  height: auto;
}
@media (min-width: 801px) {
  .section-action-plan.consumer .box {
    height: 470px;
  }
}

/*ORACLE SOCIAL WIDGET*/
.cw21hidden {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 19;
}

.cw21,
.cw21 * {
  font-size: 16px;
  line-height: 1.1em;
}

.cw21 a:hover {
  text-decoration: underline;
}

.cw21 .cw21navigation a {
  font-size: 13px;
  text-decoration: none;
}

.cw21slideout h4 {
  font-size: 18px;
  line-height: 1.1em;
  font-weight: bold;
  color: #4e4e4e;
}

.cw21 h4,
.cw21 p {
  margin: 0 0 .6em;
}

.cw21 li {
  line-height: 19px;
  list-style: none;
}

.cw21 {
  position: fixed;
  margin: 0;
  right: -262px;
  top: 50%;
  z-index: 101;
}

.cw21w1 {
  padding: 20px;
}

.cw21slideout {
  width: 260px;
  margin: 0 -2px 0 4px;
  z-index: 10;
  padding: 0;
  box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
  -webkit-box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
  -moz-box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
  background-color: #fff;
  background: -moz-linear-gradient(left, white 0, white 51%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(51%, white), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(left, white 0, white 51%, #eeeeee 100%);
  background: -o-linear-gradient(left, white 0, white 51%, #eeeeee 100%);
  background: -ms-linear-gradient(left, white 0, white 51%, #eeeeee 100%);
  background: linear-gradient(to right, white 0, white 51%, #eeeeee 100%);
}

.cw21slideout ul {
  margin: 0;
  padding: 0;
}

.cw21w2 {
  display: none;
}

.cw21:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
}

.cw21handle,
.cw21opened .cw21handle:hover {
  left: -59px;
  position: absolute;
}

.cw21handle:hover {
  left: -62px;
}

.cw21navigation {
  padding: 0;
  margin: 0;
  float: left;
  width: 62px;
  box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
  -webkit-box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
  -moz-box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
  background: #d7d7d7;
}

.cw21navigation li {
  clear: left;
  width: 100%;
  margin: 0;
  background-color: #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  background: -moz-linear-gradient(left, #dddddd 0, white 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dddddd), color-stop(100%, white));
  background: -webkit-linear-gradient(left, #dddddd 0, white 100%);
  background: -o-linear-gradient(left, #dddddd 0, white 100%);
  background: -ms-linear-gradient(left, #dddddd 0, white 100%);
  background: linear-gradient(to right, #dddddd 0, white 100%);
}

.cw21navigation li a {
  display: block;
  color: #4e4e4e;
  overflow: hidden;
  text-align: center;
  position: relative;
  border: 1px solid #FFF;
  padding: 35px 0 6px;
  width: 60px;
}

.cw21navigation li.cw21selected {
  border-right: 3px solid #fff;
  background: #fff;
}

.cw21navigation li:hover {
  background: #fff;
}

.cw21navigation > li.cw21firstli {
  border-top-width: 0;
}

.cw21help a b,
.cw21chat a b,
.cw21try a b,
.cw21signup a b,
.cw21demo a b,
.cw21social a b {
  background: url("//www.oracleimg.com/us/assets/cw21-sprite.png") 0 0 no-repeat;
  display: block;
  height: 26px;
  width: 28px;
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -14px;
}

.cw21chat a b {
  background-position: 0 -30px;
}

.cw21try a b {
  background-position: 1px -59px;
}

.cw21signup a b {
  background-position: 0 -370px;
}

.cw21demo a b {
  background-position: 0 -89px;
  margin-left: -15px;
}

.cw21social a b {
  background-position: 0 -216px;
  margin-left: -15px;
}

.cw21 *:focus {
  outline: 0;
}

.cw21w1 li a {
  color: #000;
  text-decoration: none;
}

.cw21w1 li {
  background: url("//www.oracleimg.com/us/assets/cw21-sprite.png") -57px -29px no-repeat;
  padding: 5px 0 5px 25px;
  margin: 10px 0;
  font-weight: bold;
}

.cw21w1 li.cw21phone {
  background-position: -81px 4px;
}

.cw21w1 li.cw21global {
  background-position: -32px -60px;
}

.cw21w1 li.cw21email {
  background-position: -81px -280px;
}

.cw21w1 li.cw21exp {
  background-position: -79px -121px;
}

.cw21w1 li.cw21demoitem {
  background-position: -52px -147px;
}

.cw21w1 li.cw21tour {
  background-position: -23px -175px;
}

.cw21w1 li.cw21support {
  background-position: -53px -309px;
}

.cw21w1 li.cw21partners {
  background-position: -24px -337px;
}

ul.cw21-iconfont {
  clear: both;
  overflow: hidden;
  margin: 0 0 10px 0;
}

ul.cw21-iconfont li {
  background: 0;
  padding: 0;
  margin: 0 5px 10px 0;
  font-weight: normal;
  float: left;
}

ul.cw21-iconfont li a {
  text-decoration: none;
}

ul.cw21-sicons a {
  font-size: 38px;
  position: relative;
  display: block;
  float: left;
}

ul.cw21-sicons a div.icn-sicons {
  font-size: 1em;
  position: relative;
  width: auto;
  height: 1em;
}

ul.cw21-sicons div.icn-sicons:before {
  font-size: 1em;
  left: 0;
  position: relative;
  left: 0;
  width: 1em;
  height: 1em;
  top: 0;
  color: #284c85;
}

ul.cw21-sicons a:hover {
  text-decoration: none;
}

ul.cw21-sicons a:hover div.icn-sicons:before {
  color: #7f7f7f;
  -webkit-transition: color 200ms ease-in;
  -moz-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
}

ul.cw21-sicons li {
  margin: -0.3em 0 0 -0.35em !important;
}

.cw21w3 {
  display: none;
  z-index: 0;
  width: 38px;
  height: 38px;
  position: fixed;
  bottom: 10px;
  right: 10px;
}

#cw21scrollto {
  display: block;
  overflow: hidden;
  background: url("//www.oracleimg.com/us/assets/cw21-sprite.png") -61px -236px no-repeat;
  display: block;
  width: 38px;
  height: 38px;
}

@media (max-width: 770px) {
  .cw21 {
    right: -222px;
    top: 30%;
  }

  .cw21slideout {
    width: 220px;
  }

  .cw21handle {
    left: -47px !important;
    width: 50px !important;
  }

  .cw21navigation {
    width: 50px;
  }

  .cw21navigation li a {
    width: 48px;
    height: 0;
    text-indent: -2000px;
  }

  .cw21,
  .cw21 * {
    font-size: 13px;
  }

  .cw21slideout h4 {
    font-size: 15px;
  }

  .cw21 li {
    line-height: 16px;
  }
}
@media only screen and (min-width: 771px) and (max-width: 1300px) {
  .f11v3 .cw21w3 {
    bottom: 46px;
  }
}
@media (max-width: 600px), (max-height: 600px) {
  .cw21demo a b {
    margin-left: -14px;
  }

  .f11w1 {
    padding-bottom: 80px;
  }

  .f11v3 .f11w1 {
    padding-bottom: 0;
  }

  .f11v3.hascw21 .f11w1 {
    padding-bottom: 44px;
  }

  .f11w1 + #Wrapper_FixedWidth_Footer {
    margin-top: -80px;
    padding-bottom: 80px;
  }

  .cw21 {
    bottom: 0;
    width: 100%;
    left: 0;
    right: auto;
    top: auto;
  }

  .cw21handle {
    left: 0 !important;
    width: 100% !important;
    height: 43px;
  }

  .cw21navigation li a {
    width: 48px;
    height: 0;
    text-indent: -2000px;
  }

  .cw21navigation li {
    float: left;
    clear: none;
    width: auto;
  }

  .cw21,
  .cw21 * {
    font-size: 13px;
  }

  .cw21slideout h4 {
    font-size: 15px;
  }

  .cw21 li {
    line-height: 16px;
  }

  .cw21slideout {
    width: 100% !important;
    margin: 0;
    height: 43px;
  }

  .cw21navigation {
    width: 100% !important;
    height: 43px;
    background: #d1d1d1;
    background: -moz-linear-gradient(top, #d1d1d1 0, #a6a6a6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #a6a6a6));
    background: -webkit-linear-gradient(top, #d1d1d1 0, #a6a6a6 100%);
    background: -o-linear-gradient(top, #d1d1d1 0, #a6a6a6 100%);
    background: -ms-linear-gradient(top, #d1d1d1 0, #a6a6a6 100%);
    background: linear-gradient(to bottom, #d1d1d1 0, #a6a6a6 100%);
  }

  .cw21opened .cw21slideout {
    height: auto;
  }

  .cw21opened .cw21handle {
    margin-top: -30px;
  }

  .cw21navigation li.cw21selected {
    border-right: 0;
    border-bottom: 3px #fff solid !important;
  }

  .cw21navigation > li.cw21firstli {
    border-top-width: 1px;
  }

  .cw21w1 {
    padding-top: 30px;
  }

  .cw21w3,
  .j1 .cw21w3 {
    z-index: 11;
    width: 52px;
    height: 42px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    bottom: 0 !important;
    right: 0;
    box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
    -webkit-box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
    -moz-box-shadow: 0 0 3px 0 rgba(20, 20, 20, 0.6);
    background-color: #d7d7d7;
    background: -moz-linear-gradient(left, #dddddd 0, white 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dddddd), color-stop(100%, white));
    background: -webkit-linear-gradient(left, #dddddd 0, white 100%);
    background: -o-linear-gradient(left, #dddddd 0, white 100%);
    background: -ms-linear-gradient(left, #dddddd 0, white 100%);
    background: linear-gradient(to right, #dddddd 0, white 100%);
  }

  .cw21w3:hover {
    background: #fff;
  }

  #cw21scrollto {
    background: 0;
    width: auto;
    height: auto;
  }

  a#cw21scrollto.icn-img:before,
  a#cw21scrollto.icn-img i.ie-icn {
    background: url("//www.oracleimg.com/us/assets/cw21-sprite.png") 0 -260px no-repeat;
    display: block;
    content: '';
    width: 22px;
    height: 14px;
    margin: 14px auto;
  }
}
.cw21 .screen-reader {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/*! U10V1 */
#u10v1 {
  background: #3e3e3e;
  width: 100%;
  clear: both;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  line-height: 1.5em;
}

.u10w3v1 ul li {
  font-size: 16px;
}

#u10v1 h5 {
  font-size: 20px;
}

#u10v1 h3 {
  font-size: 20px;
}

ul.u10-linksv1 li a {
  font-size: 16px;
}

.f11 .u10w3v1 ul li {
  font-size: 16px;
  font-size: 1.6rem;
}

.f11 #u10v1 h5 {
  font-size: 20px;
  font-size: 2rem;
}

.f11 #u10v1 h3 {
  font-size: 20px;
  font-size: 2rem;
}

.f11 ul.u10-linksv1 li a {
  font-size: 16px;
  font-size: 1.6rem;
}

#u10v1, #u10v1 h5, #u10v1 a {
  color: #fff;
}

#u10v1 h5 {
  margin: 0 0 .6em 0;
}

#u10v1 h3 {
  margin: 0 0 .6em 0;
  background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") 0 -345px no-repeat;
  text-indent: -30000px;
  width: 412px;
  height: 19px;
}

#u10v1 h3 a, #u10v1 h3 span {
  display: block;
}

ul.u10-linksv1 li {
  margin: 0;
  padding: 0 .575em 0 0;
  float: left;
  background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat 100% -266px;
}

ul.u10-linksv1 li:first-child a {
  padding-left: 0;
}

ul.u10-linksv1 li.u10last {
  padding: 0;
  background: transparent;
}

ul.u10-linksv1 li a {
  padding: 0 0 0 .5em;
}

.u10w4v1 {
  clear: both;
  overflow: hidden;
}

#u10 ul.scl-iconsv1 {
  float: left;
  position: absolute;
  top: -17px;
  right: 0;
}

#u10v1 hr {
  background: #4a4a4a;
  height: 1px;
  margin: 1.75em 0 3.5em 0;
  clear: both;
  background: -moz-linear-gradient(left, rgba(74, 74, 74, 0.1) 0, rgba(74, 74, 74, 0.56) 8%, #4a4a4a 20%, #4a4a4a 50%, #4a4a4a 80%, rgba(74, 74, 74, 0.56) 92%, rgba(74, 74, 74, 0.1) 100%);
  background: -webkit-linear-gradient(left, rgba(74, 74, 74, 0.1) 0, rgba(74, 74, 74, 0.56) 8%, #4a4a4a 20%, #4a4a4a 50%, #4a4a4a 80%, rgba(74, 74, 74, 0.56) 92%, rgba(74, 74, 74, 0.1) 100%);
  background: linear-gradient(to right, rgba(74, 74, 74, 0.1) 0, rgba(74, 74, 74, 0.56) 8%, #4a4a4a 20%, #4a4a4a 50%, #4a4a4a 80%, rgba(74, 74, 74, 0.56) 92%, rgba(74, 74, 74, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4a4a4a',endColorstr='#1a4a4a4a',GradientType=1);
}

.u10w5v1 {
  position: relative;
}

.u10-ologov1 {
  position: absolute;
  left: auto;
  top: auto;
  margin-bottom: 1em;
}

.u10-ologov1 a, .u10-ologov1 span {
  display: block;
  width: 134px;
  height: 16px;
  padding: 0 !important;
  background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") 0 0 no-repeat;
  text-indent: -30000px;
  -moz-outline: 0;
  margin-left: auto;
  margin-right: auto;
}

#u10v1 .scl-iconsv1 li {
  margin: 0 0 0 .25em;
  background: transparent;
  display: block;
  padding: 6px;
}

#u10v1 .scl-iconsv1 li:hover {
  opacity: .7;
}

#u10v1 .scl-iconsv1 li a {
  padding: 2px;
  width: 28px;
  height: 30px;
  background: url("//www.oracleimg.com/us/assets/u10r1-sprite.png") 0 0 no-repeat;
  background-size: 116% auto;
  display: block;
  overflow: hidden;
  text-indent: -4000px;
}

#u10v1 .scl-iconsv1 li:first-child {
  margin: 0;
}

#u10v1 .scl-iconsv1 li.scl-facebook a {
  background-position: 0 1%;
}

#u10v1 .scl-iconsv1 li.scl-twitter a {
  background-position: 0 12%;
}

#u10v1 .scl-iconsv1 li.scl-linkedin a {
  background-position: 0 23%;
}

#u10v1 .scl-iconsv1 li.scl-googleplus a {
  background-position: 0 34%;
}

#u10v1 .scl-iconsv1 li.scl-youtube a {
  background-position: 0 45%;
}

#u10v1 .scl-iconsv1 li.scl-instagram a {
  background-position: 0 56%;
}

#u10v1 .scl-iconsv1 li.scl-feed a {
  background-position: 0 67%;
}

.f11 ul.u10-linksv1 {
  text-align: center;
}

.f11 ul.u10-linksv1 li {
  float: none;
  text-align: center;
  display: inline-block;
}

.f11 #u10v1 ul.scl-iconsv1 {
  bottom: 0;
  right: auto;
  position: relative;
  margin-top: 10px;
  text-align: center;
  float: none;
  width: 100%;
  top: 0;
}

.f11 #u10v1 ul.scl-iconsv1 li {
  float: none;
  display: inline-block;
}

.f11 .u10-ologov1 {
  position: relative;
  left: auto;
  top: auto;
  margin-bottom: 1em;
  margin-top: 1em;
}

.f11 #u10v1 h3 {
  width: 369px;
  height: 16px;
  background-position: 0 -365px;
  margin-left: auto;
  margin-right: auto;
}

.f11 .u10w1v1 {
  margin: 4em auto 4em;
  width: 100%;
}

@media only screen and (min-width: 975px) and (max-width: 1040px) {
  .f11 .u10w1v1 {
    margin-left: 2.4414062%;
    margin-right: 2.4414062%;
    width: 95.1171876%;
  }
}
@media only screen and (min-width: 0) and (max-width: 974px) {
  .u10btnv1 {
    position: absolute;
    right: 12px;
    top: 16px;
    width: 21px;
    height: 21px;
    background: purple;
    display: none;
    background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat -1029px -304px;
  }

  .f11 #u10v1 ul.scl-icons {
    float: none;
    overflow: hidden;
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    margin-bottom: 1em;
  }

  .f11 .u10-ologov1 {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 1em;
  }

  .f11 .u10w3v1 h5, .u10btnv1 {
    cursor: pointer;
  }

  .f11 .u10w1v1 {
    margin: 3em 0 3em 0;
  }

  .f11 .u10w2v1 {
    float: none;
    margin-left: 0;
    width: 100%;
  }

  .f11 .u10w3v1 {
    margin: 0;
    border-top: 1px solid #626262;
    border-bottom: 1px solid #1f1f1f;
  }

  .f11 #u10v1 h5 {
    margin: 0 2.2587269%;
    font-weight: normal;
    padding: .675em 0;
    line-height: 1.5em;
  }

  .f11 .u10w3v1 ul {
    display: none;
    background: #eaeaea;
  }

  .f11 .u10w3v1.u10active ul {
    display: block;
  }

  .f11 .u10w3v1 ul li {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5em;
    padding: .525em 2.2587269%;
    margin: -1px 0;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #fff;
  }

  .f11 .u10w3v1 ul li a, .u10w3 ul li {
    color: #3e3e3e !important;
  }

  .f11 .u10w3v1 ul li a {
    padding: .6em 0;
    display: block;
    margin: -0.6em 0;
  }

  .f11 .u10w4v1 {
    border-top: 1px solid #626262;
    height: 1px;
    margin-bottom: 2.5em;
  }

  .f11 .u10w4v1 hr {
    background: transparent !important;
  }

  .f11 .u10btnv1 {
    display: block;
  }

  .f11 .u10wv13v1.u10active .u10btn {
    background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat -1008px -304px;
  }

  .f11 .u10w5v1 {
    margin: 0 2.2587269%;
    width: 95.4825462%;
  }

  .f11v2r2v1 .u10w5v1 {
    margin: 0;
    width: 100%;
  }

  .f11 #u10v1 h3 {
    width: 369px;
    height: 16px;
    background-position: 0 -365px;
    margin-left: auto;
    margin-right: auto;
  }

  .f11 ul.u10-linksv1 {
    text-align: center;
  }

  .f11 ul.u10-linksv1 li {
    float: none;
    text-align: center;
    display: inline-block;
  }

  .f11 #u10v1 ul.scl-iconsv1 {
    bottom: 0;
    right: auto;
    position: relative;
    margin-top: 10px;
    text-align: center;
    float: none;
    width: 100%;
    top: 0;
  }

  .f11 #u10v1 ul.scl-iconsv1 li {
    float: none;
    display: inline-block;
  }
}
@media only screen and (min-width: 771px) and (max-width: 974px) {
  .f11 #u10v1 ul.scl-iconv1s li:first-child {
    margin-left: -11px;
  }
}
@media only screen and (min-width: 0) and (max-width: 770px) {
  .u10btnv1 {
    top: 12px !important;
  }

  .f11 .u10-ologov1 {
    margin-bottom: .6em;
  }

  .f11 .u10-ologov1 a, .f11 .u10-ologov1 span {
    margin: 0 auto;
    width: 117px;
    height: 15px;
    background-position: -930px -345px;
  }

  .f11 #u10v1 ul.scl-iconsv1 {
    bottom: 0;
    right: auto;
    position: relative;
    margin-top: 10px;
    text-align: center;
    float: none;
    width: 100%;
    top: 0;
  }

  .f11 #u10v1 ul.scl-iconsv1 li {
    float: none;
    display: inline-block;
    padding: 2px;
  }

  .f11 #u10v1 h3 {
    margin: 0 auto;
    width: 299px;
    height: 15px;
    background-position: 0 -385px;
  }

  .f11 ul.u10-linksv1 {
    text-align: center;
  }

  .f11 ul.u10-linksv1 li {
    float: none;
    text-align: center;
    display: inline-block;
  }

  #u10 .scl-iconsv1 li {
    margin: 0 0 0 .25em;
    background: transparent;
    display: block;
    padding: 1px;
  }
}
@media (min-width: 801px) and (max-width: 1240px) {
  .f11v2r2v1 .u10w1v1 {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
  }
}
@media (min-width: 0) and (max-width: 800px) {
  .f11v2r2v1 .u10w1v1 {
    margin-left: 2.4%;
    margin-right: 2.4%;
    width: 95.2%;
  }
}
@media \0screen\,screen\9 {
  #u10v1 hr {
    color: #4a4a4a;
    background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat 50% -295px;
    border: 0;
    height: 2px;
    margin: 1.75em 0 3.5em 0;
    clear: both;
  }

  #u10v1 ul.scl-iconsv1 {
    float: left;
    position: absolute;
    top: -17px;
    right: 0;
  }

  #u10v1 .scl-iconsv1 li {
    margin: 0 0 0 .25em;
    background: transparent;
    display: block;
    padding: 0;
  }

  #u10v1 .scl-iconsv1 li:hover {
    opacity: .7;
  }

  #u10v1 .scl-iconsv1 li a {
    padding: 11px;
    width: 23px;
    height: 23px;
    background: url("//www.oracleimg.com/us/assets/u10-ie8-icons.png") 0 0 no-repeat;
  }

  #u10v1 .scl-iconsv1 li:first-child {
    margin: 0;
  }

  #u10v1 .scl-iconsv1 li.scl-facebook a {
    background-position: 17px 0;
  }

  #u10v1 .scl-iconsv1 li.scl-twitter a {
    background-position: -20px 0;
  }

  #u10v1 .scl-iconsv1 li.scl-linkedin a {
    background-position: -64px 0;
  }

  #u10v1 .scl-iconsv1 li.scl-googleplus a {
    background-position: -110px 0;
  }

  #u10v1 .scl-iconsv1 li.scl-youtube a {
    background-position: -147px 0;
  }

  #u10v1 .scl-iconsv1 li.scl-feed a {
    background-position: -185px 0;
  }

  #u10v1 .scl-iconsv1 li.scl-instagram a {
    background-position: -229px 0;
  }
}
@font-face {
  font-family: 'oracleicons';
  src: url("//www.oracle.com/us/assets/oracleicons-v11-7-4.woff2?kkw3ep") format("woff2"), url("//www.oracle.com/us/assets/oracleicons-v11-7-4.ttf?kkw3ep") format("truetype"), url("//www.oracle.com/us/assets/oracleicons-v11-7-4.woff?kkw3ep") format("woff"), url("//www.oracle.com/us/assets/oracleicons-v11-7-4.svg?kkw3ep#oracleicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icn-"]:before, [class*=" icn-"]:before, [class^="icn-cv-right-after"]:after, [class*=" icn-cv-right-after"]:after {
  font-family: "oracleicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1e5083;
}

.icn-gaming:before {
  content: "\e9b0";
}

.icn-periscope:before {
  content: "\e9ae";
}

.icn-tumblr:before {
  content: "\e9af";
}

.icn-discussion:before {
  content: "\e9ad";
}

.icn-tablet-mobile:before {
  content: "\e9ac";
}

.icn-download.icn-lock:before {
  content: "\e91b";
}

.icn-download:before {
  content: "\e91c";
}

.icn-whitepaper.icn-lock:before {
  content: "\e94b";
}

.icn-whitepaper:before {
  content: "\e94c";
}

.icn-wireless-network:before {
  content: "\e9a3";
}

.icn-software:before {
  content: "\e9a4";
}

.icn-development:before {
  content: "\e9a5";
}

.icn-developer-tools:before {
  content: "\e9a6";
}

.icn-developer-ops:before {
  content: "\e9a7";
}

.icn-cloud-solid:before {
  content: "\e9a8";
}

.icn-clock:before {
  content: "\e9a9";
}

.icn-bigdata:before {
  content: "\e9aa";
}

.icn-archivingdata:before {
  content: "\e9ab";
}

.icn-developer-male:before {
  content: "\e99f";
}

.icn-it-professional-female:before {
  content: "\e9a0";
}

.icn-it-professional-male:before {
  content: "\e9a1";
}

.icn-student:before {
  content: "\e9a2";
}

.icn-applications:before {
  content: "\e912";
}

.icn-cloud:before {
  content: "\e917";
}

.icn-cloudconnect:before {
  content: "\e95a";
}

.icn-managed-cloud:before {
  content: "\e97e";
}

.icn-ocloud:before {
  content: "\e997";
}

.icn-officebuilding:before {
  content: "\e99e";
}

.icn-chartfolder:before {
  content: "\e99d";
}

.icn-omn:before {
  content: "\e99c";
}

.icn-padlock:before {
  content: "\e97a";
}

.icn-application:before {
  content: "\e998";
}

.icn-hardware:before {
  content: "\e999";
}

.icn-myaccount:before {
  content: "\e99a";
}

.icn-whyoracle:before {
  content: "\e99b";
}

.icn-hospitality:before {
  content: "\e961";
}

.icn-share-alt:before {
  content: "\e992";
}

.icn-infographic:before {
  content: "\e905";
}

.icn-maintenance:before {
  content: "\e91d";
}

.icn-reporta.icn-lock:before {
  content: "\e91e";
}

.icn-reporta:before {
  content: "\e92a";
}

.icn-clientcustomer:before {
  content: "\e996";
}

.icn-circlearrow:before {
  content: "\e97f";
}

.icn-close:before {
  content: "\e980";
}

.icn-cloud-management:before {
  content: "\e981";
}

.icn-database:before {
  content: "\e982";
}

.icn-engineering-systems:before {
  content: "\e983";
}

.icn-financing:before {
  content: "\e984";
}

.icn-FPVFS:before {
  content: "\e985";
}

.icn-java:before {
  content: "\e986";
}

.icn-management:before {
  content: "\e987";
}

.icn-middleware:before {
  content: "\e988";
}

.icn-networking-data:before {
  content: "\e989";
}

.icn-newwindow:before {
  content: "\e98a";
}

.icn-operating-system:before {
  content: "\e98b";
}

.icn-oracle-logo:before {
  content: "\e98c";
}

.icn-oraclecloud-cx2:before {
  content: "\e98d";
}

.icn-OU:before {
  content: "\e98e";
}

.icn-premier-support:before {
  content: "\e98f";
}

.icn-search:before {
  content: "\e990";
}

.icn-servers:before {
  content: "\e991";
}

.icn-social2:before {
  content: "\e993";
}

.icn-storage:before {
  content: "\e994";
}

.icn-topliners-community-tile:before {
  content: "\e995";
}

.icn-pdf-doc.icn-lock:before {
  content: "\e97b";
}

.icn-pdf-doc:before {
  content: "\e97c";
}

.icn-magnifyingglass:before {
  content: "\e97d";
}

.icn-instagram:before {
  content: "\e900";
}

.icn-getstarted:before {
  content: "\e901";
}

.icn-arrow.icn-lock:before {
  content: "\e902";
}

.icn-oraclecloud-cx:before {
  content: "\e903";
}

.icn-careers:before {
  content: "\e904";
}

.icn-manufacturing:before {
  content: "\e906";
}

.icn-order-mgmt:before {
  content: "\e907";
}

.icn-logistics:before {
  content: "\e908";
}

.icn-procurement:before {
  content: "\e909";
}

.icn-scp:before {
  content: "\e90a";
}

.icn-plm:before {
  content: "\e90b";
}

.icn-innovation:before {
  content: "\e90c";
}

.icn-videoplay:before {
  content: "\e90d";
}

.icn-adv-cust-support:before {
  content: "\e90e";
}

.icn-research:before {
  content: "\e90f";
}

.icn-healthcare:before {
  content: "\e910";
}

.icn-military:before {
  content: "\e911";
}

.icn-strategy-play:before {
  content: "\e913";
}

.icn-reportb:before {
  content: "\e914";
}

.icn-quote-reverse:before {
  content: "\e915";
}

.icn-large-quote:before {
  content: "\e916";
}

.icn-video.icn-lock:before {
  content: "\e918";
}

.icn-video:before {
  content: "\e919";
}

.icn-forum1:before {
  content: "\e91a";
}

.icn-forum2:before {
  content: "\e91f";
}

.icn-levent:before {
  content: "\e920";
}

.icn-ebook.icn-lock:before {
  content: "\e921";
}

.icn-ebook:before {
  content: "\e922";
}

.icn-certification:before {
  content: "\e923";
}

.icn-catalog:before {
  content: "\e924";
}

.icn-calendar:before {
  content: "\e925";
}

.icn-webcast:before {
  content: "\e926";
}

.icn-asessment:before {
  content: "\e927";
}

.icn-roi:before {
  content: "\e928";
}

.icn-demo:before {
  content: "\e929";
}

.icn-bp:before {
  content: "\e92b";
}

.icn-customer:before {
  content: "\e92c";
}

.icn-pdf.icn-lock:before {
  content: "\e92d";
}

.icn-pdf:before {
  content: "\e92e";
}

.icn-podcast:before {
  content: "\e92f";
}

.icn-cv-down:before {
  content: "\e930";
}

.icn-cv-up:before {
  content: "\e931";
}

.icn-cv-right.icn-lock:before {
  content: "\e932";
}

.icn-cv-right:before {
  content: "\e933";
}

.icn-cv-left:before {
  content: "\e934";
}

.icn-health.icn-lock:before {
  content: "\e935";
}

.icn-health:before {
  content: "\e936";
}

.icn-hitech:before {
  content: "\e937";
}

.icn-social:before {
  content: "\e938";
}

.icn-ux:before {
  content: "\e939";
}

.icn-workforce:before {
  content: "\e93a";
}

.icn-blog:before {
  content: "\e93b";
}

.icn-service:before {
  content: "\e93c";
}

.icn-relations:before {
  content: "\e93d";
}

.icn-inventory:before {
  content: "\e93e";
}

.icn-prima:before {
  content: "\e93f";
}

.icn-sales:before {
  content: "\e940";
}

.icn-communications:before {
  content: "\e941";
}

.icn-financial:before {
  content: "\e942";
}

.icn-commerce:before {
  content: "\e943";
}

.icn-marketing:before {
  content: "\e944";
}

.icn-utilities:before {
  content: "\e945";
}

.icn-javacomm:before {
  content: "\e946";
}

.icn-socialmedia:before {
  content: "\e947";
}

.icn-arrow:before {
  content: "\e948";
}

.icn-ace:before {
  content: "\e949";
}

.icn-opn:before {
  content: "\e94a";
}

.icn-workforce-mng:before {
  content: "\e94d";
}

.icn-talent-mng:before {
  content: "\e94e";
}

.icn-present:before {
  content: "\e94f";
}

.icn-globe:before {
  content: "\e950";
}

.icn-medbiz:before {
  content: "\e951";
}

.icn-publicsector:before {
  content: "\e952";
}

.icn-education:before {
  content: "\e953";
}

.icn-allindustry:before {
  content: "\e954";
}

.icn-excel:before {
  content: "\e955";
}

.icn-word:before {
  content: "\e956";
}

.icn-html:before {
  content: "\e957";
}

.icn-zip:before {
  content: "\e958";
}

.icn-perfman:before {
  content: "\e959";
}

.icn-finance-chart:before {
  content: "\e95b";
}

.icn-retail-card:before {
  content: "\e95c";
}

.icn-mobi:before {
  content: "\e95d";
}

.icn-mobicomp:before {
  content: "\e95e";
}

.icn-ecoleaf:before {
  content: "\e95f";
}

.icn-concierge:before {
  content: "\e960";
}

.icn-fpo:before {
  content: "\e962";
}

.icn-cruise:before {
  content: "\e963";
}

.icn-foodbev:before {
  content: "\e964";
}

.icn-market:before {
  content: "\e965";
}

.icn-membership:before {
  content: "\e966";
}

.icn-solutions:before {
  content: "\e967";
}

.icn-differ:before {
  content: "\e968";
}

.icn-chart:before {
  content: "\e969";
}

.icn-insurance:before {
  content: "\e96a";
}

.icn-share:before {
  content: "\e96b";
}

.icn-email:before {
  content: "\e96c";
}

.icn-youku:before {
  content: "\e96d";
}

.icn-pinterest:before {
  content: "\e96e";
}

.icn-weibo:before {
  content: "\e96f";
}

.icn-glassdoor:before {
  content: "\e970";
}

.icn-linkedin:before {
  content: "\e971";
}

.icn-newsletter:before {
  content: "\e972";
}

.icn-pcast:before {
  content: "\e973";
}

.icn-delicious:before {
  content: "\e974";
}

.icn-youtube:before {
  content: "\e975";
}

.icn-googleplus:before {
  content: "\e976";
}

.icn-blogs:before {
  content: "\e977";
}

.icn-twitter:before {
  content: "\e978";
}

.icn-facebook:before {
  content: "\e979";
}

.icn-reportb:before, .icn-report:before {
  content: "\e914";
}

.icn-strategy-play:before, .icn-strategy:before {
  content: "\e913";
}

.icn-social2, .icn-consulting:before {
  content: "\e993";
}

.icn-padlock:before {
  content: "\e97a";
}

.icn-cv-right-after:after {
  content: "\e933";
}

.icn-cv-right {
  position: relative;
}

.f12 div.icn-img {
  float: left;
  max-width: 115px;
}

div.icn-img {
  margin: 0 auto;
  width: 100%;
  font-size: 110px;
  font-size: 11rem;
}

.icn-img.icn-ondark:before {
  color: #fff;
}

.icn-img.icn-grey:before {
  color: #7f7f7f;
}

div.icn-sicons {
  font-size: 2.6em;
}

div.icn-sicons:before {
  padding-top: 0;
  top: -0.14em;
  left: -0.13em;
  font-size: 3.5rem;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  transition: color .3s ease;
}

ul.icn-list {
  margin: 0 0 1.6em;
}

ul.icn-list li {
  margin: 0 0 1.2em;
  clear: both;
  position: relative;
  padding-left: 2.3em;
}

ul.icn-list li:before {
  position: absolute;
  top: -0.15em;
  left: 0;
  display: block;
  width: auto;
  height: 1em;
  font-size: 38px;
  font-size: 3.8rem;
}

ul.icn-list.icn-list-sm li {
  min-height: 29px;
  padding-left: 1.6em;
  font-size: 16px;
  font-size: 1.6rem;
}

ul.icn-list.icn-list-sm li:before {
  top: -0.03em;
  font-size: 24px;
  font-size: 2.4rem;
}

ul.icn-list.icn-list-med li {
  min-height: 38px;
  padding-left: 38px;
  font-size: 18px;
  font-size: 1.8rem;
}

ul.icn-list.icn-list-med li:before {
  font-size: 34px;
  font-size: 3.4rem;
  top: -0.17em;
}

ul.icn-list.icn-ondark li, ul.icn-list.icn-ondark li:before, ul.icn-list.icn-ondark li a, ul.icn-list.icn-ondark li:visited, .icn-heading.icn-ondark, .icn-link.icn-ondark {
  color: #fff;
}

ul.icn-list.icn-grey li:before, div.icn-img.icn-grey:before, .icn-link.icn-grey:before {
  top: -0.13em;
  color: #7f7f7f;
}

.icn-heading.icn-grey:before {
  color: #7f7f7f;
}

div.icn-heading, h1.icn-heading, h2.icn-heading, h3.icn-heading, h4.icn-heading, h5.icn-heading, h6.icn-heading {
  position: relative;
  clear: both;
  font-weight: bold;
  line-height: 1.114285714286em;
  margin: 0 0 .6em -0.12em;
}

div.icn-heading:before, h1.icn-heading:before, h2.icn-heading:before, h3.icn-heading:before, h4.icn-heading:before, h5.icn-heading:before, h6.icn-heading:before {
  position: relative;
  top: 0.12em !important;
  padding-right: 0.15em !important;
  font-size: 1.2em !important;
}

div.icn-heading.icn-ondark:before, h1.icn-heading.icn-ondark:before, h2.icn-heading.icn-ondark:before, h3.icn-heading.icn-ondark:before, h4.icn-heading.icn-ondark:before, h5.icn-heading.icn-ondark:before, h6.icn-heading.icn-ondark:before {
  color: #fff;
}

@media \0screen\,screen\9 {
  ul.icn-list li:before {
    top: -10px;
    left: 0;
    font-size: 59px;
    font-size: 6.1rem;
  }

  ul.icn-list.icn-list-sm li:before {
    top: 0;
  }

  .icn-heading:before {
    top: -6px;
  }
}
.icn-img.icn-circle {
  margin: 0.1em 0.1em !important;
  width: 1em !important;
  font-size: 116px;
  font-size: 11.6rem;
  height: 1em;
  line-height: 1;
  max-width: none !important;
  float: left;
}

.icn-img.icn-circle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1e5083;
  position: relative;
  top: 50%;
  text-align: center;
  display: block;
  margin-top: -.5em;
  font-size: .65em;
}

.icn-circle {
  border-radius: 50%;
  background: #eee;
  font-size: 86px;
  font-size: 8.6rem;
}

.quote-wrap {
  position: absolute;
  min-height: 25%;
  bottom: 0;
  padding: 5em;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(233, 19, 19, 0.8);
  background-image: url(../images/strategic-quote.png);
}
.quote-wrap blockquote {
  padding: 0;
  margin: 0 0 1.5em 0;
  font-size: 1.6em;
  position: relative;
  line-height: 1.4;
  color: white;
}
.quote-wrap blockquote:before {
  content: open-quote;
  font-size: 6em;
  position: absolute;
  left: 0;
  top: -0.3em;
  height: 0.5em;
  font-style: normal;
}
.quote-wrap blockquote p {
  font-size: 1.3em;
  padding: 0 2.3em;
  position: relative;
  color: white;
}
.quote-wrap blockquote p:after {
  content: close-quote;
  font-size: 6em;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 0.5em;
  font-style: normal;
}
.quote-wrap blockquote cite {
  font-size: 1.3em;
  display: block;
  padding: 0 2.3em;
  font-style: initial;
  color: white;
}
.quote-wrap blockquote cite span {
  font-weight: normal;
}
.quote-wrap blockquote cite h5 {
  margin-top: 30px;
}
.quote-wrap blockquote cite h5 a {
  color: white;
  text-decoration: underline;
  border: 0;
}

/* animated components*/
.tab-graphic {
  background-color: white;
}
.tab-graphic h3 {
  font-size: 2.2rem;
}
.tab-graphic .graphic-wrap {
  margin-top: 50px;
}
.tab-graphic .key-main {
  width: 300px;
  height: 65px;
  float: right;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  background-image: url(../images/section-6/key-main.png);
}
.tab-graphic .content-left {
  width: 100%;
  float: none;
  min-height: auto;
  position: relative;
}
@media (min-width: 801px) {
  .tab-graphic .content-left {
    width: 20%;
    min-height: 400px;
    display: inline-block;
    float: left;
  }
}
.tab-graphic .content-left ul {
  position: absolute;
  border-right: 1px dashed #ccc;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
  display: inline-block;
}
@media (min-width: 801px) {
  .tab-graphic .content-left ul {
    width: 50%;
  }
}
.tab-graphic .content-left ul li {
  min-height: auto;
  display: block;
  float: left;
  width: 33.333%;
  padding: 5px;
  box-sizing: border-box;
}
.tab-graphic .content-left ul li.bold p {
  color: #4e5052;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 8px;
}
@media (min-width: 801px) {
  .tab-graphic .content-left ul li.bold p {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 801px) {
  .tab-graphic .content-left ul li {
    min-height: 133.333px;
    display: table;
    float: none;
    width: 100%;
  }
}
.tab-graphic .content-left ul li p {
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #939699;
  display: table-cell;
  vertical-align: middle;
}
.tab-graphic .content-right {
  width: 100%;
  float: none;
  min-height: auto;
  position: relative;
  margin-top: 50px;
  display: inline-block;
}
@media (min-width: 801px) {
  .tab-graphic .content-right {
    width: 80%;
    float: left;
    margin-top: 0;
  }
}
.tab-graphic .content-right .outer-wrap-graphic {
  min-height: 150px;
  height: auto;
  display: inline-block;
  float: left;
  /* &.left {
       width: 10%;
   }*/
}
.tab-graphic .content-right .outer-wrap-graphic.right {
  width: 100%;
}
.tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder {
  width: 100%;
  float: none;
}
@media (min-width: 801px) {
  .tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder {
    width: calc(100% / 3);
    float: left;
  }
}
.tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder .inner {
  float: left;
  padding: 5px;
  box-sizing: border-box;
}
.tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder .inner.inner-left {
  width: 30%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  min-height: 100px;
}
.tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder .inner.inner-right {
  width: 70%;
  padding-top: 30px;
}
.tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder .inner h4 {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 1.6rem;
  font-weight: bold;
}
.tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder .inner p {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-size: initial;
  background-position: -10px bottom;
}
@media (min-width: 801px) {
  .tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder .inner p {
    background-size: contain;
  }
}
.tab-graphic .content-right .outer-wrap-graphic.right .graphic-holder .inner p .arrow-out {
  display: inline-block;
  width: 50px;
  height: 35px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/section-6/sec6-arrow-out.png);
  right: -40px;
  top: 0;
}
.tab-graphic .content-right .top .outer-wrap-graphic.right {
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  position: relative;
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .graphic-holder.left .inner-left {
  background-image: url(../images/section-6/sec6-top-left-1.1.png);
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .graphic-holder.left .inner-right p {
  background-image: url(../images/section-6/sec6-key-1.png);
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .graphic-holder.center .inner-left {
  background-image: url(../images/section-6/sec6-top-center-1.1.png);
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .graphic-holder.center .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .graphic-holder.right .inner-left {
  background-image: url(../images/section-6/sec6-top-right-1.1.png);
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .graphic-holder.right .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .right-bend {
  display: none;
  width: 120px;
  height: 120px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/section-6/right-bend.png);
  right: -70px;
  bottom: -11px;
}
@media (min-width: 1280px) {
  .tab-graphic .content-right .top .outer-wrap-graphic.right .right-bend {
    display: inline-block;
  }
}
.tab-graphic .content-right .top .outer-wrap-graphic.right .left-bend {
  display: none;
  width: 120px;
  height: 120px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/section-6/left-bend.png);
  left: -70px;
  bottom: -106px;
}
@media (min-width: 1280px) {
  .tab-graphic .content-right .top .outer-wrap-graphic.right .left-bend {
    display: inline-block;
  }
}
.tab-graphic .content-right .bottom .outer-wrap-graphic.right {
  padding-top: 25px;
}
.tab-graphic .content-right .bottom .outer-wrap-graphic.right .graphic-holder.left .inner-left {
  background-image: url(../images/section-6/sec6-bottom-left-1.1.png);
}
.tab-graphic .content-right .bottom .outer-wrap-graphic.right .graphic-holder.left .inner-right p {
  background-image: url(../images/section-6/sec6-key-3.png);
}
.tab-graphic .content-right .bottom .outer-wrap-graphic.right .graphic-holder.center .inner-left {
  background-image: url(../images/section-6/sec6-bottom-center-1.png);
}
.tab-graphic .content-right .bottom .outer-wrap-graphic.right .graphic-holder.center .inner-right p {
  background-image: url(../images/section-6/sec6-key-3.png);
}
.tab-graphic .content-right .bottom .outer-wrap-graphic.right .graphic-holder.right .inner-left {
  background-image: url(../images/section-6/sec6-bottom-right-1.png);
}
.tab-graphic .content-right .bottom .outer-wrap-graphic.right .graphic-holder.right .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphic#section-product-commercial-graphic .top .outer-wrap-graphic.right .graphic-holder.left .inner-left {
  background-image: url(../images/section-6/sec7-top-left-1.png);
}
.tab-graphic#section-product-commercial-graphic .top .outer-wrap-graphic.right .graphic-holder.left .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphic#section-product-commercial-graphic .top .outer-wrap-graphic.right .graphic-holder.center .inner-left {
  background-image: url(../images/section-6/sec7-top-center-1.png);
}
.tab-graphic#section-product-commercial-graphic .top .outer-wrap-graphic.right .graphic-holder.center .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphic#section-product-commercial-graphic .top .outer-wrap-graphic.right .graphic-holder.right .inner-left {
  background-image: url(../images/section-6/sec7-top-right-1.png);
}
.tab-graphic#section-product-commercial-graphic .top .outer-wrap-graphic.right .graphic-holder.right .inner-right p {
  background-image: url(../images/section-6/sec6-key-4.png);
}
.tab-graphic#section-product-commercial-graphic .bottom .outer-wrap-graphic.right .graphic-holder.left .inner-left {
  background-image: url(../images/section-6/sec7-bottom-left-1.png);
}
.tab-graphic#section-product-commercial-graphic .bottom .outer-wrap-graphic.right .graphic-holder.left .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphic#section-product-commercial-graphic .bottom .outer-wrap-graphic.right .graphic-holder.center .inner-left {
  background-image: url(../images/section-6/sec6-bottom-center-1.png);
}
.tab-graphic#section-product-commercial-graphic .bottom .outer-wrap-graphic.right .graphic-holder.center .inner-right p {
  background-image: url(../images/section-6/sec6-key-3.png);
}
.tab-graphic#section-product-commercial-graphic .bottom .outer-wrap-graphic.right .graphic-holder.right .inner-left {
  background-image: url(../images/section-6/sec6-bottom-right-1.png);
}
.tab-graphic#section-product-commercial-graphic .bottom .outer-wrap-graphic.right .graphic-holder.right .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphicsection-omnichannel-graphic .top .outer-wrap-graphic.right .graphic-holder.center .inner-left {
  background-image: url(../images/section-6/sec6-top-center-1.png);
}
.tab-graphicsection-omnichannel-graphic .top .outer-wrap-graphic.right .graphic-holder.center .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphicsection-omnichannel-graphic .top .outer-wrap-graphic.right .graphic-holder.right .inner-left {
  background-image: url(../images/section-6/sec6-top-right-1.png);
}
.tab-graphicsection-omnichannel-graphic .top .outer-wrap-graphic.right .graphic-holder.right .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}
.tab-graphicsection-omnichannel-graphic .bottom .outer-wrap-graphic.right .graphic-holder.left .inner-left {
  background-image: url(../images/section-6/sec7-bottom-left-1.png);
}
.tab-graphicsection-omnichannel-graphic .bottom .outer-wrap-graphic.right .graphic-holder.left .inner-right p {
  background-image: url(../images/section-6/sec6-key-3.png);
}
.tab-graphicsection-omnichannel-graphic .bottom .outer-wrap-graphic.right .graphic-holder.center .inner-left {
  background-image: url(../images/section-6/sec6-bottom-center-1.png);
}
.tab-graphicsection-omnichannel-graphic .bottom .outer-wrap-graphic.right .graphic-holder.center .inner-right p {
  background-image: url(../images/section-6/sec6-key-3.png);
}
.tab-graphicsection-omnichannel-graphic .bottom .outer-wrap-graphic.right .graphic-holder.right .inner-left {
  background-image: url(../images/section-6/sec6-bottom-right-1.png);
}
.tab-graphicsection-omnichannel-graphic .bottom .outer-wrap-graphic.right .graphic-holder.right .inner-right p {
  background-image: url(../images/section-6/sec6-key-2.png);
}

.manufacturing-flow {
  background-color: white;
}
.manufacturing-flow .layer-holder {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 801px) {
  .manufacturing-flow .layer-holder {
    height: 780px;
  }
}
.manufacturing-flow .layer-holder .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.manufacturing-flow .layer-holder .layer.layer-0-1 {
  background-image: url(../images/manufacturing-flow/layer-0-1.svg);
}
.manufacturing-flow .layer-holder .layer.layer-02-1 {
  background-image: url(../images/manufacturing-flow/layer-02-1.svg);
}
.manufacturing-flow .layer-holder .layer.layer-03-1 {
  background-image: url(../images/manufacturing-flow/layer-03-1.svg);
}
.manufacturing-flow .layer-holder .layer.layer-1 {
  background-image: url(../images/manufacturing-flow/layer-1.svg);
}
.manufacturing-flow .layer-holder .layer.layer-2 {
  background-image: url(../images/manufacturing-flow/layer-2.svg);
}
.manufacturing-flow .layer-holder .layer.layer-3 {
  background-image: url(../images/manufacturing-flow/layer-3.svg);
}
.manufacturing-flow .layer-holder .layer.layer-4 {
  background-image: url(../images/manufacturing-flow/layer-4.svg);
}
.manufacturing-flow .layer-holder .layer.layer-5 {
  background-image: url(../images/manufacturing-flow/layer-5.svg);
}
.manufacturing-flow .layer-holder .layer.layer-6 {
  background-image: url(../images/manufacturing-flow/layer-6.svg);
}
.manufacturing-flow .layer-holder .layer.layer-7 {
  background-image: url(../images/manufacturing-flow/layer-7.svg);
}
.manufacturing-flow .layer-holder .layer.layer-8 {
  background-image: url(../images/manufacturing-flow/layer-8.svg);
}
.manufacturing-flow .layer-holder .layer.layer-9 {
  background-image: url(../images/manufacturing-flow/layer-9.svg);
}
.manufacturing-flow .layer-holder .layer.layer-10 {
  background-image: url(../images/manufacturing-flow/layer-10.svg);
}

.product-lifecycle {
  background-color: white;
}
.product-lifecycle .layer-holder {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 801px) {
  .product-lifecycle .layer-holder {
    height: 440px;
  }
}
.product-lifecycle .layer-holder svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.product-lifecycle .layer-holder .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.product-lifecycle .layer-holder .layer.layer-base {
  background-image: url(../images/product-lifecycle/layer-base.svg);
}
.product-lifecycle .layer-holder .layer.layer-1 {
  background-image: url(../images/product-lifecycle/layer-1.svg);
}
.product-lifecycle .layer-holder .layer.layer-2 {
  /*background-image: url(../images/product-lifecycle/layer-2.svg);*/
}
.product-lifecycle .layer-holder .layer.layer-3 {
  /*background-image: url(../images/product-lifecycle/layer-3.svg);*/
}
.product-lifecycle .layer-holder .layer.layer-4 {
  background-image: url(../images/product-lifecycle/layer-4.svg);
}
.product-lifecycle .layer-holder .layer.layer-5 {
  /*background-image: url(../images/product-lifecycle/layer-5.svg);*/
}
.product-lifecycle .layer-holder .layer.layer-6 {
  background-image: url(../images/product-lifecycle/layer-6.svg);
}
.product-lifecycle .layer-holder .layer.layer-7 {
  background-image: url(../images/product-lifecycle/layer-7.svg);
}
.product-lifecycle .layer-holder .layer.layer-8 {
  background-image: url(../images/product-lifecycle/layer-8.svg);
}
.product-lifecycle .layer-holder .layer.layer-9 {
  background-image: url(../images/product-lifecycle/layer-9.svg);
}
.product-lifecycle .layer-holder .layer.layer-10 {
  background-image: url(../images/product-lifecycle/layer-10.svg);
}
.product-lifecycle .layer-holder .layer.layer-11 {
  background-image: url(../images/product-lifecycle/layer-11.svg);
}
.product-lifecycle .layer-holder .layer.layer-12 {
  background-image: url(../images/product-lifecycle/layer-12.svg);
}
.product-lifecycle .layer-holder .layer.layer-13 {
  background-image: url(../images/product-lifecycle/layer-13.svg);
}
.product-lifecycle .layer-holder .layer.layer-14 {
  background-image: url(../images/product-lifecycle/layer-14.svg);
}
.product-lifecycle .layer-holder .layer.layer-15 {
  background-image: url(../images/product-lifecycle/layer-15.svg);
}
.product-lifecycle .layer-holder .layer.layer-16 {
  background-image: url(../images/product-lifecycle/layer-16.svg);
}
.product-lifecycle .layer-holder .layer.layer-17 {
  background-image: url(../images/product-lifecycle/layer-17.svg);
}
.product-lifecycle .layer-holder .layer.layer-18 {
  background-image: url(../images/product-lifecycle/layer-18.svg);
}

.product-reality {
  background-color: white;
}
.product-reality .layer-holder {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 801px) {
  .product-reality .layer-holder {
    height: 670px;
  }
}
.product-reality .layer-holder .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.product-reality .layer-holder .layer.layer-1 {
  background-image: url(../images/product-reality/layer-1.svg);
}
.product-reality .layer-holder .layer.layer-2 {
  background-image: url(../images/product-reality/layer-2.svg);
}
.product-reality .layer-holder .layer.layer-3 {
  background-image: url(../images/product-reality/layer-3.svg);
}
.product-reality .layer-holder .layer.layer-4 {
  background-image: url(../images/product-reality/layer-4.svg);
}
.product-reality .layer-holder .layer.layer-5 {
  background-image: url(../images/product-reality/layer-5.svg);
}
.product-reality .layer-holder .layer.layer-6 {
  background-image: url(../images/product-reality/layer-6.svg);
}
.product-reality .layer-holder .layer.layer-7 {
  background-image: url(../images/product-reality/layer-7.svg);
}
.product-reality .layer-holder .layer.layer-8 {
  background-image: url(../images/product-reality/layer-8.svg);
}
.product-reality .layer-holder .layer.layer-9 {
  background-image: url(../images/product-reality/layer-9.svg);
}

.automation {
  background-color: white;
}
.automation .layer-holder {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 801px) {
  .automation .layer-holder {
    height: 540px;
  }
}
.automation .layer-holder .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.automation .layer-holder .layer.layer-1 {
  background-image: url(../images/automation/layer-1.svg);
}
.automation .layer-holder .layer.layer-2 {
  background-image: url(../images/automation/layer-2.svg);
}
.automation .layer-holder .layer.layer-3 {
  background-image: url(../images/automation/layer-3.svg);
}
.automation .layer-holder .layer.layer-4 {
  background-image: url(../images/automation/layer-4.svg);
}
.automation .layer-holder .layer.layer-5 {
  background-image: url(../images/automation/layer-5.svg);
}
.automation .layer-holder .layer.layer-6 {
  background-image: url(../images/automation/layer-6.svg);
}
.automation .layer-holder .layer.layer-7 {
  background-image: url(../images/automation/layer-7.svg);
}
.automation .layer-holder .layer.layer-8 {
  background-image: url(../images/automation/layer-8.svg);
}
.automation .layer-holder .layer.layer-9 {
  background-image: url(../images/automation/layer-9.svg);
}
.automation .layer-holder .layer.layer-10 {
  background-image: url(../images/automation/layer-10.svg);
}

.necklace {
  background-color: white;
}
.necklace .layer-holder {
  position: relative;
  height: auto;
}
@media (min-width: 801px) {
  .necklace .layer-holder {
    height: 650px;
  }
}
.necklace .layer-holder .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.necklace .layer-holder .layer.layer-1 {
  background-image: url(../images/necklace/layer-1.svg);
}
.necklace .layer-holder .layer.layer-2 {
  background-image: url(../images/necklace/layer-2.svg);
}
.necklace .layer-holder .layer.layer-3 {
  background-image: url(../images/necklace/layer-3.svg);
}
.necklace .layer-holder .layer.layer-4 {
  background-image: url(../images/necklace/layer-4.svg);
}
.necklace .layer-holder .layer.layer-5 {
  background-image: url(../images/necklace/layer-5.svg);
}
.necklace .layer-holder .layer.layer-6 {
  background-image: url(../images/necklace/layer-6.svg);
}
.necklace .layer-holder .layer.layer-7 {
  background-image: url(../images/necklace/layer-7.svg);
}
.necklace .layer-holder .layer.layer-8 {
  background-image: url(../images/necklace/layer-8.svg);
}
.necklace .layer-holder .layer.layer-9 {
  background-image: url(../images/necklace/layer-9.svg);
}
.necklace .layer-holder .layer.layer-10 {
  background-image: url(../images/necklace/layer-10.svg);
}